diff --git a/en/usage/mermaid.html b/en/usage/mermaid.html
index 475da6c..a0e47cc 100644
--- a/en/usage/mermaid.html
+++ b/en/usage/mermaid.html
@@ -1533,12 +1533,12 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
     
         <div class="mermaid-wrapper my-4 relative w-full" style="min-width: min-content;">
             <!-- 加载提示 -->
-            <div id="mermaid-ddjbkpenf-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
+            <div id="mermaid-z9cy4sjnk-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
                 <span class="text-gray-500 text-sm">加载图...</span>
             </div>
             
             <!-- Mermaid 图表容器 -->
-            <div id="mermaid-ddjbkpenf" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
+            <div id="mermaid-z9cy4sjnk" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
                 flowchart LR
     id
             </div>
@@ -1570,8 +1570,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
                         // 初始化 mermaid
                         window.mermaidReady.then(mermaid => {
                             try {
-                                const chartElement = document.getElementById('mermaid-ddjbkpenf');
-                                const loadingElement = document.getElementById('mermaid-ddjbkpenf-loading');
+                                const chartElement = document.getElementById('mermaid-z9cy4sjnk');
+                                const loadingElement = document.getElementById('mermaid-z9cy4sjnk-loading');
 
                                 // 先设置容器的最小宽度
                                 chartElement.closest('.mermaid-wrapper').style.minWidth = 'min-content';
@@ -1585,7 +1585,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
 
                                 // 渲染图表
                                 mermaid.run({
-                                    querySelector: '#mermaid-ddjbkpenf'
+                                    querySelector: '#mermaid-z9cy4sjnk'
                                 }).then(() => {
                                     // 平滑显示图表
                                     chartElement.style.opacity = '1';
@@ -1599,7 +1599,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
                                 });
                             } catch (error) {
                                 console.error('Mermaid init error:', error);
-                                document.getElementById('mermaid-ddjbkpenf-loading').innerHTML = 
+                                document.getElementById('mermaid-z9cy4sjnk-loading').innerHTML = 
                                     '<span class="text-red-500">无法初始化图</span>';
                             }
                         });
@@ -1622,12 +1622,12 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
     
         <div class="mermaid-wrapper my-4 relative w-full" style="min-width: min-content;">
             <!-- 加载提示 -->
-            <div id="mermaid-c4hx40xir-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
+            <div id="mermaid-w8eo485rf-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
                 <span class="text-gray-500 text-sm">加载图...</span>
             </div>
             
             <!-- Mermaid 图表容器 -->
-            <div id="mermaid-c4hx40xir" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
+            <div id="mermaid-w8eo485rf" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
                 sequenceDiagram
     Alice->>John: Hello John, how are you?
     John-->>Alice: Great!
@@ -1660,8 +1660,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
                         // 初始化 mermaid
                         window.mermaidReady.then(mermaid => {
                             try {
-                                const chartElement = document.getElementById('mermaid-c4hx40xir');
-                                const loadingElement = document.getElementById('mermaid-c4hx40xir-loading');
+                                const chartElement = document.getElementById('mermaid-w8eo485rf');
+                                const loadingElement = document.getElementById('mermaid-w8eo485rf-loading');
 
                                 // 先设置容器的最小宽度
                                 chartElement.closest('.mermaid-wrapper').style.minWidth = 'min-content';
@@ -1675,7 +1675,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
 
                                 // 渲染图表
                                 mermaid.run({
-                                    querySelector: '#mermaid-c4hx40xir'
+                                    querySelector: '#mermaid-w8eo485rf'
                                 }).then(() => {
                                     // 平滑显示图表
                                     chartElement.style.opacity = '1';
@@ -1689,7 +1689,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
                                 });
                             } catch (error) {
                                 console.error('Mermaid init error:', error);
-                                document.getElementById('mermaid-c4hx40xir-loading').innerHTML = 
+                                document.getElementById('mermaid-w8eo485rf-loading').innerHTML = 
                                     '<span class="text-red-500">无法初始化图</span>';
                             }
                         });
