修复维护通知自适应布局与导航重复焦点

app/assets/styles/OperationToasts.DfA_b8om.css

@@ -2,7 +2,7 @@
 /* 导入方：app/components/OperationToasts.vue、nuxt.config.ts。 */
 .operation-toasts.p-toast {
   width: min(380px, 100% - 24px);
-  top: 76px !important;
+  top: calc(var(--console-top-offset, 56px) + 20px) !important;
   right: 20px !important;
 }
 .operation-toasts .p-toast-message {
@@ -64,7 +64,7 @@
 /* 视口条件 (width<=600px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=600px) {
   .operation-toasts.p-toast {
-    top: 68px !important;
+    top: calc(var(--console-top-offset, 56px) + 12px) !important;
     right: 12px !important;
   }
 }

app/assets/styles/cart.CSS2vTmS.css

@@ -187,7 +187,7 @@
   gap: 18px;
   display: flex;
   position: sticky;
-  top: 76px;
+  top: calc(var(--console-top-offset, 56px) + 20px);
 }
 .cart-foot h3[data-v-11d8a39a] {
   margin: 0;

app/assets/styles/dedicated-server.CiJfMYtk.css

@@ -326,7 +326,7 @@ summary[data-v-e16eb167]:focus-visible {
 @media (width>=1024px) {
   .catalog-lines[data-v-e16eb167] {
     position: sticky;
-    top: 76px;
+    top: calc(var(--console-top-offset, 56px) + 20px);
   }
 }
 /* 视口条件 (width<=1199px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */

app/assets/styles/default.DFUVVR1i.css

@@ -4,23 +4,30 @@
   background: var(--console-page-bg);
   min-height: 100dvh;
   color: var(--p-text-color, #334155);
-  padding-top: 56px;
-}
-.console-layout.has-banner[data-v-1a9c3b51] {
-  padding-top: 94px;
+  padding-top: var(--console-top-offset, 56px);
 }
 .maintenance-banner[data-v-1a9c3b51] {
   z-index: 150;
   color: #92400e;
   background: #fef3c7;
-  align-items: center;
+  align-items: flex-start;
   gap: 8px;
-  height: 38px;
-  padding: 0 14px;
+  min-height: 38px;
+  max-height: 40dvh;
+  padding: 8px 14px;
+  overflow-y: auto;
   display: flex;
   position: fixed;
   inset: 0 0 auto;
 }
+.maintenance-banner > span[data-v-1a9c3b51] {
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+.maintenance-banner > i[data-v-1a9c3b51] {
+  flex-shrink: 0;
+  margin-top: 3px;
+}
 /* 桌面侧栏与移动端导航共享的外壳；断点覆盖会改变其宽度/可见性。 */
 .sidebar[data-v-1a9c3b51] {
   z-index: 30;
@@ -28,7 +35,7 @@
   border-right: 1px solid var(--console-panel-border);
   width: 210px;
   position: fixed;
-  top: 56px;
+  top: var(--console-top-offset, 56px);
   bottom: 0;
   left: 0;
 }
@@ -146,22 +153,20 @@
 .main[data-v-1a9c3b51] {
   flex-direction: column;
   min-width: 0;
-  min-height: calc(100dvh - 56px);
+  min-height: calc(100dvh - var(--console-top-offset, 56px));
   margin-left: 210px;
   display: flex;
 }
-.has-banner .main[data-v-1a9c3b51] {
-  min-height: calc(100dvh - 94px);
-}
 /* 顶栏与维护提示、主内容定位配合，避免固定元素遮挡可操作内容。 */
 .topbar[data-v-1a9c3b51] {
   z-index: 35;
   background: var(--console-panel-bg);
   border-bottom: 1px solid var(--console-panel-border);
   gap: 0;
-  height: 56px;
+  height: var(--console-header-height, 56px);
   position: fixed;
   inset: 0 0 auto;
+  top: var(--console-banner-height, 0px);
 }
 .brand-group[data-v-1a9c3b51],
 .topbar[data-v-1a9c3b51] {
@@ -435,12 +440,6 @@
 .skip-link[data-v-1a9c3b51]:focus {
   transform: translateY(0);
 }
-.has-banner .topbar[data-v-1a9c3b51] {
-  top: 38px;
-}
-.has-banner .sidebar[data-v-1a9c3b51] {
-  top: 94px;
-}
 /* 视口条件 (width<=1535px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=1535px) {
   .main[data-v-1a9c3b51] {
@@ -451,7 +450,7 @@
     border-right: 0;
     width: 280px;
     transition: transform 0.2s;
-    top: 0;
+    top: var(--console-banner-height, 0px);
     transform: translate(-100%);
   }
   .sidebar.open[data-v-1a9c3b51] {
@@ -466,9 +465,6 @@
   .brand-group[data-v-1a9c3b51] {
     flex: none;
   }
-  .has-banner .sidebar[data-v-1a9c3b51] {
-    top: 0;
-  }
 }
 /* 视口条件 (width<=767px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=767px) {

app/assets/styles/entry.Cs9kvuGi.css

@@ -1472,7 +1472,7 @@ video {
   min-width: 0;
   max-width: 100%;
   padding: 16px 14px;
-  scroll-margin-top: 75px;
+  scroll-margin-top: calc(var(--console-top-offset, 56px) + 19px);
   box-shadow: 0 1px 3px #0000001a;
 }
 .config-checkout .section-title {
@@ -1690,7 +1690,7 @@ video {
 @media (width>=1024px) {
   .config-summary-wrap {
     position: sticky;
-    top: 76px;
+    top: calc(var(--console-top-offset, 56px) + 20px);
   }
 }
 /* 视口条件 (width<=1199px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */

app/assets/styles/help.BSOB30LE.css

@@ -40,11 +40,11 @@
 .help-nav[data-v-2e1fbf8d] {
   flex-direction: column;
   gap: 18px;
-  max-height: calc(100dvh - 104px);
+  max-height: calc(100dvh - var(--console-top-offset, 56px) - 48px);
   padding: 20px 14px 16px;
   display: flex;
   position: sticky;
-  top: 78px;
+  top: calc(var(--console-top-offset, 56px) + 22px);
 }
 .nav-heading[data-v-2e1fbf8d] {
   justify-content: space-between;