fix 漢堡選單展開置中

assets/css/style.css

@@ -449,6 +449,7 @@ nav a {
 
 @media (max-width: 991px) {
 
+    /* 漢堡展開：頂欄主標／子選單皆短字層 → 置中（內文 body 才置左，見 ai-change-boundaries） */
     .portal-nav {
         display: grid;
         grid-template-columns: 1fr auto;
@@ -460,11 +461,22 @@ nav a {
         row-gap: 0;
     }
 
+    .portal-nav.portal-nav--open {
+        grid-template-areas:
+            "head head"
+            "menu menu";
+    }
+
     .portal-nav .logo {
         grid-area: logo;
         justify-self: start;
     }
 
+    .portal-nav.portal-nav--open .logo {
+        grid-area: head;
+        justify-self: center;
+    }
+
     .portal-nav__menu-toggle {
         display: inline-flex;
         align-items: center;
@@ -474,12 +486,18 @@ nav a {
         margin-left: 0;
     }
 
+    .portal-nav.portal-nav--open .portal-nav__menu-toggle {
+        grid-area: head;
+        justify-self: end;
+        align-self: center;
+    }
+
     .portal-nav>ul {
         grid-area: menu;
         display: none;
         flex: none;
         flex-direction: column;
-        align-items: stretch;
+        align-items: center;
         justify-content: flex-start;
         gap: 0;
         width: 100%;
@@ -496,17 +514,32 @@ nav a {
 
     .portal-nav>ul>li {
         width: 100%;
+        max-width: 100%;
         position: relative;
     }
 
+    .portal-nav>ul>li>a,
+    .portal-nav .portal-submenu a,
+    .portal-nav .portal-submenu .portal-nav__subgroup-head,
+    .portal-nav .portal-nav__subgroup-head--nested,
+    .portal-nav .portal-submenu-nested a {
+        justify-content: center;
+        text-align: center;
+    }
+
     .portal-nav>ul>li>a {
-        justify-content: flex-start;
         width: 100%;
         min-height: 44px;
         padding: 10px 8px;
         box-sizing: border-box;
     }
 
+    .portal-nav .portal-submenu a,
+    .portal-nav .portal-submenu-nested a {
+        display: flex;
+        align-items: center;
+    }
+
     .portal-nav>ul>li:hover>.portal-submenu,
     .portal-nav>ul>li:focus-within>.portal-submenu {
         display: none;
@@ -541,12 +574,13 @@ nav a {
         min-width: 0;
         max-width: none;
         margin: 8px 0 0;
-        padding: 8px 0 8px 12px;
+        padding: 8px 0 0;
         border: 0;
-        border-left: 2px solid rgba(255, 204, 0, 0.45);
+        border-top: 1px solid rgba(255, 204, 0, 0.28);
         border-radius: 0;
         box-shadow: none;
         left: auto !important;
+        align-items: center;
     }
 
     .portal-nav .portal-nav__subgroup:hover>.portal-submenu-nested,
@@ -556,6 +590,8 @@ nav a {
 
     .portal-nav .portal-nav__subgroup.open>.portal-submenu-nested {
         display: flex;
+        flex-direction: column;
+        align-items: center;
     }
 
     .portal-nav .portal-submenu .portal-nav__subgroup-head {
@@ -570,13 +606,14 @@ nav a {
         width: 100%;
         min-width: 0;
         max-width: none;
-        margin: 8px 0 0 10px;
-        padding: 6px 0 6px 12px;
+        margin: 8px 0 0;
+        padding: 6px 0 0;
         border: 0;
-        border-left: 2px solid rgba(255, 180, 0, 0.38);
+        border-top: 1px solid rgba(255, 180, 0, 0.32);
         border-radius: 0;
         box-shadow: none;
         left: auto !important;
+        align-items: center;
     }
 
     .portal-nav .portal-nav__subgroup--nested:hover>.portal-submenu-nested--tier3,
@@ -586,6 +623,8 @@ nav a {
 
     .portal-nav .portal-nav__subgroup--nested.open>.portal-submenu-nested--tier3 {
         display: flex;
+        flex-direction: column;
+        align-items: center;
     }
 }
 
@@ -1743,7 +1782,7 @@ footer a .mark_b {
     .map-page .portal-nav>ul {
         display: none;
         justify-content: flex-start;
-        align-items: stretch;
+        align-items: center;
         flex-wrap: nowrap;
         gap: 0;
     }
@@ -1752,31 +1791,12 @@ footer a .mark_b {
         display: flex;
     }
 
-    .map-page .portal-nav>ul>li>a {
-        justify-content: flex-end;
-        text-align: right;
-    }
-
+    .map-page .portal-nav>ul>li>a,
     .map-page .portal-nav .portal-submenu a,
-    .map-page .portal-nav .portal-submenu .portal-nav__subgroup-head {
-        text-align: right;
-        justify-content: flex-end;
-    }
-
-    .map-page .portal-nav .portal-nav__subgroup>.portal-submenu-nested,
-    .map-page .portal-nav .portal-nav__subgroup:hover>.portal-submenu-nested,
-    .map-page .portal-nav .portal-nav__subgroup:focus-within>.portal-submenu-nested {
-        border-left: none;
-        border-right: 2px solid rgba(255, 204, 0, 0.45);
-        padding: 8px 12px 8px 0;
-    }
-
-    .map-page .portal-nav .portal-submenu-nested--tier3,
-    .map-page .portal-nav .portal-nav__subgroup--nested:hover>.portal-submenu-nested--tier3,
-    .map-page .portal-nav .portal-nav__subgroup--nested:focus-within>.portal-submenu-nested--tier3 {
-        border-left: none;
-        border-right: 2px solid rgba(255, 180, 0, 0.38);
-        padding: 6px 12px 6px 0;
+    .map-page .portal-nav .portal-submenu .portal-nav__subgroup-head,
+    .map-page .portal-nav .portal-nav__subgroup-head--nested {
+        justify-content: center;
+        text-align: center;
     }
 }