@@ -1712,12 +1712,12 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
     
         <div class="mermaid-wrapper my-4 relative w-full" style="min-width: min-content;">
             <!-- 加载提示 -->
-            <div id="mermaid-invc03ddx-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
+            <div id="mermaid-k5hxe6rrz-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
                 <span class="text-gray-500 text-sm">加载图...</span>
             </div>
             
             <!-- Mermaid 图表容器 -->
-            <div id="mermaid-invc03ddx" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
+            <div id="mermaid-k5hxe6rrz" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
                 mindmap
   root((mindmap))
     Origins
@@ -1764,8 +1764,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
                         // 初始化 mermaid
                         window.mermaidReady.then(mermaid => {
                             try {
-                                const chartElement = document.getElementById('mermaid-invc03ddx');
-                                const loadingElement = document.getElementById('mermaid-invc03ddx-loading');
+                                const chartElement = document.getElementById('mermaid-k5hxe6rrz');
+                                const loadingElement = document.getElementById('mermaid-k5hxe6rrz-loading');
 
                                 // 先设置容器的最小宽度
                                 chartElement.closest('.mermaid-wrapper').style.minWidth = 'min-content';
@@ -1779,7 +1779,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
 
                                 // 渲染图表
                                 mermaid.run({
-                                    querySelector: '#mermaid-invc03ddx'
+                                    querySelector: '#mermaid-k5hxe6rrz'
                                 }).then(() => {
                                     // 平滑显示图表
                                     chartElement.style.opacity = '1';
@@ -1793,7 +1793,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
                                 });
                             } catch (error) {
                                 console.error('Mermaid init error:', error);
-                                document.getElementById('mermaid-invc03ddx-loading').innerHTML = 
+                                document.getElementById('mermaid-k5hxe6rrz-loading').innerHTML = 
                                     '<span class="text-red-500">无法初始化图</span>';
                             }
                         });
diff --git a/en/usage/tab.html b/en/usage/tab.html
index dc2d6a4..f858dc6 100644
--- a/en/usage/tab.html
+++ b/en/usage/tab.html
@@ -1530,10 +1530,10 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
             class="px-4 py-2 text-sm font-medium border-b-2 transition-colors duration-200
                    border-blue-500 text-blue-600
                    focus:outline-none"
-            onclick="switchTab(event, 'tabgroup-srmhmiqzt', 0)"
+            onclick="switchTab(event, 'tabgroup-h1gdpws5v', 0)"
             aria-selected="true"
-            aria-controls="tabgroup-srmhmiqzt-panel-0"
-            id="tabgroup-srmhmiqzt-tab-0">
+            aria-controls="tabgroup-h1gdpws5v-panel-0"
+            id="tabgroup-h1gdpws5v-tab-0">
             包含列表
         </button>
     
@@ -1541,10 +1541,10 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
             class="px-4 py-2 text-sm font-medium border-b-2 transition-colors duration-200
                    border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300
                    focus:outline-none"
-            onclick="switchTab(event, 'tabgroup-srmhmiqzt', 1)"
+            onclick="switchTab(event, 'tabgroup-h1gdpws5v', 1)"
             aria-selected="false"
-            aria-controls="tabgroup-srmhmiqzt-panel-1"
-            id="tabgroup-srmhmiqzt-tab-1">
+            aria-controls="tabgroup-h1gdpws5v-panel-1"
+            id="tabgroup-h1gdpws5v-tab-1">
             包含代码
         </button>
     
@@ -1552,10 +1552,10 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
             class="px-4 py-2 text-sm font-medium border-b-2 transition-colors duration-200
                    border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300
                    focus:outline-none"
-            onclick="switchTab(event, 'tabgroup-srmhmiqzt', 2)"
+            onclick="switchTab(event, 'tabgroup-h1gdpws5v', 2)"
             aria-selected="false"
