diff --git a/app/assets/styles/deni.css b/app/assets/styles/deni.css
new file mode 100644
index 0000000..9ce2ce2
--- /dev/null
+++ b/app/assets/styles/deni.css
@@ -0,0 +1,594 @@
+/*
+ * Deni shell adapted from OpenVue Foundation Deni (MIT), commit
+ * 72156473d5f73a26f97d35aa5fed3a96059779ef:
+ * src/assets/styles/_layout.scss, _sidebar.scss, _topbar.scss.
+ * Nuxt route slots, measured maintenance offset and accessible mobile focus remain local.
+ */
+.deni-layout {
+  min-height: 100dvh;
+  padding-top: var(--console-banner-height, 0px);
+  background: var(--deni-ground);
+}
+.deni-layout .layout-main {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  min-height: calc(100dvh - var(--console-banner-height, 0px));
+  margin-left: var(--deni-sidebar-width);
+}
+.deni-layout .layout-content {
+  flex: 1 1 auto;
+  width: 100%;
+  min-width: 0;
+  max-width: var(--deni-content-max);
+  margin: 0 auto;
+  padding: 24px 32px 48px;
+}
+.deni-layout .layout-content:focus {
+  outline: none;
+}
+.deni-layout .maintenance-banner {
+  position: fixed;
+  inset: 0 0 auto;
+  z-index: 1000;
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  min-height: 38px;
+  max-height: 40dvh;
+  padding: 8px 14px;
+  overflow-y: auto;
+  background: var(--p-yellow-100);
+  color: var(--p-yellow-900);
+}
+.deni-layout .maintenance-banner > span {
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+.deni-layout .maintenance-banner > .iconify {
+  flex-shrink: 0;
+  width: 18px;
+  height: 18px;
+  margin-top: 2px;
+}
+.app-dark .deni-layout .maintenance-banner {
+  background: var(--p-yellow-950);
+  color: var(--p-yellow-200);
+}
+.deni-layout .sidebar {
+  --deni-menu-active-background: var(--p-primary-50);
+  --deni-menu-active-color: var(--p-text-color);
+  --deni-menu-active-accent: var(--p-primary-600);
+  --deni-menu-sub-active-color: var(--p-primary-700);
+  position: fixed;
+  top: var(--console-banner-height, 0px);
+  bottom: 0;
+  left: 0;
+  z-index: 950;
+  display: flex;
+  flex-direction: column;
+  width: var(--deni-sidebar-width);
+  background: var(--deni-panel);
+  border-right: 1px solid var(--p-content-border-color);
+  transition: transform var(--deni-transition);
+}
+.app-dark .deni-layout .sidebar {
+  --deni-menu-active-background: color-mix(
+    in srgb,
+    var(--p-primary-color) 16%,
+    transparent
+  );
+  --deni-menu-active-color: var(--p-primary-300);
+  --deni-menu-active-accent: var(--p-primary-300);
+  --deni-menu-sub-active-color: var(--p-primary-300);
+}
+.deni-layout .sidebar-brand {
+  display: flex;
+  flex: 0 0 auto;
+  align-items: center;
+  gap: 10px;
+  height: var(--deni-topbar-height);
+  padding: 0 16px;
+  border-bottom: 1px solid var(--p-content-border-color);
+}
+.deni-layout .brand,
+.deni-layout .mobile-brand {
+  display: inline-flex;
+  align-items: center;
+  min-width: 0;
+}
+.deni-layout .brand-logo {
+  display: block;
+  width: 148px;
+  height: auto;
+  max-height: 32px;
+  object-fit: contain;
+}
+.deni-layout .sidebar-nav {
+  flex: 1 1 auto;
+  min-height: 0;
+  padding: 12px 10px 20px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
+.deni-layout .sidebar-section + .sidebar-section {
+  margin-top: 20px;
+}
+.deni-layout .sidebar-section-label {
+  margin: 0;
+  padding: 0 8px 6px;
+  color: var(--p-text-muted-color);
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+}
+.deni-layout .sidebar-list {
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+}
+.deni-layout .nav-item {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  min-height: 36px;
+  padding: 7px 10px;
+  border: 0;
+  border-radius: 4px;
+  background: transparent;
+  color: var(--p-text-color);
+  font: inherit;
+  font-size: 13.5px;
+  text-align: left;
+  text-decoration: none;
+  cursor: pointer;
+  transition:
+    background var(--deni-transition),
+    color var(--deni-transition);
+}
+.deni-layout .nav-item:hover,
+.deni-layout .sub-item:hover {
+  background: var(--deni-hover);
+  text-decoration: none;
+}
+.deni-layout .nav-item:focus-visible {
+  outline-offset: -2px;
+}
+.deni-layout .nav-item.active:not(button),
+.deni-layout .nav-item.router-link-exact-active {
+  background: var(--deni-menu-active-background);
+  color: var(--deni-menu-active-color);
+  font-weight: 600;
+}
+.deni-layout .nav-item.active:not(button)::before {
+  position: absolute;
+  top: 6px;
+  bottom: 6px;
+  left: -10px;
+  width: 2px;
+  border-radius: 0 2px 2px 0;
+  background: var(--p-primary-color);
+  content: "";
+}
+.deni-layout .nav-icon {
+  flex: 0 0 18px;
+  width: 18px;
+  height: 18px;
+  color: var(--p-text-muted-color);
+}
+.deni-layout .nav-item.active .nav-icon {
+  color: var(--deni-menu-active-accent);
+}
+.deni-layout .nav-label {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.deni-layout .nav-unavailable {
+  color: var(--p-text-muted-color);
+  cursor: not-allowed;
+}
+.deni-layout .nav-arrow {
+  flex-shrink: 0;
+  width: 14px;
+  height: 14px;
+  margin-left: auto;
+  transition: transform var(--deni-transition);
+}
+.deni-layout .nav-arrow.open {
+  transform: rotate(90deg);
+}
+/* 已有后台递归菜单的 i 图标朝下，静态 Deni 菜单的 Lucide 图标朝右。 */
+.deni-layout i.nav-arrow {
+  transform: rotate(-90deg);
+}
+.deni-layout i.nav-arrow.open {
+  transform: rotate(0);
+}
+.deni-layout .sub-nav {
+  display: grid;
+  grid-template-rows: 0fr;
+  transition: grid-template-rows var(--deni-transition);
+}
+.deni-layout .sub-nav.open {
+  grid-template-rows: 1fr;
+}
+.deni-layout .sub-nav-clip {
+  min-height: 0;
+  overflow: hidden;
+}
+.deni-layout .sub-nav-items {
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+  margin: 1px 0 1px 19px;
+  padding-left: 10px;
+  border-left: 1px solid var(--p-content-border-color);
+}
+.deni-layout .sub-item {
+  display: block;
+  padding: 6px 10px;
+  border-radius: 4px;
+  color: var(--p-text-muted-color);
+  font-size: 13px;
+  text-decoration: none;
+  transition:
+    background var(--deni-transition),
+    color var(--deni-transition);
+}
+.deni-layout .sub-item.active {
+  color: var(--deni-menu-sub-active-color);
+  font-weight: 600;
+}
+.deni-layout .sidebar-footer {
+  flex: 0 0 auto;
+  padding: 10px;
+  border-top: 1px solid var(--p-content-border-color);
+}
+.deni-layout .sidebar-account {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  padding: 8px;
+  border-radius: 4px;
+  color: var(--p-text-color);
+  text-align: left;
+  text-decoration: none;
+}
+.deni-layout .sidebar-account:hover,
+.deni-layout .topbar-user:hover,
+.deni-layout .topbar-action:hover,
+.deni-layout .nav-close:hover {
+  background: var(--deni-hover);
+}
+.deni-layout .sidebar-account-text {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  min-width: 0;
+  line-height: 1.3;
+}
+.deni-layout .sidebar-account-name {
+  overflow: hidden;
+  font-size: 13px;
+  font-weight: 600;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.deni-layout .sidebar-account-id {
+  color: var(--p-text-muted-color);
+  font-size: 12px;
+}
+.deni-layout .sidebar-account > .iconify {
+  width: 16px;
+  height: 16px;
+  color: var(--p-text-muted-color);
+}
+.deni-layout .topbar {
+  position: sticky;
+  top: var(--console-banner-height, 0px);
+  z-index: 800;
+  display: flex;
+  flex: 0 0 auto;
+  align-items: center;
+  gap: 12px;
+  height: var(--deni-topbar-height);
+  padding: 0 20px;
+  border-bottom: 1px solid var(--p-content-border-color);
+  background: var(--deni-panel);
+}
+.deni-layout .topbar-left,
+.deni-layout .topbar-right {
+  display: flex;
+  align-items: center;
+}
+.deni-layout .topbar-left {
+  gap: 12px;
+  min-width: 0;
+}
+.deni-layout .topbar-right {
+  flex-shrink: 0;
+  gap: 4px;
+  margin-left: auto;
+}
+.deni-layout .topbar-action,
+.deni-layout .nav-close {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  padding: 0;
+  border: 0;
+  border-radius: 50%;
+  background: transparent;
+  color: var(--p-text-muted-color);
+  cursor: pointer;
+}
+.deni-layout .topbar-action > .iconify,
+.deni-layout .nav-close > .iconify {
+  width: 20px;
+  height: 20px;
+}
+.deni-layout .nav-close {
+  margin-left: auto;
+}
+.deni-layout .nav-toggle,
+.deni-layout .mobile-brand,
+.deni-layout .nav-close {
+  display: none;
+}
+.deni-layout .topbar-divider {
+  width: 1px;
+  height: 20px;
+  margin: 0 6px;
+  background: var(--p-content-border-color);
+}
+.deni-layout .topbar-user {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+  padding: 4px 8px 4px 4px;
+  border: 0;
+  border-radius: 4px;
+  background: transparent;
+  color: var(--p-text-color);
+  font: inherit;
+  cursor: pointer;
+}
+.deni-layout .topbar-user-name {
+  max-width: 160px;
+  overflow: hidden;
+  font-size: 13px;
+  font-weight: 600;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.deni-layout .topbar-user > .iconify {
+  width: 14px;
+  height: 14px;
+  color: var(--p-text-muted-color);
+}
+.deni-layout .crumbs {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+  overflow: hidden;
+  font-size: 13px;
+}
+.deni-layout .crumb-home {
+  display: inline-flex;
+  flex-shrink: 0;
+  color: var(--p-text-muted-color);
+}
+.deni-layout .crumb-home > .iconify {
+  width: 16px;
+  height: 16px;
+}
+.deni-layout .crumb-sep {
+  flex-shrink: 0;
+  width: 12px;
+  height: 12px;
+  color: var(--p-text-muted-color);
+}
+.deni-layout .crumb {
+  color: var(--p-text-muted-color);
+  white-space: nowrap;
+}
+.deni-layout .crumb.current {
+  overflow: hidden;
+  color: var(--p-text-color);
+  text-overflow: ellipsis;
+}
+.deni-layout .mail-btn {
+  position: relative;
+}
+.deni-layout .mail-badge {
+  position: absolute;
+  top: 0;
+  right: 0;
+  min-width: 18px;
+  height: 18px;
+  font-size: 10px;
+  line-height: 18px;
+  pointer-events: none;
+}
+.deni-layout .layout-mask {
+  position: fixed;
+  inset: 0;
+  z-index: 900;
+  padding: 0;
+  border: 0;
+  background: var(--deni-mask);
+  cursor: pointer;
+}
+.deni-layout .skip-link {
+  position: fixed;
+  top: 8px;
+  left: 14px;
+  z-index: 1100;
+  padding: 12px 18px;
+  border-radius: 4px;
+  background: var(--p-primary-color);
+  color: var(--p-primary-contrast-color);
+  text-decoration: none;
+  transform: translateY(-160%);
+}
+.deni-layout .skip-link:focus {
+  transform: translateY(0);
+}
+/* Dialog 内容会 Teleport 到 body；这些规则不依赖布局祖先。 */
+.mail-pop {
+  width: 100%;
+}
+.mail-pop-list {
+  display: flex;
+  flex-direction: column;
+  max-height: 360px;
+  overflow: auto;
+}
+.mail-pop-item {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  width: 100%;
+  padding: 14px;
+  border: 0;
+  border-bottom: 1px solid var(--p-content-border-color);
+  background: transparent;
+  color: var(--p-text-color);
+  text-align: left;
+  cursor: pointer;
+}
+.mail-pop-item:hover {
+  background: var(--deni-hover);
+}
+.mail-pop-title {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+}
+.mail-pop-dot {
+  flex-shrink: 0;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--p-primary-color);
+}
+.mail-pop-time {
+  color: var(--p-text-muted-color);
+  font-size: 12px;
+}
+.mail-pop-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 7px;
+  min-height: 280px;
+  text-align: center;
+}
+.mail-pop-empty > .iconify {
+  width: 28px;
+  height: 28px;
+  margin-bottom: 12px;
+  color: var(--p-text-muted-color);
+}
+.mail-pop-empty strong {
+  font-size: 16px;
+  font-weight: 600;
+}
+.mail-pop-empty > span {
+  color: var(--p-text-muted-color);
+  font-size: 13px;
+}
+.mail-pop-foot {
+  display: block;
+  width: 100%;
+  padding: 10px;
+  border: 0;
+  background: transparent;
+  color: var(--p-primary-color);
+  cursor: pointer;
+}
+@media (max-width: 1024px) {
+  .deni-layout .layout-main {
+    margin-left: 0;
+  }
+  .deni-layout .layout-content {
+    padding: 20px 20px 40px;
+  }
+  .deni-layout .sidebar {
+    max-width: calc(100vw - 32px);
+    transform: translateX(-100%);
+  }
+  .deni-layout.layout-overlay-open .sidebar {
+    transform: translateX(0);
+  }
+  .deni-layout .nav-toggle,
+  .deni-layout .nav-close,
+  .deni-layout .mobile-brand {
+    display: inline-flex;
+  }
+  .deni-layout .crumbs {
+    display: none;
+  }
+}
+@media (max-width: 768px) {
+  .deni-layout .topbar {
+    padding: 0 12px;
+  }
+  .deni-layout .topbar-left {
+    gap: 8px;
+  }
+  .deni-layout .mobile-brand .brand-logo {
+    width: 120px;
+  }
+  .deni-layout .topbar-user {
+    justify-content: center;
+    width: 36px;
+    height: 36px;
+    padding: 0;
+  }
+  .deni-layout .topbar-user-name,
+  .deni-layout .topbar-user > .iconify,
+  .deni-layout .topbar-divider {
+    display: none;
+  }
+}
+@media (max-width: 360px) {
+  .deni-layout .mobile-brand .brand-logo {
+    width: 96px;
+  }
+}
+@media print {
+  .deni-layout {
+    min-height: 0;
+    padding-top: 0;
+    background: white;
+  }
+  .deni-layout .sidebar,
+  .deni-layout .topbar,
+  .deni-layout .layout-mask,
+  .deni-layout .maintenance-banner,
+  .deni-layout .skip-link {
+    display: none !important;
+  }
+  .deni-layout .layout-main {
+    min-height: 0;
+    margin-left: 0;
+  }
+  .deni-layout .layout-content {
+    max-width: none;
+    padding: 0;
+  }
+}
diff --git a/app/assets/styles/entry.Cs9kvuGi.css b/app/assets/styles/entry.Cs9kvuGi.css
index dbd73e0..75e5363 100644
--- a/app/assets/styles/entry.Cs9kvuGi.css
+++ b/app/assets/styles/entry.Cs9kvuGi.css
@@ -1133,21 +1133,29 @@
 .pi-spinner:before {
   content: "";
 }
-/* 全局设计变量在这里定义；业务样式通过变量读取主题，不应逐组件硬编码一套颜色。 */
+/* Deni _base.scss 的全站语义；业务既有变量统一读取同一套 token。 */
 :root {
-  --console-page-bg: #f8fafc;
-  --console-panel-bg: #fff;
-  --console-panel-border: #e2e8f0;
-  --console-panel-shadow: 0 1px 2px #0000001a, 0 1px 3px #0000001a;
-  --page-title-size: 1.25rem;
+  --deni-sidebar-width: 248px;
+  --deni-topbar-height: 56px;
+  --deni-content-max: 1440px;
+  --deni-transition: 140ms cubic-bezier(0.4, 0, 0.2, 1);
+  --deni-panel: var(--p-content-background);
+  --deni-hover: var(--p-content-hover-background);
+  --deni-ground: var(--p-surface-50);
+  --deni-mask: color-mix(in srgb, var(--p-surface-900) 40%, transparent);
+  --console-page-bg: var(--deni-ground);
+  --console-panel-bg: var(--deni-panel);
+  --console-panel-border: var(--p-content-border-color);
+  --console-panel-shadow: none;
+  --page-title-size: 20px;
   --font-mono:
     ui-monospace, "Cascadia Mono", Consolas, "SF Mono", Menlo,
     "HarmonyOS Sans SC", monospace;
   --radius-sm: 4px;
   --radius-md: 6px;
-  --radius-lg: 10px;
+  --radius-lg: 6px;
   color: var(--p-text-color, #23324d);
-  background: var(--p-content-background, #fff);
+  background: var(--deni-ground);
   font-synthesis: none;
   text-rendering: optimizelegibility;
   -webkit-font-smoothing: antialiased;
@@ -1160,7 +1168,7 @@
     Segoe UI Emoji,
     Segoe UI Symbol,
     Noto Color Emoji;
-  font-size: 81.25%;
+  font-size: 87.5%;
   line-height: 1.5;
 }
 *,
@@ -1270,9 +1278,7 @@ video {
   }
 }
 .app-dark {
-  --console-page-bg: #09090b;
-  --console-panel-bg: #18181b;
-  --console-panel-border: #3f3f46;
+  --deni-ground: var(--p-surface-950);
 }
 .app-dark img[src$="/images/brand/logo.png"] {
   filter: brightness(2.5);
@@ -1858,17 +1864,17 @@ video {
 .config-page > .config-loading-shell {
   padding-bottom: 0;
 }
-/* 以下为业务列表共享外壳；查询、空态、表格与分页需要一起维持窄屏可用性。 */
+/* Deni _page.scss 的标题、panel、toolbar、empty-state 规则适配已有业务结构。 */
 .list-page {
   flex-direction: column;
-  gap: 24px;
+  gap: 16px;
   min-width: 0;
   max-width: 100%;
   display: flex;
 }
 .list-head {
   justify-content: space-between;
-  align-items: center;
+  align-items: flex-start;
   gap: 16px;
   min-height: 38px;
   display: flex;
@@ -1877,7 +1883,8 @@ video {
   color: var(--p-text-color);
   margin: 0;
   font-size: var(--page-title-size);
-  font-weight: 600;
+  font-weight: 650;
+  letter-spacing: -0.015em;
 }
 .list-head-actions {
   flex-shrink: 0;
@@ -1889,7 +1896,7 @@ video {
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
-  gap: 14px;
+  gap: 8px;
   display: flex;
 }
 .host-list-page .list-toolbar {
@@ -1947,13 +1954,12 @@ video {
   width: 280px;
 }
 .list-table {
-  background: var(--p-content-background);
+  background: var(--deni-panel);
   border: 1px solid var(--p-content-border-color);
   border-radius: var(--radius-md);
   min-width: 0;
   max-width: 100%;
   overflow: hidden;
-  box-shadow: 0 2px 3px #00000014;
 }
 .list-table:has(.p-datatable-mask):has(.p-datatable-empty-message) {
   min-height: 100dvh;
@@ -1967,7 +1973,7 @@ video {
 .list-table .p-datatable-header-cell,
 .list-table .p-datatable-tbody > tr > td {
   border-color: var(--p-content-border-color);
-  padding: 18px 14px;
+  padding: 12px 16px;
 }
 .list-table .p-tag,
 .list-table .p-tag-label {
@@ -1994,22 +2000,29 @@ video {
   text-align: center;
   flex-direction: column;
   align-items: center;
-  gap: 10px;
-  padding: 56px 20px;
+  gap: 6px;
+  padding: 48px 24px;
   display: flex;
 }
 .list-empty > i {
-  opacity: 0.5;
-  font-size: 2.375rem;
+  display: grid;
+  place-items: center;
+  width: 40px;
+  height: 40px;
+  margin-bottom: 6px;
+  border: 1px solid var(--p-content-border-color);
+  border-radius: 6px;
+  font-size: 16px;
 }
 .list-empty-title {
   color: var(--p-text-color);
-  font-size: 1.0625rem;
+  font-size: 14px;
+  font-weight: 650;
 }
 .list-empty-desc {
-  max-width: 42em;
+  max-width: 380px;
   margin: 0;
-  font-size: 0.9375rem;
+  font-size: 13px;
   line-height: 1.7;
 }
 .list-foot {
@@ -2260,28 +2273,28 @@ video {
   min-height: 272px;
 }
 .home-card {
-  background: var(--p-content-background);
+  background: var(--deni-panel);
   border: 1px solid var(--p-content-border-color, #e2e8f0);
   border-radius: var(--radius-md);
   flex-direction: column;
   min-width: 0;
   display: flex;
   overflow: hidden;
-  box-shadow: 0 1px 3px #0000001a;
 }
 .home-card-head {
   justify-content: space-between;
   align-items: center;
   gap: 12px;
   min-height: 50px;
-  padding: 0 14px;
+  padding: 14px 16px;
+  border-bottom: 1px solid var(--p-content-border-color);
   display: flex;
 }
 .home-card-title {
   color: var(--p-text-color, #334155);
   gap: 8px;
   margin: 0;
-  font-weight: 600;
+  font-weight: 650;
   display: flex;
 }
 .home-card-more,
@@ -2302,13 +2315,13 @@ video {
   color: var(--p-primary-color);
 }
 .home-card-body {
-  padding: 14px;
+  padding: 16px;
 }
 .home-card-foot {
   align-items: center;
   gap: 7px;
   margin-top: auto;
-  padding: 14px;
+  padding: 16px;
   display: flex;
 }
 .home-card-foot > * {
diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index 1fa53ca..057dce6 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -1,1366 +1,710 @@
-<script>
+<script setup>
 /**
- * 会员中心主布局：组合静态导航与服务端导航权限、面包屑、消息邮箱、账户菜单及移动侧栏。后端导航具有权威性时，不自行补回被关闭入口。
+ * Deni 应用外壳适配：保留会员权限、真实通知和 Nuxt 路由，只迁移布局与视觉组合。
+ * 布局来源：OpenVue Foundation Deni，MIT；完整归属见项目第三方许可说明。
  */
 import "~/assets/styles/ConsoleLegalFooter.DAYWmXIB.css";
 import "~/assets/styles/BackendNavigation.CEj4LnzI.css";
 import "~/assets/styles/BackendNavEntry.Bx6IPica.css";
-import "~/assets/styles/default.DFUVVR1i.css";
-import { nextTick } from "vue";
-import { toDisplayString } from "vue";
-import { renderList } from "vue";
-import { onMounted } from "vue";
-import { normalizeClass } from "vue";
-import { onBeforeUnmount } from "vue";
-import { renderSlot } from "vue";
-import { watch } from "vue";
-import { createBlock } from "vue";
-import { ref } from "vue";
-import { withCtx } from "vue";
-import { createCommentVNode } from "vue";
-import { computed } from "vue";
-import { isRef } from "vue";
-import { createElementBlock } from "vue";
-import { Fragment } from "vue";
-import { createElementVNode } from "vue";
-import { createTextVNode } from "vue";
-import { unref } from "vue";
-import { defineComponent } from "vue";
-import { createVNode } from "vue";
-import { openBlock } from "vue";
-import { useRoute } from "#app";
-import { useRouter } from "#app";
-import { useHead } from "#app";
-import { NuxtLink } from "#components";
-import { useApi } from "~/lib/auth.js";
-import { useAuth } from "~/lib/auth.js";
-import { Icon } from "#components";
-import { t as useSiteConfig_t } from "~/lib/useSiteConfig.js";
-import { a as backend_menu_a } from "~/lib/backend-menu.js";
-import { c as backend_menu_c } from "~/lib/backend-menu.js";
-import { l as backend_menu_l } from "~/lib/backend-menu.js";
-import { r as backend_menu_r } from "~/lib/backend-menu.js";
-import { s as backend_menu_s } from "~/lib/backend-menu.js";
-import { t as backend_menu_t } from "~/lib/backend-menu.js";
-import { t as navigation_state_t } from "~/lib/navigation-state.js";
-import dialog from "openvue/dialog";
-import badge from "openvue/badge";
-import { t as _plugin_vue_export_helper_t } from "~/lib/_plugin-vue_export-helper.js";
-import { t as useTheme_t } from "~/lib/useTheme.js";
+import "~/assets/styles/deni.css";
+import {
+  computed,
+  nextTick,
+  onBeforeUnmount,
+  onMounted,
+  ref,
+  watch,
+} from "vue";
+import { useHead, useRoute, useRouter } from "#app";
+import { Icon, NuxtLink } from "#components";
+import Avatar from "openvue/avatar";
+import Badge from "openvue/badge";
+import Dialog from "openvue/dialog";
+import Menu from "openvue/menu";
 import BackendNavEntry from "~/components/BackendNavEntry.vue";
 import BackendNavigation from "~/components/BackendNavigation.vue";
-import { r as dict_r } from "~/lib/dict.js";
 import ConsoleLegalFooter from "~/components/ConsoleLegalFooter.vue";
-import menu from "openvue/menu";
+import { useApi, useAuth } from "~/lib/auth.js";
+import {
+  a as mergeMenuSections,
+  c as routeMatches,
+  l as normalizeMenu,
+  r as configuredRoute,
+  s as filterStaticMenu,
+  t as menuBreadcrumb,
+} from "~/lib/backend-menu.js";
+import { r as formatTime } from "~/lib/dict.js";
+import { t as useNavigationState } from "~/lib/navigation-state.js";
+import { t as useMailbox } from "~/lib/useMailbox.js";
+import { t as useSiteConfig } from "~/lib/useSiteConfig.js";
+import { t as useTheme } from "~/lib/useTheme.js";
 import { logoUrl } from "~/utils/brand.js";
-import { t as useMailbox_t } from "~/lib/useMailbox.js";
-var Ce = {
-    key: 1,
-    class: `maintenance-banner`,
+
+const auth = useAuth();
+const router = useRouter();
+const route = useRoute();
+const theme = useTheme();
+const site = useSiteConfig();
+const maintenanceBanner = ref(null);
+const bannerHeight = ref(0);
+let bannerObserver;
+
+// 维护条可能换行或加载新字体，业务吸顶和 Teleport 浮层共用实测偏移。
+watch(
+  maintenanceBanner,
+  (element) => {
+    bannerObserver?.disconnect();
+    const measure = () => {
+      bannerHeight.value = element
+        ? Math.ceil(element.getBoundingClientRect().height)
+        : 0;
+    };
+    measure();
+    if (element) {
+      bannerObserver = new ResizeObserver(measure);
+      bannerObserver.observe(element);
+    }
   },
-  we = [`inert`, `role`, `aria-modal`],
-  Te = {
-    class: `nav`,
-    "aria-label": `会员中心导航`,
+  { flush: "post" },
+);
+onBeforeUnmount(() => bannerObserver?.disconnect());
+
+const staticSections = [
+  {
+    label: "",
+    items: [
+      { label: "首页", icon: "lucide:house", to: "/" },
+      { label: "订购", icon: "lucide:shopping-cart", to: "/products" },
+      { label: "购物车", icon: "lucide:shopping-basket", to: "/cart" },
+    ],
   },
-  Ee = {
-    key: 0,
-    class: `nav-section`,
-  },
-  De = {
-    key: 1,
-    class: `nav-group`,
-  },
-  T = [`aria-expanded`, `aria-controls`, `onClick`],
-  E = {
-    class: `nav-label`,
-  },
-  Oe = [`id`, `inert`, `aria-hidden`],
-  ke = {
-    class: `sub-nav-clip`,
-  },
-  Ae = {
-    class: `sub-nav-items`,
-  },
-  je = {
-    class: `nav-label`,
-  },
-  Me = [`inert`],
-  Ne = {
-    class: `topbar`,
-  },
-  Pe = {
-    class: `brand-group`,
-  },
-  Fe = [`aria-expanded`],
-  Ie = {
-    class: `crumbs`,
-    "aria-label": `面包屑`,
-  },
-  Le = {
-    class: `topbar-right`,
-  },
-  Re = [`title`, `aria-label`],
-  ze = {
-    class: `mail-pop`,
-  },
-  Be = {
-    key: 0,
-    class: `mail-pop-list`,
-  },
-  Ve = [`onClick`],
-  He = {
-    class: `mail-pop-title`,
-  },
-  Ue = {
-    key: 0,
-    class: `mail-pop-dot`,
-  },
-  We = {
-    class: `mail-pop-time`,
-  },
-  Ge = {
-    key: 1,
-    class: `mail-pop-empty`,
-  },
-  Ke = {
-    id: `main-content`,
-    class: `content`,
-    tabindex: `-1`,
-  },
-  D = _plugin_vue_export_helper_t(
-    defineComponent({
-      __name: `default`,
-      setup(v) {
-        let w = useAuth(),
-          D = useRouter(),
-          O = useRoute(),
-          k = useTheme_t(),
-          A = useSiteConfig_t();
-        // 固定层共用实际维护条高度，避免换行、字体加载或窗口变化后仍按单行常量占位。
-        const maintenanceBanner = ref(null);
-        const bannerHeight = ref(0);
-        let bannerObserver;
-        watch(
-          maintenanceBanner,
-          (element) => {
-            bannerObserver?.disconnect();
-            const measure = () => {
-              bannerHeight.value = element
-                ? Math.ceil(element.getBoundingClientRect().height)
-                : 0;
-            };
-            measure();
-            if (element) {
-              bannerObserver = new ResizeObserver(measure);
-              bannerObserver.observe(element);
-            }
-          },
-          { flush: "post" },
-        );
-        onBeforeUnmount(() => bannerObserver?.disconnect());
-        onMounted(() => {
-          (A.load().catch(() => {}),
-            w.isLoggedIn && !w.overview && w.fetchOverview().catch(() => {}),
-            U());
-        });
-        let j = [
-            {
-              label: ``,
-              items: [
-                {
-                  label: `首页`,
-                  icon: `lucide:house`,
-                  to: `/`,
-                },
-                {
-                  label: `订购`,
-                  icon: `lucide:shopping-cart`,
-                  to: `/products`,
-                },
-                {
-                  label: `购物车`,
-                  icon: `lucide:shopping-basket`,
-                  to: `/cart`,
-                },
-              ],
-            },
-            {
-              label: `资源管理`,
-              items: [
-                {
-                  label: `服务器`,
-                  icon: `lucide:server`,
-                  children: [
-                    {
-                      label: `云服务器`,
-                      to: `/cloud-servers`,
-                    },
-                    {
-                      label: `物理服务器`,
-                      to: `/dedicated-servers`,
-                    },
-                  ],
-                },
-                {
-                  label: `安全`,
-                  icon: `lucide:shield`,
-                  children: [
-                    {
-                      label: `安全组`,
-                      to: `/security/groups`,
-                    },
-                    {
-                      label: `SSH 密钥`,
-                      to: `/security/ssh-keys`,
-                    },
-                    {
-                      label: `域名白名单`,
-                      to: `/security/domains`,
-                    },
-                  ],
-                },
-                {
-                  label: `实例转移`,
-                  icon: `lucide:truck`,
-                  to: `/transfer`,
-                },
-              ],
-            },
-            {
-              label: `费用与优惠`,
-              items: [
-                {
-                  label: `财务`,
-                  icon: `lucide:wallet`,
-                  to: `/finance`,
-                },
-                {
-                  label: `订单`,
-                  icon: `lucide:clipboard-list`,
-                  to: `/orders`,
-                },
-                {
-                  label: `发票`,
-                  icon: `lucide:receipt`,
-                  to: `/invoices`,
-                },
-                {
-                  label: `推介`,
-                  icon: `lucide:gift`,
-                  to: `/recommend`,
-                },
-                {
-                  label: `代金券`,
-                  icon: `lucide:ticket`,
-                  to: `/vouchers`,
-                },
-              ],
-            },
-            {
-              label: `账户`,
-              items: [
-                {
-                  label: `账户`,
-                  icon: `lucide:user`,
-                  to: `/account`,
-                },
-                {
-                  label: `消息`,
-                  icon: `lucide:mail`,
-                  to: `/messages`,
-                },
-                {
-                  label: `操作日志`,
-                  icon: `lucide:scroll-text`,
-                  to: `/logbook`,
-                },
-              ],
-            },
-            {
-              label: `服务与支持`,
-              items: [
-                {
-                  label: `工单`,
-                  icon: `lucide:headphones`,
-                  to: `/tickets`,
-                },
-                {
-                  label: `帮助`,
-                  icon: `lucide:circle-help`,
-                  to: `/help`,
-                },
-                {
-                  label: `公告`,
-                  icon: `lucide:megaphone`,
-                  to: `/notices`,
-                },
-                {
-                  label: `新闻`,
-                  icon: `lucide:newspaper`,
-                  to: `/news`,
-                },
-              ],
-            },
-          ],
-          M = navigation_state_t(w, useApi()),
-          N = ref([]),
-          P = M.entries,
-          F = M.authoritative,
-          qe = computed(() =>
-            F.value
-              ? backend_menu_s(j, P.value)
-              : j
-                  .map((e) => ({
-                    ...e,
-                    items: e.items.flatMap((e) => {
-                      if (e.children) {
-                        let t = e.children.filter(
-                          (e) => !N.value.includes(e.to),
-                        );
-                        return t.length
-                          ? [
-                              {
-                                ...e,
-                                children: t,
-                              },
-                            ]
-                          : [];
-                      }
-                      return e.to && N.value.includes(e.to) ? [] : [e];
-                    }),
-                  }))
-                  .filter((e) => e.items.length),
-          ),
-          Je = computed(() => backend_menu_a(j, qe.value, P.value));
-        // 规范化后端菜单并记录其覆盖路径，为静态菜单合成和当前导航判断提供同一数据。
-        function Ye(e, t) {
-          ((e = backend_menu_l(e)), (P.value = e), (F.value = t));
-          let n = [],
-            r = (e) =>
-              e.forEach((e) => {
-                (e.to && n.push(e.to), e.children && r(e.children));
-              });
-          (r(e), (N.value = n));
-        }
-        watch(
-          () => [P.value, O.path, O.query],
-          () => {
-            let e = backend_menu_r(P.value, O);
-            e &&
-              D.replace({
-                path: e.path,
-                query: {
-                  ...O.query,
-                  m: e.query.m,
-                },
-              });
-          },
-        );
-        let I = ref({});
-        // 根据当前路由判断父菜单初始展开，实例详情归入服务器菜单。
-        function L(e) {
-          return O.path === `/servers/server` && e.label === `服务器`
-            ? !0
-            : (e.children?.some((t) => R(t.to, e.children)) ?? !1);
-        }
-        // 菜单匹配交给公共路径/查询匹配工具，避免仅前缀判断导致高亮错误。
-        function R(e, t = []) {
-          return backend_menu_c(e, O, t);
-        }
-        // 用户显式切换父菜单展开状态，覆盖当前路由推导的初始值。
-        function Xe(e) {
-          I.value[e.label] = !z(e);
-        }
-        // 先读取用户手动展开选择，未选择时再使用路由推导值。
-        function z(e) {
-          return I.value[e.label] ?? L(e);
-        }
-        let B = ref(),
-          Ze = computed(() => [
-            {
-              label: `${w.overview?.username || `会员`} #${w.overview?.id || ``}`,
-              disabled: !0,
-            },
-            {
-              separator: !0,
-            },
-            {
-              label: `账户管理`,
-              icon: `pi pi-user`,
-              command: () => D.push(`/account`),
-            },
-            {
-              label: `钱包`,
-              icon: `pi pi-wallet`,
-              command: () => D.push(`/finance`),
-            },
-            {
-              label: `购物车`,
-              icon: `pi pi-shopping-cart`,
-              command: () => D.push(`/cart`),
-            },
-            {
-              label: `消息`,
-              icon: `pi pi-bell`,
-              command: () => D.push(`/messages`),
-            },
-            {
-              separator: !0,
-            },
-            {
-              label: `退出登录`,
-              icon: `pi pi-sign-out`,
-              command: async () => {
-                (await w.logout(), D.push(`/login`));
-              },
-            },
-          ]),
-          { count: V, recent: H, refresh: U } = useMailbox_t(),
-          W = ref(!1);
-        // 打开消息面板时刷新公共邮箱数据，不用旧未读计数代替最新消息。
-        async function Qe(e) {
-          ((W.value = !0), await U());
-        }
-        // 选中最近消息后关闭浮层，并通过消息页查询 ID 打开详情。
-        function $e(e) {
-          ((W.value = !1),
-            D.push({
-              path: `/messages`,
-              query: {
-                id: String(e),
-              },
-            }));
-        }
-        // 进入完整消息列表时关闭当前消息浮层。
-        function et() {
-          ((W.value = !1), D.push(`/messages`));
-        }
-        let G = ref(!1),
-          K = ref(null),
-          q = ref(null),
-          J = ref(typeof window < `u` && window.innerWidth < 1536),
-          Y = null,
-          X = ``,
-          Z = () => {
-            ((J.value = Y?.matches ?? !1), J.value || (G.value = !1));
-          };
-        (onMounted(() => {
-          ((Y = window.matchMedia(`(max-width: 1535px)`)),
-            Z(),
-            Y.addEventListener(`change`, Z));
-        }),
-          onBeforeUnmount(() => {
-            (Y?.removeEventListener(`change`, Z),
-              G.value && (document.body.style.overflow = X));
-          }),
-          watch(
-            () => O.fullPath,
-            () => (G.value = !1),
-          ),
-          watch(G, async (t) => {
-            t
-              ? ((X = document.body.style.overflow),
-                (document.body.style.overflow = `hidden`),
-                await nextTick(),
-                K.value?.querySelector(`.nav-close`)?.focus())
-              : ((document.body.style.overflow = X),
-                await nextTick(),
-                J.value && q.value?.focus());
-          }));
-        // 移动侧栏打开时处理 Escape 和 Tab 焦点循环，防止键盘焦点移到被遮住的页面。
-        function tt(e) {
-          if (!J.value || !G.value) return;
-          if (e.key === `Escape`) {
-            (e.preventDefault(), (G.value = !1));
-            return;
-          }
-          if (e.key !== `Tab`) return;
-          let t = Array.from(
-              K.value?.querySelectorAll(
-                `a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled])`,
-              ) ?? [],
-            ).filter((e) => e.getClientRects().length > 0),
-            n = t[0],
-            r = t[t.length - 1];
-          e.shiftKey && document.activeElement === n
-            ? (e.preventDefault(), r?.focus())
-            : !e.shiftKey &&
-              document.activeElement === r &&
-              (e.preventDefault(), n?.focus());
-        }
-        let Q = {
-            "/products": `商品详情`,
-            "/products/cloud-server": `云服务器`,
-            "/products/dedicated-server": `物理服务器`,
-            "/products/dedicated-server/customize": `配置物理服务器`,
-            "/orders/order/pay": `订单支付`,
-            "/orders/order/paid": `支付结果`,
-            "/invoices/request": `申请发票`,
-            "/invoices/invoice": `发票详情`,
-            "/account/realname/personal": `个人实名认证`,
-            "/account/realname/company": `组织机构认证`,
-            "/wallet": `钱包`,
-            "/security/domain-whitelist": `域名白名单`,
-            "/servers/server": `实例详情`,
-            "/tickets/create": `创建工单`,
-            "/tickets": `工单详情`,
-            "/orders": `订单详情`,
-            "/bills": `账单详情`,
-            "/invoices/settings": `发票设置`,
-            "/account/realname": `实名认证`,
-            "/security/groups": `安全组规则`,
-            "/notices": `公告详情`,
-            "/account/api-keys": `API 密钥`,
-            "/account/connections": `关联账号`,
-            "/resources": `资源中心`,
-          },
-          $ = computed(() => {
-            let e = O.path,
-              t = Q[e];
-            if (e === `/servers/server`) return [`服务器`, `实例详情`];
-            let n = backend_menu_t(P.value, O);
-            if (n.length) {
-              let r = (t) =>
-                t.some(
-                  (t) =>
-                    t.to?.split(`?`)[0] === e ||
-                    (!!t.children && r(t.children)),
-                );
-              if (!r(P.value)) {
-                let r =
-                  t ||
-                  Object.entries(Q)
-                    .filter(([t]) => e.startsWith(`${t}/`))
-                    .sort(([e], [t]) => t.length - e.length)[0]?.[1] ||
-                  `详情`;
-                return [...n, r];
-              }
-              return n;
-            }
-            let r = j
-              .flatMap((e) =>
-                e.items.flatMap((t) =>
-                  t.children
-                    ? t.children.map((e) => ({
-                        ...e,
-                        group: t.label,
-                        siblings: t.children,
-                      }))
-                    : [
-                        {
-                          to: t.to || `/`,
-                          label: t.label,
-                          group: e.label,
-                          siblings: void 0,
-                        },
-                      ],
-                ),
-              )
-              .filter((e) => R(e.to, e.siblings))
-              .sort(
-                (e, t) => t.to.split(`?`)[0].length - e.to.split(`?`)[0].length,
-              )[0];
-            if (!r) return t ? [t] : [`首页`];
-            let i =
-                r.group && r.group !== r.label ? [r.group, r.label] : [r.label],
-              a = r.to.split(`?`)[0];
-            return (e !== a && i.push(t || Q[a] || `详情`), i);
-          });
-        return (
-          useHead(() => ({
-            title: `${$.value.at(-1) || `会员中心`} - ${A.siteName.value}`,
-            // 通知 Teleport 在 body，变量发布到 html；Unhead 随布局卸载逐属性清理，不影响主题样式。
-            htmlAttrs: {
-              style: {
-                "--console-header-height": "56px",
-                "--console-banner-height": `${A.maintenance.value ? bannerHeight.value : 0}px`,
-                "--console-top-offset":
-                  "calc(var(--console-header-height) + var(--console-banner-height))",
-              },
-            },
-          })),
-          // 导航、面包屑和账户/消息浮层来自同一布局状态；移动侧栏需保留焦点约束与滚动锁清理。
-          (e, r) => {
-            let a = BackendNavEntry,
-              s = Icon,
-              l = NuxtLink,
-              f = BackendNavigation,
-              v = badge,
-              x = menu,
-              S = dialog,
-              C = ConsoleLegalFooter;
-            return (
-              openBlock(),
-              createElementBlock(
-                `div`,
-                {
-                  class: normalizeClass([
-                    `console-layout`,
-                    {
-                      "has-banner": unref(A).maintenance.value,
-                    },
-                  ]),
-                },
-                [
-                  (r[15] ||= createElementVNode(
-                    `a`,
-                    {
-                      href: `#main-content`,
-                      class: `skip-link`,
-                    },
-                    `跳转到主要内容`,
-                    -1,
-                  )),
-                  unref(G)
-                    ? (openBlock(),
-                      createElementBlock(`div`, {
-                        key: 0,
-                        class: `nav-backdrop`,
-                        onClick: (r[0] ||= (e) => (G.value = !1)),
-                      }))
-                    : createCommentVNode(``, !0),
-                  unref(A).maintenance.value
-                    ? (openBlock(),
-                      createElementBlock(
-                        `div`,
-                        { ...Ce, ref: maintenanceBanner },
-                        [
-                          (r[6] ||= createElementVNode(
-                            `i`,
-                            {
-                              class: `pi pi-exclamation-triangle`,
-                            },
-                            null,
-                            -1,
-                          )),
-                          createElementVNode(
-                            `span`,
-                            null,
-                            toDisplayString(
-                              unref(A).config.value?.maintenance_mode_message ||
-                                `站点维护中，部分功能可能不可用。`,
-                            ),
-                            1,
-                          ),
-                        ],
-                      ))
-                    : createCommentVNode(``, !0),
-                  createElementVNode(
-                    `aside`,
-                    {
-                      id: `console-navigation`,
-                      ref_key: `sidebarEl`,
-                      ref: K,
-                      class: normalizeClass([
-                        `sidebar`,
-                        {
-                          open: unref(G),
-                        },
-                      ]),
-                      inert: unref(J) && !unref(G),
-                      role: unref(J) && unref(G) ? `dialog` : void 0,
-                      "aria-modal": unref(J) && unref(G) ? !0 : void 0,
-                      "aria-label": `主导航`,
-                      onKeydown: tt,
-                    },
-                    [
-                      createElementVNode(
-                        `button`,
-                        {
-                          class: `nav-close`,
-                          type: `button`,
-                          "aria-label": `关闭菜单`,
-                          onClick: (r[1] ||= (e) => (G.value = !1)),
-                        },
-                        [
-                          ...(r[7] ||= [
-                            createElementVNode(
-                              `i`,
-                              {
-                                class: `pi pi-times`,
-                              },
-                              null,
-                              -1,
-                            ),
-                          ]),
-                        ],
-                      ),
-                      createElementVNode(`nav`, Te, [
-                        createVNode(
-                          f,
-                          {
-                            onLoaded: Ye,
-                          },
-                          {
-                            default: withCtx(() => [
-                              (openBlock(!0),
-                              createElementBlock(
-                                Fragment,
-                                null,
-                                renderList(
-                                  unref(Je),
-                                  (e, r) => (
-                                    openBlock(),
-                                    createElementBlock(
-                                      Fragment,
-                                      {
-                                        key: r,
-                                      },
-                                      [
-                                        e.label
-                                          ? (openBlock(),
-                                            createElementBlock(
-                                              `div`,
-                                              Ee,
-                                              toDisplayString(e.label),
-                                              1,
-                                            ))
-                                          : createCommentVNode(``, !0),
-                                        (openBlock(!0),
-                                        createElementBlock(
-                                          Fragment,
-                                          null,
-                                          renderList(
-                                            e.items,
-                                            (r) => (
-                                              openBlock(),
-                                              createElementBlock(
-                                                Fragment,
-                                                {
-                                                  key: r.label,
-                                                },
-                                                [
-                                                  r.backend
-                                                    ? (openBlock(),
-                                                      createBlock(
-                                                        a,
-                                                        {
-                                                          key: 0,
-                                                          entry: r.backend,
-                                                          siblings:
-                                                            e.items.flatMap(
-                                                              (e) =>
-                                                                e.backend
-                                                                  ? [e.backend]
-                                                                  : [],
-                                                            ),
-                                                        },
-                                                        null,
-                                                        8,
-                                                        [`entry`, `siblings`],
-                                                      ))
-                                                    : r.children
-                                                      ? (openBlock(),
-                                                        createElementBlock(
-                                                          `div`,
-                                                          De,
-                                                          [
-                                                            createElementVNode(
-                                                              `button`,
-                                                              {
-                                                                type: `button`,
-                                                                class:
-                                                                  normalizeClass(
-                                                                    [
-                                                                      `nav-item`,
-                                                                      {
-                                                                        active:
-                                                                          L(r),
-                                                                      },
-                                                                    ],
-                                                                  ),
-                                                                "aria-expanded":
-                                                                  z(r),
-                                                                "aria-controls": `nav-group-${r.label}`,
-                                                                onClick: (e) =>
-                                                                  Xe(r),
-                                                              },
-                                                              [
-                                                                createVNode(
-                                                                  s,
-                                                                  {
-                                                                    name: r.icon,
-                                                                    class: `nav-icon`,
-                                                                  },
-                                                                  null,
-                                                                  8,
-                                                                  [`name`],
-                                                                ),
-                                                                createElementVNode(
-                                                                  `span`,
-                                                                  E,
-                                                                  toDisplayString(
-                                                                    r.label,
-                                                                  ),
-                                                                  1,
-                                                                ),
-                                                                createElementVNode(
-                                                                  `i`,
-                                                                  {
-                                                                    class:
-                                                                      normalizeClass(
-                                                                        [
-                                                                          `pi pi-angle-down nav-arrow`,
-                                                                          {
-                                                                            open: z(
-                                                                              r,
-                                                                            ),
-                                                                          },
-                                                                        ],
-                                                                      ),
-                                                                    "aria-hidden": `true`,
-                                                                  },
-                                                                  null,
-                                                                  2,
-                                                                ),
-                                                              ],
-                                                              10,
-                                                              T,
-                                                            ),
-                                                            createElementVNode(
-                                                              `div`,
-                                                              {
-                                                                id: `nav-group-${r.label}`,
-                                                                class:
-                                                                  normalizeClass(
-                                                                    [
-                                                                      `sub-nav`,
-                                                                      {
-                                                                        open: z(
-                                                                          r,
-                                                                        ),
-                                                                      },
-                                                                    ],
-                                                                  ),
-                                                                inert: !z(r),
-                                                                "aria-hidden":
-                                                                  !z(r),
-                                                              },
-                                                              [
-                                                                createElementVNode(
-                                                                  `div`,
-                                                                  ke,
-                                                                  [
-                                                                    createElementVNode(
-                                                                      `div`,
-                                                                      Ae,
-                                                                      [
-                                                                        (openBlock(
-                                                                          !0,
-                                                                        ),
-                                                                        createElementBlock(
-                                                                          Fragment,
-                                                                          null,
-                                                                          renderList(
-                                                                            r.children,
-                                                                            (
-                                                                              e,
-                                                                            ) => (
-                                                                              openBlock(),
-                                                                              createBlock(
-                                                                                l,
-                                                                                {
-                                                                                  key: e.to,
-                                                                                  to: e.to,
-                                                                                  class:
-                                                                                    normalizeClass(
-                                                                                      [
-                                                                                        `sub-item`,
-                                                                                        {
-                                                                                          active:
-                                                                                            R(
-                                                                                              e.to,
-                                                                                              r.children,
-                                                                                            ),
-                                                                                        },
-                                                                                      ],
-                                                                                    ),
-                                                                                  "aria-current":
-                                                                                    R(
-                                                                                      e.to,
-                                                                                      r.children,
-                                                                                    )
-                                                                                      ? `page`
-                                                                                      : void 0,
-                                                                                },
-                                                                                {
-                                                                                  default:
-                                                                                    withCtx(
-                                                                                      () => [
-                                                                                        createTextVNode(
-                                                                                          toDisplayString(
-                                                                                            e.label,
-                                                                                          ),
-                                                                                          1,
-                                                                                        ),
-                                                                                      ],
-                                                                                    ),
-                                                                                  _: 2,
-                                                                                },
-                                                                                1032,
-                                                                                [
-                                                                                  `to`,
-                                                                                  `class`,
-                                                                                  `aria-current`,
-                                                                                ],
-                                                                              )
-                                                                            ),
-                                                                          ),
-                                                                          128,
-                                                                        )),
-                                                                      ],
-                                                                    ),
-                                                                  ],
-                                                                ),
-                                                              ],
-                                                              10,
-                                                              Oe,
-                                                            ),
-                                                          ],
-                                                        ))
-                                                      : r.to
-                                                        ? (openBlock(),
-                                                          createBlock(
-                                                            l,
-                                                            {
-                                                              key: 2,
-                                                              to: r.to,
-                                                              class:
-                                                                normalizeClass([
-                                                                  `nav-item`,
-                                                                  {
-                                                                    active: R(
-                                                                      r.to,
-                                                                    ),
-                                                                  },
-                                                                ]),
-                                                              "aria-current": R(
-                                                                r.to,
-                                                              )
-                                                                ? `page`
-                                                                : void 0,
-                                                            },
-                                                            {
-                                                              default: withCtx(
-                                                                () => [
-                                                                  createVNode(
-                                                                    s,
-                                                                    {
-                                                                      name: r.icon,
-                                                                      class: `nav-icon`,
-                                                                    },
-                                                                    null,
-                                                                    8,
-                                                                    [`name`],
-                                                                  ),
-                                                                  createElementVNode(
-                                                                    `span`,
-                                                                    je,
-                                                                    toDisplayString(
-                                                                      r.label,
-                                                                    ),
-                                                                    1,
-                                                                  ),
-                                                                ],
-                                                              ),
-                                                              _: 2,
-                                                            },
-                                                            1032,
-                                                            [
-                                                              `to`,
-                                                              `class`,
-                                                              `aria-current`,
-                                                            ],
-                                                          ))
-                                                        : createCommentVNode(
-                                                            ``,
-                                                            !0,
-                                                          ),
-                                                ],
-                                                64,
-                                              )
-                                            ),
-                                          ),
-                                          128,
-                                        )),
-                                      ],
-                                      64,
-                                    )
-                                  ),
-                                ),
-                                128,
-                              )),
-                            ]),
-                            _: 1,
-                          },
-                        ),
-                      ]),
-                    ],
-                    42,
-                    we,
-                  ),
-                  createElementVNode(
-                    `div`,
-                    {
-                      class: `main`,
-                      inert: unref(J) && unref(G),
-                    },
-                    [
-                      createElementVNode(`header`, Ne, [
-                        createElementVNode(`div`, Pe, [
-                          createVNode(
-                            l,
-                            {
-                              to: `/`,
-                              class: `brand`,
-                              "aria-label": `破碎工坊首页`,
-                            },
-                            {
-                              default: withCtx(() => [
-                                ...(r[8] ||= [
-                                  createElementVNode(
-                                    `img`,
-                                    {
-                                      src: logoUrl,
-                                      class: `brand-logo`,
-                                      alt: `破碎工坊云`,
-                                    },
-                                    null,
-                                    -1,
-                                  ),
-                                ]),
-                              ]),
-                              _: 1,
-                            },
-                          ),
-                          createElementVNode(
-                            `button`,
-                            {
-                              ref_key: `navTrigger`,
-                              ref: q,
-                              class: `nav-toggle`,
-                              type: `button`,
-                              "aria-label": `打开菜单`,
-                              "aria-expanded": unref(G),
-                              "aria-controls": `console-navigation`,
-                              onClick: (r[2] ||= (e) => (G.value = !0)),
-                            },
-                            [
-                              ...(r[9] ||= [
-                                createElementVNode(
-                                  `i`,
-                                  {
-                                    class: `pi pi-bars`,
-                                  },
-                                  null,
-                                  -1,
-                                ),
-                              ]),
-                            ],
-                            8,
-                            Fe,
-                          ),
-                        ]),
-                        createElementVNode(`nav`, Ie, [
-                          createVNode(
-                            l,
-                            {
-                              to: `/`,
-                              class: `crumb-home`,
-                              "aria-label": `首页`,
-                            },
-                            {
-                              default: withCtx(() => [
-                                ...(r[10] ||= [
-                                  createElementVNode(
-                                    `i`,
-                                    {
-                                      class: `pi pi-home`,
-                                    },
-                                    null,
-                                    -1,
-                                  ),
-                                ]),
-                              ]),
-                              _: 1,
-                            },
-                          ),
-                          (openBlock(!0),
-                          createElementBlock(
-                            Fragment,
-                            null,
-                            renderList(
-                              unref($),
-                              (e, n) => (
-                                openBlock(),
-                                createElementBlock(
-                                  Fragment,
-                                  {
-                                    key: n,
-                                  },
-                                  [
-                                    (r[11] ||= createElementVNode(
-                                      `i`,
-                                      {
-                                        class: `pi pi-angle-right crumb-sep`,
-                                      },
-                                      null,
-                                      -1,
-                                    )),
-                                    createElementVNode(
-                                      `span`,
-                                      {
-                                        class: normalizeClass([
-                                          `crumb`,
-                                          {
-                                            current: n === unref($).length - 1,
-                                          },
-                                        ]),
-                                      },
-                                      toDisplayString(e),
-                                      3,
-                                    ),
-                                  ],
-                                  64,
-                                )
-                              ),
-                            ),
-                            128,
-                          )),
-                        ]),
-                        createElementVNode(`div`, Le, [
-                          createElementVNode(
-                            `button`,
-                            {
-                              class: `theme-btn mail-btn`,
-                              type: `button`,
-                              title: `消息`,
-                              "aria-label": `查看消息`,
-                              onClick: Qe,
-                            },
-                            [
-                              (r[12] ||= createElementVNode(
-                                `i`,
-                                {
-                                  class: `pi pi-bell`,
-                                },
-                                null,
-                                -1,
-                              )),
-                              unref(V) > 0
-                                ? (openBlock(),
-                                  createBlock(
-                                    v,
-                                    {
-                                      key: 0,
-                                      value:
-                                        unref(V) > 99
-                                          ? `99+`
-                                          : String(unref(V)),
-                                      severity: `danger`,
-                                      class: `mail-badge`,
-                                    },
-                                    null,
-                                    8,
-                                    [`value`],
-                                  ))
-                                : createCommentVNode(``, !0),
-                            ],
-                          ),
-                          createElementVNode(
-                            `button`,
-                            {
-                              class: `theme-btn`,
-                              type: `button`,
-                              title: `主题：${unref(k).label.value}（点击切换）`,
-                              "aria-label": `切换主题，当前${unref(k).label.value}`,
-                              onClick: (r[3] ||= (e) => unref(k).cycle()),
-                            },
-                            [
-                              createElementVNode(
-                                `i`,
-                                {
-                                  class: normalizeClass(unref(k).icon.value),
-                                },
-                                null,
-                                2,
-                              ),
-                            ],
-                            8,
-                            Re,
-                          ),
-                          createElementVNode(
-                            `button`,
-                            {
-                              class: `user-chip`,
-                              type: `button`,
-                              "aria-label": `用户菜单`,
-                              "aria-haspopup": `menu`,
-                              onClick: (r[4] ||= (e) => unref(B).toggle(e)),
-                            },
-                            [
-                              ...(r[13] ||= [
-                                createElementVNode(
-                                  `i`,
-                                  {
-                                    class: `pi pi-user`,
-                                  },
-                                  null,
-                                  -1,
-                                ),
-                              ]),
-                            ],
-                          ),
-                        ]),
-                        createVNode(
-                          x,
-                          {
-                            ref_key: `userMenu`,
-                            ref: B,
-                            model: unref(Ze),
-                            popup: ``,
-                          },
-                          null,
-                          8,
-                          [`model`],
-                        ),
-                      ]),
-                      createVNode(
-                        S,
-                        {
-                          visible: unref(W),
-                          "onUpdate:visible": (r[5] ||= (e) =>
-                            isRef(W) ? (W.value = e) : null),
-                          header: `事件通知`,
-                          modal: ``,
-                          style: {
-                            width: `672px`,
-                          },
-                          draggable: !1,
-                        },
-                        {
-                          default: withCtx(() => [
-                            createElementVNode(`div`, ze, [
-                              unref(H).length
-                                ? (openBlock(),
-                                  createElementBlock(`div`, Be, [
-                                    (openBlock(!0),
-                                    createElementBlock(
-                                      Fragment,
-                                      null,
-                                      renderList(
-                                        unref(H),
-                                        (n) => (
-                                          openBlock(),
-                                          createElementBlock(
-                                            `button`,
-                                            {
-                                              key: n.id,
-                                              type: `button`,
-                                              class: normalizeClass([
-                                                `mail-pop-item`,
-                                                {
-                                                  unread: n.read === 0,
-                                                },
-                                              ]),
-                                              onClick: (e) => $e(n.id),
-                                            },
-                                            [
-                                              createElementVNode(`span`, He, [
-                                                n.read === 0
-                                                  ? (openBlock(),
-                                                    createElementBlock(
-                                                      `span`,
-                                                      Ue,
-                                                    ))
-                                                  : createCommentVNode(``, !0),
-                                                createTextVNode(
-                                                  ` ` +
-                                                    toDisplayString(n.title),
-                                                  1,
-                                                ),
-                                              ]),
-                                              createElementVNode(
-                                                `span`,
-                                                We,
-                                                toDisplayString(
-                                                  (`formatTime` in e
-                                                    ? e.formatTime
-                                                    : unref(dict_r))(
-                                                    n.create_time,
-                                                  ),
-                                                ),
-                                                1,
-                                              ),
-                                            ],
-                                            10,
-                                            Ve,
-                                          )
-                                        ),
-                                      ),
-                                      128,
-                                    )),
-                                  ]))
-                                : (openBlock(),
-                                  createElementBlock(`div`, Ge, [
-                                    ...(r[14] ||= [
-                                      createElementVNode(
-                                        `i`,
-                                        {
-                                          class: `pi pi-bell`,
-                                        },
-                                        null,
-                                        -1,
-                                      ),
-                                      createElementVNode(
-                                        `strong`,
-                                        null,
-                                        `暂无事件通知`,
-                                        -1,
-                                      ),
-                                      createElementVNode(
-                                        `span`,
-                                        null,
-                                        `目前没有待处理的消息通知`,
-                                        -1,
-                                      ),
-                                    ]),
-                                  ])),
-                              createElementVNode(
-                                `button`,
-                                {
-                                  type: `button`,
-                                  class: `mail-pop-foot`,
-                                  onClick: et,
-                                },
-                                `查看全部`,
-                              ),
-                            ]),
-                          ]),
-                          _: 1,
-                        },
-                        8,
-                        [`visible`],
-                      ),
-                      createElementVNode(`main`, Ke, [
-                        renderSlot(e.$slots, `default`, {}, void 0, !0),
-                      ]),
-                      createVNode(C),
-                    ],
-                    8,
-                    Me,
-                  ),
-                ],
-                2,
-              )
-            );
-          }
-        );
+  {
+    label: "资源管理",
+    items: [
+      {
+        label: "服务器",
+        icon: "lucide:server",
+        children: [
+          { label: "云服务器", to: "/cloud-servers" },
+          { label: "物理服务器", to: "/dedicated-servers" },
+        ],
       },
-    }),
-    [[`__scopeId`, `data-v-1a9c3b51`]],
-  );
-export {};
-export default D;
+      {
+        label: "安全",
+        icon: "lucide:shield",
+        children: [
+          { label: "安全组", to: "/security/groups" },
+          { label: "SSH 密钥", to: "/security/ssh-keys" },
+          { label: "域名白名单", to: "/security/domains" },
+        ],
+      },
+      { label: "实例转移", icon: "lucide:truck", to: "/transfer" },
+    ],
+  },
+  {
+    label: "费用与优惠",
+    items: [
+      { label: "财务", icon: "lucide:wallet", to: "/finance" },
+      { label: "订单", icon: "lucide:clipboard-list", to: "/orders" },
+      { label: "发票", icon: "lucide:receipt", to: "/invoices" },
+      { label: "推介", icon: "lucide:gift", to: "/recommend" },
+      { label: "代金券", icon: "lucide:ticket", to: "/vouchers" },
+    ],
+  },
+  {
+    label: "账户",
+    items: [
+      { label: "账户", icon: "lucide:user", to: "/account" },
+      { label: "消息", icon: "lucide:mail", to: "/messages" },
+      { label: "操作日志", icon: "lucide:scroll-text", to: "/logbook" },
+    ],
+  },
+  {
+    label: "服务与支持",
+    items: [
+      { label: "工单", icon: "lucide:headphones", to: "/tickets" },
+      { label: "帮助", icon: "lucide:circle-help", to: "/help" },
+      { label: "公告", icon: "lucide:megaphone", to: "/notices" },
+      { label: "新闻", icon: "lucide:newspaper", to: "/news" },
+    ],
+  },
+];
+
+const navigation = useNavigationState(auth, useApi());
+const backendEntries = navigation.entries;
+const authoritative = navigation.authoritative;
+const coveredPaths = ref([]);
+const availableSections = computed(() =>
+  authoritative.value
+    ? filterStaticMenu(staticSections, backendEntries.value)
+    : staticSections
+        .map((section) => ({
+          ...section,
+          items: section.items.flatMap((item) => {
+            if (item.children) {
+              const children = item.children.filter(
+                (child) => !coveredPaths.value.includes(child.to),
+              );
+              return children.length ? [{ ...item, children }] : [];
+            }
+            return item.to && coveredPaths.value.includes(item.to)
+              ? []
+              : [item];
+          }),
+        }))
+        .filter((section) => section.items.length),
+);
+const sections = computed(() =>
+  mergeMenuSections(
+    staticSections,
+    availableSections.value,
+    backendEntries.value,
+  ),
+);
+
+// 后端菜单有权威性时不补回被关闭入口；匹配仍使用同一个路径/查询协议。
+function loadNavigation(entries, isAuthoritative) {
+  backendEntries.value = normalizeMenu(entries);
+  authoritative.value = isAuthoritative;
+  const paths = [];
+  const collect = (items) => {
+    for (const item of items) {
+      if (item.to) paths.push(item.to);
+      if (item.children) collect(item.children);
+    }
+  };
+  collect(backendEntries.value);
+  coveredPaths.value = paths;
+}
+watch(
+  () => [backendEntries.value, route.path, route.query],
+  () => {
+    const target = configuredRoute(backendEntries.value, route);
+    if (target)
+      router.replace({
+        path: target.path,
+        query: { ...route.query, m: target.query.m },
+      });
+  },
+);
+const expandedGroups = ref({});
+function isActive(to, siblings = []) {
+  return routeMatches(to, route, siblings);
+}
+function groupActive(item) {
+  return route.path === "/servers/server" && item.label === "服务器"
+    ? true
+    : (item.children?.some((child) => isActive(child.to, item.children)) ??
+        false);
+}
+function groupExpanded(item) {
+  return expandedGroups.value[item.label] ?? groupActive(item);
+}
+function toggleGroup(item) {
+  expandedGroups.value[item.label] = !groupExpanded(item);
+}
+
+const userMenu = ref();
+const userItems = computed(() => [
+  {
+    label: `${auth.overview?.username || "会员"} #${auth.overview?.id || ""}`,
+    disabled: true,
+  },
+  { separator: true },
+  {
+    label: "账户管理",
+    icon: "pi pi-user",
+    command: () => router.push("/account"),
+  },
+  {
+    label: "钱包",
+    icon: "pi pi-wallet",
+    command: () => router.push("/finance"),
+  },
+  {
+    label: "购物车",
+    icon: "pi pi-shopping-cart",
+    command: () => router.push("/cart"),
+  },
+  {
+    label: "消息",
+    icon: "pi pi-bell",
+    command: () => router.push("/messages"),
+  },
+  { separator: true },
+  {
+    label: "退出登录",
+    icon: "pi pi-sign-out",
+    command: async () => {
+      await auth.logout();
+      router.push("/login");
+    },
+  },
+]);
+const {
+  count: unreadCount,
+  recent: recentMessages,
+  refresh: refreshMailbox,
+} = useMailbox();
+const mailboxOpen = ref(false);
+async function openMailbox() {
+  mailboxOpen.value = true;
+  await refreshMailbox();
+}
+function openMessage(id) {
+  mailboxOpen.value = false;
+  router.push({ path: "/messages", query: { id: String(id) } });
+}
+function openAllMessages() {
+  mailboxOpen.value = false;
+  router.push("/messages");
+}
+
+const drawerOpen = ref(false);
+const sidebar = ref(null);
+const navigationTrigger = ref(null);
+const isMobile = ref(
+  typeof window !== "undefined" && window.innerWidth <= 1024,
+);
+let media;
+let previousOverflow = "";
+function syncViewport() {
+  isMobile.value = media?.matches ?? false;
+  if (!isMobile.value) drawerOpen.value = false;
+}
+onMounted(() => {
+  site.load().catch(() => {});
+  if (auth.isLoggedIn && !auth.overview) auth.fetchOverview().catch(() => {});
+  refreshMailbox();
+  media = window.matchMedia("(max-width: 1024px)");
+  syncViewport();
+  media.addEventListener("change", syncViewport);
+});
+onBeforeUnmount(() => {
+  media?.removeEventListener("change", syncViewport);
+  if (drawerOpen.value) document.body.style.overflow = previousOverflow;
+});
+watch(
+  () => route.fullPath,
+  () => {
+    drawerOpen.value = false;
+  },
+);
+watch(drawerOpen, async (open) => {
+  if (open) {
+    previousOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    await nextTick();
+    sidebar.value?.querySelector(".nav-close")?.focus();
+  } else {
+    document.body.style.overflow = previousOverflow;
+    await nextTick();
+    if (isMobile.value) navigationTrigger.value?.focus();
+  }
+});
+function trapNavigationFocus(event) {
+  if (!isMobile.value || !drawerOpen.value) return;
+  if (event.key === "Escape") {
+    event.preventDefault();
+    drawerOpen.value = false;
+    return;
+  }
+  if (event.key !== "Tab") return;
+  const controls = Array.from(
+    sidebar.value?.querySelectorAll(
+      "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled])",
+    ) ?? [],
+  ).filter((element) => element.getClientRects().length > 0);
+  const first = controls[0];
+  const last = controls.at(-1);
+  if (event.shiftKey && document.activeElement === first) {
+    event.preventDefault();
+    last?.focus();
+  } else if (!event.shiftKey && document.activeElement === last) {
+    event.preventDefault();
+    first?.focus();
+  }
+}
+
+const detailTitles = {
+  "/products": "商品详情",
+  "/products/cloud-server": "云服务器",
+  "/products/dedicated-server": "物理服务器",
+  "/products/dedicated-server/customize": "配置物理服务器",
+  "/orders/order/pay": "订单支付",
+  "/orders/order/paid": "支付结果",
+  "/invoices/request": "申请发票",
+  "/invoices/invoice": "发票详情",
+  "/account/realname/personal": "个人实名认证",
+  "/account/realname/company": "组织机构认证",
+  "/wallet": "钱包",
+  "/security/domain-whitelist": "域名白名单",
+  "/servers/server": "实例详情",
+  "/tickets/create": "创建工单",
+  "/tickets": "工单详情",
+  "/orders": "订单详情",
+  "/bills": "账单详情",
+  "/invoices/settings": "发票设置",
+  "/account/realname": "实名认证",
+  "/security/groups": "安全组规则",
+  "/notices": "公告详情",
+  "/account/api-keys": "API 密钥",
+  "/account/connections": "关联账号",
+  "/resources": "资源中心",
+};
+const breadcrumbs = computed(() => {
+  const path = route.path;
+  const title = detailTitles[path];
+  if (path === "/servers/server") return ["服务器", "实例详情"];
+  const configured = menuBreadcrumb(backendEntries.value, route);
+  if (configured.length) {
+    const containsPath = (items) =>
+      items.some(
+        (item) =>
+          item.to?.split("?")[0] === path ||
+          (item.children && containsPath(item.children)),
+      );
+    if (!containsPath(backendEntries.value)) {
+      const detail =
+        title ||
+        Object.entries(detailTitles)
+          .filter(([prefix]) => path.startsWith(`${prefix}/`))
+          .sort(([a], [b]) => b.length - a.length)[0]?.[1] ||
+        "详情";
+      return [...configured, detail];
+    }
+    return configured;
+  }
+  const active = staticSections
+    .flatMap((section) =>
+      section.items.flatMap((item) =>
+        item.children
+          ? item.children.map((child) => ({
+              ...child,
+              group: item.label,
+              siblings: item.children,
+            }))
+          : [
+              {
+                to: item.to || "/",
+                label: item.label,
+                group: section.label,
+                siblings: undefined,
+              },
+            ],
+      ),
+    )
+    .filter((item) => isActive(item.to, item.siblings))
+    .sort((a, b) => b.to.split("?")[0].length - a.to.split("?")[0].length)[0];
+  if (!active) return title ? [title] : ["首页"];
+  const result =
+    active.group && active.group !== active.label
+      ? [active.group, active.label]
+      : [active.label];
+  const base = active.to.split("?")[0];
+  if (path !== base) result.push(title || detailTitles[base] || "详情");
+  return result;
+});
+useHead(() => ({
+  title: `${breadcrumbs.value.at(-1) || "会员中心"} - ${site.siteName.value}`,
+  htmlAttrs: {
+    style: {
+      "--console-header-height": "56px",
+      "--console-banner-height": `${site.maintenance.value ? bannerHeight.value : 0}px`,
+      "--console-top-offset":
+        "calc(var(--console-header-height) + var(--console-banner-height))",
+    },
+  },
+}));
 </script>
+
+<template>
+  <div
+    class="layout deni-layout"
+    :class="{ 'layout-overlay-open': drawerOpen }"
+  >
+    <a href="#main-content" class="skip-link">跳转到主要内容</a>
+    <div
+      v-if="site.maintenance.value"
+      ref="maintenanceBanner"
+      class="maintenance-banner"
+    >
+      <Icon name="lucide:triangle-alert" aria-hidden="true" />
+      <span>{{
+        site.config.value?.maintenance_mode_message ||
+        "站点维护中，部分功能可能不可用。"
+      }}</span>
+    </div>
+
+    <aside
+      id="console-navigation"
+      ref="sidebar"
+      class="sidebar"
+      :inert="isMobile && !drawerOpen"
+      :role="isMobile && drawerOpen ? 'dialog' : undefined"
+      :aria-modal="isMobile && drawerOpen ? true : undefined"
+      aria-label="主导航"
+      @keydown="trapNavigationFocus"
+    >
+      <div class="sidebar-brand">
+        <NuxtLink to="/" class="brand" aria-label="破碎工坊首页">
+          <img :src="logoUrl" class="brand-logo" alt="破碎工坊云" />
+        </NuxtLink>
+        <button
+          type="button"
+          class="nav-close"
+          aria-label="关闭菜单"
+          @click="drawerOpen = false"
+        >
+          <Icon name="lucide:x" aria-hidden="true" />
+        </button>
+      </div>
+
+      <nav class="sidebar-nav" aria-label="会员中心导航">
+        <BackendNavigation @loaded="loadNavigation">
+          <section
+            v-for="(section, index) in sections"
+            :key="index"
+            class="sidebar-section"
+          >
+            <p v-if="section.label" class="sidebar-section-label">
+              {{ section.label }}
+            </p>
+            <div class="sidebar-list">
+              <template v-for="item in section.items" :key="item.label">
+                <BackendNavEntry
+                  v-if="item.backend"
+                  :entry="item.backend"
+                  :siblings="
+                    section.items.flatMap((entry) =>
+                      entry.backend ? [entry.backend] : [],
+                    )
+                  "
+                />
+                <div v-else-if="item.children" class="nav-group">
+                  <button
+                    type="button"
+                    class="nav-item"
+                    :class="{ active: groupActive(item) }"
+                    :aria-expanded="groupExpanded(item)"
+                    :aria-controls="`nav-group-${item.label}`"
+                    @click="toggleGroup(item)"
+                  >
+                    <Icon
+                      :name="item.icon"
+                      class="nav-icon"
+                      aria-hidden="true"
+                    />
+                    <span class="nav-label">{{ item.label }}</span>
+                    <Icon
+                      name="lucide:chevron-right"
+                      class="nav-arrow"
+                      :class="{ open: groupExpanded(item) }"
+                      aria-hidden="true"
+                    />
+                  </button>
+                  <div
+                    :id="`nav-group-${item.label}`"
+                    class="sub-nav"
+                    :class="{ open: groupExpanded(item) }"
+                    :inert="!groupExpanded(item)"
+                    :aria-hidden="!groupExpanded(item)"
+                  >
+                    <div class="sub-nav-clip">
+                      <div class="sub-nav-items">
+                        <NuxtLink
+                          v-for="child in item.children"
+                          :key="child.to"
+                          :to="child.to"
+                          class="sub-item"
+                          :class="{ active: isActive(child.to, item.children) }"
+                          :aria-current="
+                            isActive(child.to, item.children)
+                              ? 'page'
+                              : undefined
+                          "
+                          >{{ child.label }}</NuxtLink
+                        >
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <NuxtLink
+                  v-else-if="item.to"
+                  :to="item.to"
+                  class="nav-item"
+                  :class="{ active: isActive(item.to) }"
+                  :aria-current="isActive(item.to) ? 'page' : undefined"
+                >
+                  <Icon :name="item.icon" class="nav-icon" aria-hidden="true" />
+                  <span class="nav-label">{{ item.label }}</span>
+                </NuxtLink>
+              </template>
+            </div>
+          </section>
+        </BackendNavigation>
+      </nav>
+      <div class="sidebar-footer">
+        <NuxtLink to="/account" class="sidebar-account">
+          <Avatar
+            :label="(auth.overview?.username || '会员').slice(0, 1)"
+            shape="circle"
+            aria-hidden="true"
+          />
+          <span class="sidebar-account-text">
+            <span class="sidebar-account-name">{{
+              auth.overview?.username || "会员"
+            }}</span>
+            <span class="sidebar-account-id"
+              >#{{ auth.overview?.id || "" }}</span
+            >
+          </span>
+          <Icon name="lucide:settings" aria-hidden="true" />
+        </NuxtLink>
+      </div>
+    </aside>
+
+    <button
+      v-if="drawerOpen"
+      class="layout-mask"
+      type="button"
+      aria-label="关闭导航遮罩"
+      tabindex="-1"
+      @click="drawerOpen = false"
+    />
+
+    <div class="layout-main main" :inert="isMobile && drawerOpen">
+      <header class="topbar">
+        <div class="topbar-left">
+          <button
+            ref="navigationTrigger"
+            class="nav-toggle topbar-action"
+            type="button"
+            aria-label="打开菜单"
+            :aria-expanded="drawerOpen"
+            aria-controls="console-navigation"
+            @click="drawerOpen = true"
+          >
+            <Icon name="lucide:menu" aria-hidden="true" />
+          </button>
+          <NuxtLink to="/" class="mobile-brand" aria-label="破碎工坊首页"
+            ><img :src="logoUrl" class="brand-logo" alt="破碎工坊云"
+          /></NuxtLink>
+          <nav class="crumbs" aria-label="面包屑">
+            <NuxtLink to="/" class="crumb-home" aria-label="首页"
+              ><Icon name="lucide:house" aria-hidden="true"
+            /></NuxtLink>
+            <template v-for="(crumb, index) in breadcrumbs" :key="index">
+              <Icon
+                name="lucide:chevron-right"
+                class="crumb-sep"
+                aria-hidden="true"
+              />
+              <span
+                class="crumb"
+                :class="{ current: index === breadcrumbs.length - 1 }"
+                >{{ crumb }}</span
+              >
+            </template>
+          </nav>
+        </div>
+        <div class="topbar-right">
+          <button
+            class="topbar-action mail-btn"
+            type="button"
+            title="消息"
+            aria-label="查看消息"
+            @click="openMailbox"
+          >
+            <Icon name="lucide:bell" aria-hidden="true" />
+            <Badge
+              v-if="unreadCount > 0"
+              :value="unreadCount > 99 ? '99+' : String(unreadCount)"
+              severity="danger"
+              class="mail-badge"
+            />
+          </button>
+          <button
+            class="topbar-action"
+            type="button"
+            :title="`主题：${theme.label.value}（点击切换）`"
+            :aria-label="`切换主题，当前${theme.label.value}`"
+            @click="theme.cycle()"
+          >
+            <Icon
+              :name="
+                theme.mode.value === 'light'
+                  ? 'lucide:sun'
+                  : theme.mode.value === 'dark'
+                    ? 'lucide:moon'
+                    : 'lucide:monitor'
+              "
+              aria-hidden="true"
+            />
+          </button>
+          <span class="topbar-divider" aria-hidden="true" />
+          <button
+            class="topbar-user"
+            type="button"
+            aria-label="用户菜单"
+            aria-haspopup="menu"
+            @click="userMenu.toggle($event)"
+          >
+            <Avatar
+              :label="(auth.overview?.username || '会员').slice(0, 1)"
+              shape="circle"
+              aria-hidden="true"
+            />
+            <span class="topbar-user-name">{{
+              auth.overview?.username || "会员"
+            }}</span>
+            <Icon name="lucide:chevron-down" aria-hidden="true" />
+          </button>
+        </div>
+        <Menu ref="userMenu" :model="userItems" popup />
+      </header>
+
+      <Dialog
+        v-model:visible="mailboxOpen"
+        header="事件通知"
+        modal
+        :style="{ width: '672px' }"
+        :draggable="false"
+      >
+        <div class="mail-pop">
+          <div v-if="recentMessages.length" class="mail-pop-list">
+            <button
+              v-for="message in recentMessages"
+              :key="message.id"
+              type="button"
+              class="mail-pop-item"
+              :class="{ unread: message.read === 0 }"
+              @click="openMessage(message.id)"
+            >
+              <span class="mail-pop-title"
+                ><span v-if="message.read === 0" class="mail-pop-dot" />
+                {{ message.title }}</span
+              >
+              <span class="mail-pop-time">{{
+                formatTime(message.create_time)
+              }}</span>
+            </button>
+          </div>
+          <div v-else class="mail-pop-empty">
+            <Icon name="lucide:bell" aria-hidden="true" />
+            <strong>暂无事件通知</strong>
+            <span>目前没有待处理的消息通知</span>
+          </div>
+          <button type="button" class="mail-pop-foot" @click="openAllMessages">
+            查看全部
+          </button>
+        </div>
+      </Dialog>
+
+      <main id="main-content" class="layout-content content" tabindex="-1">
+        <slot />
+      </main>
+      <ConsoleLegalFooter />
+    </div>
+  </div>
+</template>