diff --git a/docs/Deceiver-Kil.html b/docs/Deceiver-Kil.html
index 34068d1..89b78bb 100644
--- a/docs/Deceiver-Kil.html
+++ b/docs/Deceiver-Kil.html
@@ -62,16 +62,14 @@
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {
diff --git a/docs/Himself65.html b/docs/Himself65.html
index 6407373..d82f4a2 100644
--- a/docs/Himself65.html
+++ b/docs/Himself65.html
@@ -62,16 +62,14 @@
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {
diff --git a/docs/Sicherchen.html b/docs/Sicherchen.html
index 1ac7e9a..5a4b2e7 100644
--- a/docs/Sicherchen.html
+++ b/docs/Sicherchen.html
@@ -62,16 +62,14 @@
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {
diff --git a/docs/an-guo-da-jiang-jun.html b/docs/an-guo-da-jiang-jun.html
index 709c60b..0276e11 100644
--- a/docs/an-guo-da-jiang-jun.html
+++ b/docs/an-guo-da-jiang-jun.html
@@ -62,16 +62,14 @@
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {
diff --git a/docs/dang.xinran.html b/docs/dang.xinran.html
index 380a5c5..25232ed 100644
--- a/docs/dang.xinran.html
+++ b/docs/dang.xinran.html
@@ -62,16 +62,14 @@
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {
diff --git a/docs/dantes-15.html b/docs/dantes-15.html
index 02c446b..ae4f355 100644
--- a/docs/dantes-15.html
+++ b/docs/dantes-15.html
@@ -62,16 +62,14 @@
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {
diff --git a/docs/deng-bo-yun.html b/docs/deng-bo-yun.html
index 9b3309b..d138477 100644
--- a/docs/deng-bo-yun.html
+++ b/docs/deng-bo-yun.html
@@ -62,16 +62,14 @@
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {
diff --git a/docs/excalibur-11-11.html b/docs/excalibur-11-11.html
index fadb410..42b0701 100644
--- a/docs/excalibur-11-11.html
+++ b/docs/excalibur-11-11.html
@@ -62,16 +62,14 @@
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {
diff --git a/docs/fang-liang-0423.html b/docs/fang-liang-0423.html
index 2ab9c6a..a8ecaf8 100644
--- a/docs/fang-liang-0423.html
+++ b/docs/fang-liang-0423.html
@@ -62,16 +62,14 @@
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {
diff --git a/docs/fangkc.html b/docs/fangkc.html
index 56ace0a..156df29 100644
--- a/docs/fangkc.html
+++ b/docs/fangkc.html
@@ -62,16 +62,14 @@
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {
diff --git a/docs/gmqsunliancheng.html b/docs/gmqsunliancheng.html
index 4b1fff9..220c387 100644
--- a/docs/gmqsunliancheng.html
+++ b/docs/gmqsunliancheng.html
@@ -62,16 +62,14 @@
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {
diff --git a/docs/gong-ke-75.html b/docs/gong-ke-75.html
index f56f21a..7cb08bd 100644
--- a/docs/gong-ke-75.html
+++ b/docs/gong-ke-75.html
@@ -62,16 +62,14 @@
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {
diff --git a/docs/hun-luan-feng-bao-33.html b/docs/hun-luan-feng-bao-33.html
index ef21400..3163554 100644
--- a/docs/hun-luan-feng-bao-33.html
+++ b/docs/hun-luan-feng-bao-33.html
@@ -62,16 +62,14 @@
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {
diff --git a/docs/huo-hua-de-41.html b/docs/huo-hua-de-41.html
index f5653c4..5f0b894 100644
--- a/docs/huo-hua-de-41.html
+++ b/docs/huo-hua-de-41.html
@@ -62,16 +62,14 @@
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {
diff --git a/docs/li-yin-61-82.html b/docs/li-yin-61-82.html
index a340400..3bc606d 100644
--- a/docs/li-yin-61-82.html
+++ b/docs/li-yin-61-82.html
@@ -62,16 +62,14 @@
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {
diff --git a/docs/liu-jin-ze-71-59.html b/docs/liu-jin-ze-71-59.html
index 32c28e8..1afaca2 100644
--- a/docs/liu-jin-ze-71-59.html
+++ b/docs/liu-jin-ze-71-59.html
@@ -62,16 +62,14 @@
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {
diff --git a/docs/ma-qian-zu.html b/docs/ma-qian-zu.html
index a65567b..3a3a90f 100644
--- a/docs/ma-qian-zu.html
+++ b/docs/ma-qian-zu.html
@@ -62,16 +62,14 @@
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {
diff --git a/docs/maple-syrup-41.html b/docs/maple-syrup-41.html
index 3e879a8..3ecef56 100644
--- a/docs/maple-syrup-41.html
+++ b/docs/maple-syrup-41.html
@@ -62,16 +62,14 @@
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {
diff --git a/docs/miloyip.html b/docs/miloyip.html
index a2bcb8d..a3cf4f4 100644
--- a/docs/miloyip.html
+++ b/docs/miloyip.html
@@ -62,16 +62,14 @@
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {
diff --git a/docs/pandamalone.html b/docs/pandamalone.html
index 4ef7a6b..7fe8f5f 100644
--- a/docs/pandamalone.html
+++ b/docs/pandamalone.html
@@ -62,16 +62,14 @@
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {
diff --git a/docs/shengjingjianke.html b/docs/shengjingjianke.html
index 3bba312..63d3fcd 100644
--- a/docs/shengjingjianke.html
+++ b/docs/shengjingjianke.html
@@ -62,16 +62,14 @@
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {
diff --git a/docs/shinianhanshuang.html b/docs/shinianhanshuang.html
index 366c5ac..180974f 100644
--- a/docs/shinianhanshuang.html
+++ b/docs/shinianhanshuang.html
@@ -62,16 +62,14 @@
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {
diff --git a/docs/sinya.html b/docs/sinya.html
index 28a9fcb..63f32e2 100644
--- a/docs/sinya.html
+++ b/docs/sinya.html
@@ -62,16 +62,14 @@
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {
diff --git a/docs/volunteertravel.html b/docs/volunteertravel.html
index 483241d..af08272 100644
--- a/docs/volunteertravel.html
+++ b/docs/volunteertravel.html
@@ -62,16 +62,14 @@
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {
diff --git a/docs/wo-bu-zuo-lian-dao-hen-duo-nian.html b/docs/wo-bu-zuo-lian-dao-hen-duo-nian.html
index 4968202..b9d5fd8 100644
--- a/docs/wo-bu-zuo-lian-dao-hen-duo-nian.html
+++ b/docs/wo-bu-zuo-lian-dao-hen-duo-nian.html
@@ -62,16 +62,14 @@
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {
diff --git a/docs/xbjf.html b/docs/xbjf.html
index d75021e..dcad916 100644
--- a/docs/xbjf.html
+++ b/docs/xbjf.html
@@ -62,16 +62,14 @@
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {
diff --git a/docs/yu-feng-78-98.html b/docs/yu-feng-78-98.html
index e2b2d65..60871a9 100644
--- a/docs/yu-feng-78-98.html
+++ b/docs/yu-feng-78-98.html
@@ -62,16 +62,14 @@
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {
diff --git a/docs/zhang-zha-60-7.html b/docs/zhang-zha-60-7.html
index 82f6087..9251172 100644
--- a/docs/zhang-zha-60-7.html
+++ b/docs/zhang-zha-60-7.html
@@ -62,16 +62,14 @@
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {
diff --git a/docs/zhijiangchuan.html b/docs/zhijiangchuan.html
index 6cce05f..12eed65 100644
--- a/docs/zhijiangchuan.html
+++ b/docs/zhijiangchuan.html
@@ -62,16 +62,14 @@
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {
diff --git a/summary.py b/summary.py
index cd7c0a7..213eb88 100644
--- a/summary.py
+++ b/summary.py
@@ -132,16 +132,14 @@ def generate_summary(username: str):
         </style>
         <script>
             function openTab(evt, tabName) {
-                var tabContents = document.getElementsByClassName("tab-content");
-                for (var i = 0; i < tabContents.length; i++) {
-                    tabContents[i].classList.remove("active");
-                }
-                var tabButtons = document.getElementsByClassName("tab-button");
-                for (var i = 0; i < tabButtons.length; i++) {
-                    tabButtons[i].classList.remove("active");
-                }
-                document.getElementById(tabName).classList.add("active");
-                evt.currentTarget.classList.add("active");
+                const activeTab = document.querySelector('.tab-content.active');
+                const activeButton = document.querySelector('.tab-button.active');
+                
+                if (activeTab) activeTab.classList.remove('active');
+                if (activeButton) activeButton.classList.remove('active');
+                
+                document.getElementById(tabName).classList.add('active');
+                evt.currentTarget.classList.add('active');
             }
 
             function toggleDomain() {