-            aria-controls="tabgroup-srmhmiqzt-panel-2"
-            id="tabgroup-srmhmiqzt-tab-2">
+            aria-controls="tabgroup-h1gdpws5v-panel-2"
+            id="tabgroup-h1gdpws5v-tab-2">
             无格式
         </button>
     
@@ -1563,10 +1563,10 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
             class="px-4 py-2 text-sm font-medium border-b-2 transition-colors duration-200
                    border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300
                    focus:outline-none"
-            onclick="switchTab(event, 'tabgroup-srmhmiqzt', 3)"
+            onclick="switchTab(event, 'tabgroup-h1gdpws5v', 3)"
             aria-selected="false"
-            aria-controls="tabgroup-srmhmiqzt-panel-3"
-            id="tabgroup-srmhmiqzt-tab-3">
+            aria-controls="tabgroup-h1gdpws5v-panel-3"
+            id="tabgroup-h1gdpws5v-tab-3">
             内容前后有空行
         </button>
     
@@ -1574,10 +1574,10 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
             class="px-4 py-2 text-sm font-medium border-b-2 transition-colors duration-200
                    border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300
                    focus:outline-none"
-            onclick="switchTab(event, 'tabgroup-srmhmiqzt', 4)"
+            onclick="switchTab(event, 'tabgroup-h1gdpws5v', 4)"
             aria-selected="false"
-            aria-controls="tabgroup-srmhmiqzt-panel-4"
-            id="tabgroup-srmhmiqzt-tab-4">
+            aria-controls="tabgroup-h1gdpws5v-panel-4"
+            id="tabgroup-h1gdpws5v-tab-4">
             标题无缩进
         </button>
     
@@ -1587,8 +1587,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
                 
         <div class="p-4 "
             role="tabpanel"
-            aria-labelledby="tabgroup-srmhmiqzt-tab-0"
-            id="tabgroup-srmhmiqzt-panel-0">
+            aria-labelledby="tabgroup-h1gdpws5v-tab-0"
+            id="tabgroup-h1gdpws5v-panel-0">
             
         <span class="text-base text-gray-700 leading-7 my-2">这是第一个标签页的内容
 可以包含多行内容</span>
@@ -1609,8 +1609,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
     
         <div class="p-4 hidden"
             role="tabpanel"
-            aria-labelledby="tabgroup-srmhmiqzt-tab-1"
-            id="tabgroup-srmhmiqzt-panel-1">
+            aria-labelledby="tabgroup-h1gdpws5v-tab-1"
+            id="tabgroup-h1gdpws5v-panel-1">
             
         <span class="text-base text-gray-700 leading-7 my-2">这是第二个标签页的内容</span>
     
@@ -1646,8 +1646,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
     
         <div class="p-4 hidden"
             role="tabpanel"
-            aria-labelledby="tabgroup-srmhmiqzt-tab-2"
-            id="tabgroup-srmhmiqzt-panel-2">
+            aria-labelledby="tabgroup-h1gdpws5v-tab-2"
+            id="tabgroup-h1gdpws5v-panel-2">
             
         <span class="text-base text-gray-700 leading-7 my-2">第三个标签页的内容</span>
     
@@ -1655,8 +1655,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
     
         <div class="p-4 hidden"
             role="tabpanel"
-            aria-labelledby="tabgroup-srmhmiqzt-tab-3"
-            id="tabgroup-srmhmiqzt-panel-3">
+            aria-labelledby="tabgroup-h1gdpws5v-tab-3"
+            id="tabgroup-h1gdpws5v-panel-3">
             
         <div class="space-y-4"></div>
     
@@ -1666,8 +1666,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
     
         <div class="p-4 hidden"
             role="tabpanel"
-            aria-labelledby="tabgroup-srmhmiqzt-tab-4"
-            id="tabgroup-srmhmiqzt-panel-4">
+            aria-labelledby="tabgroup-h1gdpws5v-tab-4"
+            id="tabgroup-h1gdpws5v-panel-4">
             
         <div class="space-y-4"></div>
     
