From 2f9ea7cf487481f5fbd4c955d7f8503ef6b2c867 Mon Sep 17 00:00:00 2001
From: JekkiNoopy <jekkinoopy@gmail.com>
Date: Sat, 16 May 2026 18:52:29 +0800
Subject: [PATCH] =?UTF-8?q?fix=20=E6=BC=A2=E5=A0=A1=E9=81=B8=E5=96=AE?=
 =?UTF-8?q?=E5=B1=95=E9=96=8B=E7=BD=AE=E4=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/style.css  | 84 ++++++++++++++++++++++++++-----------------
 assets/css/tablet.css |  2 +-
 2 files changed, 53 insertions(+), 33 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index 00bf24d..a197a9b 100644
--- a/assets/css/style.css
+++ b/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;
     }
 }
 
diff --git a/assets/css/tablet.css b/assets/css/tablet.css
index 226c0d2..783c625 100644
--- a/assets/css/tablet.css
+++ b/assets/css/tablet.css
@@ -7,7 +7,7 @@
         flex: none;
         flex-wrap: nowrap;
         justify-content: flex-start;
-        align-items: stretch;
+        align-items: center;
     }
 
     .portal-nav>ul>li>a {