diff --git a/public/themes/website/1/en/demo/components/mask.html b/public/themes/website/1/en/demo/components/mask.html
index 176fb94..693feb4 100644
--- a/public/themes/website/1/en/demo/components/mask.html
+++ b/public/themes/website/1/en/demo/components/mask.html
@@ -42,13 +42,17 @@
     <div class="mask-content">
       <nav class="mask-nav" aria-label="Mobile navigation">
         <ul class="mask-nav__list">
-          {hcTaglib:nav cid="47" max-level="2" item="vo" name="hc_mask_nav" sort="sort asc"}
+          {php}
+            $ui_nav_header = uiId('nav_header');
+            $ui_solution = uiId('solution');
+          {/php}
+          {hcTaglib:nav cid="$ui_nav_header" max-level="2" item="vo" name="hc_mask_nav" sort="sort asc"}
           {php}
             $mask_title = $vo['title'] ?? '';
             $mask_href = $vo['href'] ?? '';
             $mask_cid = (int)($vo['category_id'] ?? 0);
             $mask_children = $vo['children'] ?? [];
-            $mask_is_solution = ($mask_cid === 345);
+            $mask_is_solution = ($mask_cid === $ui_solution);
           {/php}
           {if $mask_is_solution}
           <!-- 解决方案：一级可继续展开二级（栏目树） -->
@@ -72,7 +76,7 @@
             </button>
             <div class="mask-nav__sublist-wrapper">
               <ul class="mask-nav__sublist">
-                {hcTaglib:allSubCategory pid="345" item="sol" sort=""}
+                {hcTaglib:allSubCategory pid="$ui_solution" item="sol" sort=""}
                 {php}
                   $sol_children = $sol['children'] ?? [];
                   $sol_has_children = !empty($sol_children);
diff --git a/public/themes/website/1/zh/demo/components/mask.html b/public/themes/website/1/zh/demo/components/mask.html
index b2251bb..9ad3459 100644
--- a/public/themes/website/1/zh/demo/components/mask.html
+++ b/public/themes/website/1/zh/demo/components/mask.html
@@ -42,13 +42,17 @@
     <div class="mask-content">
       <nav class="mask-nav" aria-label="移动导航">
         <ul class="mask-nav__list">
-          {hcTaglib:nav cid="47" max-level="2" item="vo" name="hc_mask_nav" sort="sort asc"}
+          {php}
+            $ui_nav_header = uiId('nav_header');
+            $ui_solution = uiId('solution');
+          {/php}
+          {hcTaglib:nav cid="$ui_nav_header" max-level="2" item="vo" name="hc_mask_nav" sort="sort asc"}
           {php}
             $mask_title = $vo['title'] ?? '';
             $mask_href = $vo['href'] ?? '';
             $mask_cid = (int)($vo['category_id'] ?? 0);
             $mask_children = $vo['children'] ?? [];
-            $mask_is_solution = ($mask_cid === 345);
+            $mask_is_solution = ($mask_cid === $ui_solution);
           {/php}
           {if $mask_is_solution}
           <!-- 解决方案：一级可继续展开二级（栏目树） -->
@@ -72,7 +76,7 @@
             </button>
             <div class="mask-nav__sublist-wrapper">
               <ul class="mask-nav__sublist">
-                {hcTaglib:allSubCategory pid="345" item="sol" sort=""}
+                {hcTaglib:allSubCategory pid="$ui_solution" item="sol" sort=""}
                 {php}
                   $sol_children = $sol['children'] ?? [];
                   $sol_has_children = !empty($sol_children);