diff --git a/zh-CN/usage/mermaid.html b/zh-CN/usage/mermaid.html
index e7b4906..cb0fbce 100644
--- a/zh-CN/usage/mermaid.html
+++ b/zh-CN/usage/mermaid.html
@@ -1533,12 +1533,12 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
     
         <div class="mermaid-wrapper my-4 relative w-full" style="min-width: min-content;">
             <!-- 加载提示 -->
-            <div id="mermaid-ch4zbxb4y-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
+            <div id="mermaid-wx8ai96j0-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
                 <span class="text-gray-500 text-sm">加载图...</span>
             </div>
             
             <!-- Mermaid 图表容器 -->
-            <div id="mermaid-ch4zbxb4y" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
+            <div id="mermaid-wx8ai96j0" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
                 flowchart LR
     id
             </div>
@@ -1570,8 +1570,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
                         // 初始化 mermaid
                         window.mermaidReady.then(mermaid => {
                             try {
-                                const chartElement = document.getElementById('mermaid-ch4zbxb4y');
-                                const loadingElement = document.getElementById('mermaid-ch4zbxb4y-loading');
+                                const chartElement = document.getElementById('mermaid-wx8ai96j0');
+                                const loadingElement = document.getElementById('mermaid-wx8ai96j0-loading');
 
                                 // 先设置容器的最小宽度
                                 chartElement.closest('.mermaid-wrapper').style.minWidth = 'min-content';
@@ -1585,7 +1585,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
 
                                 // 渲染图表
                                 mermaid.run({
-                                    querySelector: '#mermaid-ch4zbxb4y'
+                                    querySelector: '#mermaid-wx8ai96j0'
                                 }).then(() => {
                                     // 平滑显示图表
                                     chartElement.style.opacity = '1';
@@ -1599,7 +1599,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
                                 });
                             } catch (error) {
                                 console.error('Mermaid init error:', error);
-                                document.getElementById('mermaid-ch4zbxb4y-loading').innerHTML = 
+                                document.getElementById('mermaid-wx8ai96j0-loading').innerHTML = 
                                     '<span class="text-red-500">无法初始化图</span>';
                             }
                         });
@@ -1622,12 +1622,12 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
     
         <div class="mermaid-wrapper my-4 relative w-full" style="min-width: min-content;">
             <!-- 加载提示 -->
-            <div id="mermaid-qd2tj5663-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
+            <div id="mermaid-q83bu7ebm-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
                 <span class="text-gray-500 text-sm">加载图...</span>
             </div>
             
             <!-- Mermaid 图表容器 -->
-            <div id="mermaid-qd2tj5663" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
+            <div id="mermaid-q83bu7ebm" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
                 sequenceDiagram
     Alice->>John: Hello John, how are you?
     John-->>Alice: Great!
@@ -1660,8 +1660,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
                         // 初始化 mermaid
                         window.mermaidReady.then(mermaid => {
                             try {
-                                const chartElement = document.getElementById('mermaid-qd2tj5663');
-                                const loadingElement = document.getElementById('mermaid-qd2tj5663-loading');
+                                const chartElement = document.getElementById('mermaid-q83bu7ebm');
+                                const loadingElement = document.getElementById('mermaid-q83bu7ebm-loading');
 
                                 // 先设置容器的最小宽度
                                 chartElement.closest('.mermaid-wrapper').style.minWidth = 'min-content';
@@ -1675,7 +1675,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
 
                                 // 渲染图表
                                 mermaid.run({
-                                    querySelector: '#mermaid-qd2tj5663'
+                                    querySelector: '#mermaid-q83bu7ebm'
                                 }).then(() => {
                                     // 平滑显示图表
                                     chartElement.style.opacity = '1';
@@ -1689,7 +1689,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
                                 });
                             } catch (error) {
                                 console.error('Mermaid init error:', error);
-                                document.getElementById('mermaid-qd2tj5663-loading').innerHTML = 
+                                document.getElementById('mermaid-q83bu7ebm-loading').innerHTML = 
                                     '<span class="text-red-500">无法初始化图</span>';
                             }
                         });
