feat 漢堡選單全螢幕覆蓋

assets/css/style.css

@@ -450,6 +450,10 @@ nav a {
 @media (max-width: 991px) {
 
     /* 漢堡展開：頂欄主標／子選單皆短字層 → 置中（內文 body 才置左，見 ai-change-boundaries） */
+    body.portal-nav-menu-open {
+        overflow: hidden;
+    }
+
     .portal-nav {
         display: grid;
         grid-template-columns: 1fr auto;
@@ -462,9 +466,28 @@ nav a {
     }
 
     .portal-nav.portal-nav--open {
+        position: fixed;
+        inset: 0;
+        width: 100%;
+        height: 100%;
+        height: 100dvh;
+        margin: 0;
+        padding:
+            max(0.85rem, env(safe-area-inset-top, 0px))
+            clamp(14px, 2vw + 10px, 32px)
+            max(1rem, env(safe-area-inset-bottom, 0px));
+        z-index: 10000;
+        overflow-x: hidden;
+        overflow-y: auto;
+        -webkit-overflow-scrolling: touch;
+        background-color: var(--black);
+        grid-template-columns: 1fr auto;
+        grid-template-rows: auto minmax(0, 1fr);
         grid-template-areas:
             "head head"
             "menu menu";
+        align-content: start;
+        box-sizing: border-box;
     }
 
     .portal-nav .logo {
@@ -509,7 +532,13 @@ nav a {
 
     .portal-nav.portal-nav--open>ul {
         display: flex;
-        margin-top: 10px;
+        flex: 1 1 auto;
+        min-height: 0;
+        margin-top: 12px;
+        padding-bottom: 1.5rem;
+        overflow-y: auto;
+        -webkit-overflow-scrolling: touch;
+        justify-content: flex-start;
     }
 
     .portal-nav>ul>li {