@@ -1712,12 +1712,12 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
     
         <div class="mermaid-wrapper my-4 relative w-full" style="min-width: min-content;">
             <!-- 加载提示 -->
-            <div id="mermaid-79nimmx6i-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
+            <div id="mermaid-a4ueblygw-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
                 <span class="text-gray-500 text-sm">加载图...</span>
             </div>
             
             <!-- Mermaid 图表容器 -->
-            <div id="mermaid-79nimmx6i" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
+            <div id="mermaid-a4ueblygw" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
                 mindmap
   root((mindmap))
     Origins
@@ -1764,8 +1764,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
                         // 初始化 mermaid
                         window.mermaidReady.then(mermaid => {
                             try {
-                                const chartElement = document.getElementById('mermaid-79nimmx6i');
-                                const loadingElement = document.getElementById('mermaid-79nimmx6i-loading');
+                                const chartElement = document.getElementById('mermaid-a4ueblygw');
+                                const loadingElement = document.getElementById('mermaid-a4ueblygw-loading');
 
                                 // 先设置容器的最小宽度
                                 chartElement.closest('.mermaid-wrapper').style.minWidth = 'min-content';
@@ -1779,7 +1779,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
 
                                 // 渲染图表
                                 mermaid.run({
-                                    querySelector: '#mermaid-79nimmx6i'
+                                    querySelector: '#mermaid-a4ueblygw'
                                 }).then(() => {
                                     // 平滑显示图表
                                     chartElement.style.opacity = '1';
@@ -1793,7 +1793,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
                                 });
                             } catch (error) {
                                 console.error('Mermaid init error:', error);
-                                document.getElementById('mermaid-79nimmx6i-loading').innerHTML = 
+                                document.getElementById('mermaid-a4ueblygw-loading').innerHTML = 
                                     '<span class="text-red-500">无法初始化图</span>';
                             }
                         });
diff --git a/zh-CN/usage/tab.html b/zh-CN/usage/tab.html
index 1dca87b..9169a6e 100644
--- a/zh-CN/usage/tab.html
+++ b/zh-CN/usage/tab.html
@@ -1530,10 +1530,10 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
             class="px-4 py-2 text-sm font-medium border-b-2 transition-colors duration-200
                    border-blue-500 text-blue-600
                    focus:outline-none"
-            onclick="switchTab(event, 'tabgroup-crj4o9r36', 0)"
+            onclick="switchTab(event, 'tabgroup-yjxj3gedq', 0)"
             aria-selected="true"
-            aria-controls="tabgroup-crj4o9r36-panel-0"
-            id="tabgroup-crj4o9r36-tab-0">
+            aria-controls="tabgroup-yjxj3gedq-panel-0"
+            id="tabgroup-yjxj3gedq-tab-0">
             包含列表
         </button>
     
@@ -1541,10 +1541,10 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
             class="px-4 py-2 text-sm font-medium border-b-2 transition-colors duration-200
                    border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300
                    focus:outline-none"
-            onclick="switchTab(event, 'tabgroup-crj4o9r36', 1)"
+            onclick="switchTab(event, 'tabgroup-yjxj3gedq', 1)"
             aria-selected="false"
-            aria-controls="tabgroup-crj4o9r36-panel-1"
-            id="tabgroup-crj4o9r36-tab-1">
+            aria-controls="tabgroup-yjxj3gedq-panel-1"
+            id="tabgroup-yjxj3gedq-tab-1">
             包含代码
         </button>
     
@@ -1552,10 +1552,10 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
             class="px-4 py-2 text-sm font-medium border-b-2 transition-colors duration-200
                    border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300
                    focus:outline-none"
-            onclick="switchTab(event, 'tabgroup-crj4o9r36', 2)"
+            onclick="switchTab(event, 'tabgroup-yjxj3gedq', 2)"
             aria-selected="false"
-            aria-controls="tabgroup-crj4o9r36-panel-2"
-            id="tabgroup-crj4o9r36-tab-2">
+            aria-controls="tabgroup-yjxj3gedq-panel-2"
+            id="tabgroup-yjxj3gedq-tab-2">
             无格式
         </button>
     
@@ -1563,10 +1563,10 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
             class="px-4 py-2 text-sm font-medium border-b-2 transition-colors duration-200
                    border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300
                    focus:outline-none"
-            onclick="switchTab(event, 'tabgroup-crj4o9r36', 3)"
+            onclick="switchTab(event, 'tabgroup-yjxj3gedq', 3)"
             aria-selected="false"
-            aria-controls="tabgroup-crj4o9r36-panel-3"
-            id="tabgroup-crj4o9r36-tab-3">
+            aria-controls="tabgroup-yjxj3gedq-panel-3"
+            id="tabgroup-yjxj3gedq-tab-3">
             内容前后有空行
         </button>
     
@@ -1574,10 +1574,10 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
             class="px-4 py-2 text-sm font-medium border-b-2 transition-colors duration-200
                    border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300
                    focus:outline-none"
-            onclick="switchTab(event, 'tabgroup-crj4o9r36', 4)"
+            onclick="switchTab(event, 'tabgroup-yjxj3gedq', 4)"
             aria-selected="false"
-            aria-controls="tabgroup-crj4o9r36-panel-4"
-            id="tabgroup-crj4o9r36-tab-4">
+            aria-controls="tabgroup-yjxj3gedq-panel-4"
+            id="tabgroup-yjxj3gedq-tab-4">
             标题无缩进
         </button>
     
@@ -1587,8 +1587,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
                 
         <div class="p-4 "
             role="tabpanel"
-            aria-labelledby="tabgroup-crj4o9r36-tab-0"
-            id="tabgroup-crj4o9r36-panel-0">
+            aria-labelledby="tabgroup-yjxj3gedq-tab-0"
+            id="tabgroup-yjxj3gedq-panel-0">
             
         <span class="text-base text-gray-700 leading-7 my-2">这是第一个标签页的内容
 可以包含多行内容</span>
@@ -1609,8 +1609,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
     
         <div class="p-4 hidden"
             role="tabpanel"
-            aria-labelledby="tabgroup-crj4o9r36-tab-1"
-            id="tabgroup-crj4o9r36-panel-1">
+            aria-labelledby="tabgroup-yjxj3gedq-tab-1"
+            id="tabgroup-yjxj3gedq-panel-1">
             
         <span class="text-base text-gray-700 leading-7 my-2">这是第二个标签页的内容</span>
     
@@ -1646,8 +1646,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
     
         <div class="p-4 hidden"
             role="tabpanel"
-            aria-labelledby="tabgroup-crj4o9r36-tab-2"
-            id="tabgroup-crj4o9r36-panel-2">
+            aria-labelledby="tabgroup-yjxj3gedq-tab-2"
+            id="tabgroup-yjxj3gedq-panel-2">
             
         <span class="text-base text-gray-700 leading-7 my-2">第三个标签页的内容</span>
     
@@ -1655,8 +1655,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
     
         <div class="p-4 hidden"
             role="tabpanel"
-            aria-labelledby="tabgroup-crj4o9r36-tab-3"
-            id="tabgroup-crj4o9r36-panel-3">
+            aria-labelledby="tabgroup-yjxj3gedq-tab-3"
+            id="tabgroup-yjxj3gedq-panel-3">
             
         <div class="space-y-4"></div>
     
@@ -1666,8 +1666,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
     
         <div class="p-4 hidden"
             role="tabpanel"
-            aria-labelledby="tabgroup-crj4o9r36-tab-4"
-            id="tabgroup-crj4o9r36-panel-4">
+            aria-labelledby="tabgroup-yjxj3gedq-tab-4"
+            id="tabgroup-yjxj3gedq-panel-4">
             
         <div class="space-y-4"></div>