@robot-admin/naive-ui-components 0.14.2 → 0.15.0

package/dist/C_NotificationCenter.css

@@ -1,208 +1,6 @@
 :root{--c-primary: var(--primary-color, #2080f0);--c-primary-hover: var(--primary-color-hover, #4098fc);--c-primary-pressed: var(--primary-color-pressed, #1060c9);--c-success: var(--success-color, #18a058);--c-warning: var(--warning-color, #f0a020);--c-error: var(--error-color, #d03050);--c-info: var(--info-color, #2080f0);--c-bg-body: var(--body-color, #ffffff);--c-bg-card: var(--card-color, #ffffff);--c-bg-surface: var(--popover-color, #ffffff);--c-text-1: var(--text-color-1, #262626);--c-text-2: var(--text-color-2, #525252);--c-text-3: var(--text-color-3, #a3a3a3);--c-text-4: var(--text-color-4, #c0c0c0);--c-border: var(--border-color, #e5e7eb);--c-radius-sm: var(--border-radius-small, 4px);--c-radius: var(--border-radius, 6px);--c-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);--c-transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--c-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);--c-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--c-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1)}
 
-/* unplugin-vue-components disabled *//*
- * NPopover 的 content-class 样式需要在组件外部生效，
- * 因为 NPopover 将内容渲染到 teleport 容器中，scoped 样式无法覆盖。
- */
-.c-notification-center__popover {
-  /*
-   * Popover 被 Teleport 到 body 后无法继承触发器作用域内的 --c-*。
-   * 直接桥接 NPopover 自身随主题注入的变量，确保明暗主题自动适配。
-   */
-  --c-bg-card: var(--n-color, #fff);
-  --c-bg-surface: var(--n-color, #fff);
-  --c-text-1: var(--n-text-color, #262626);
-  --c-text-2: color-mix(
-    in srgb,
-    var(--n-text-color, #262626) 68%,
-    transparent
-  );
-  --c-text-3: color-mix(
-    in srgb,
-    var(--n-text-color, #262626) 50%,
-    transparent
-  );
-  --c-text-4: color-mix(
-    in srgb,
-    var(--n-text-color, #262626) 36%,
-    transparent
-  );
-  --c-border: color-mix(
-    in srgb,
-    var(--n-text-color, #262626) 14%,
-    transparent
-  );
-  color: var(--n-text-color);
-  background-color: var(--n-color);
-  padding: 0 !important;
-  border-radius: 12px !important;
-  overflow: hidden;
-  box-shadow: var(--c-shadow, 0 12px 32px rgba(0, 0, 0, 0.1)) !important;
-}
-/* unplugin-vue-components disabled */
-/* layer: default */
-.flex[data-v-a06c4b3a]{display:flex;}
-.inline-flex[data-v-a06c4b3a]{display:inline-flex;}
-.transform[data-v-a06c4b3a]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.transition[data-v-a06c4b3a]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
-.ease-in[data-v-a06c4b3a]{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);}
-.ease-in-out[data-v-a06c4b3a]{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
-.ease-out[data-v-a06c4b3a]{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}
-
-/* unplugin-vue-components disabled */.c-notification-center[data-v-a06c4b3a] {
-  display: inline-flex;
-  align-items: center;
-}
-.c-notification-center__panel[data-v-a06c4b3a] {
-  display: flex;
-  flex-direction: column;
-  max-height: 560px;
-}
-.c-notification-center__header[data-v-a06c4b3a] {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 14px 16px 10px;
-  border-bottom: 1px solid var(--c-border);
-}
-.c-notification-center__title[data-v-a06c4b3a] {
-  font-size: 15px;
-  font-weight: 600;
-  color: var(--c-text-1);
-}
-.c-notification-center__header-extra[data-v-a06c4b3a] {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.c-notification-center__ws-dot[data-v-a06c4b3a] {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  transition: background-color var(--c-transition, 0.2s ease);
-}
-.c-notification-center__ws-dot--connected[data-v-a06c4b3a] {
-  background: #52c41a;
-  box-shadow: 0 0 4px rgba(82, 196, 26, 0.5);
-}
-.c-notification-center__ws-dot--connecting[data-v-a06c4b3a], .c-notification-center__ws-dot--reconnecting[data-v-a06c4b3a] {
-  background: #faad14;
-  animation: status-blink-a06c4b3a 1s ease-in-out infinite;
-}
-.c-notification-center__ws-dot--disconnected[data-v-a06c4b3a] {
-  background: var(--c-text-4);
-}
-@keyframes status-blink-a06c4b3a {
-0%, 100% {
-    opacity: 1;
-}
-50% {
-    opacity: 0.3;
-}
-}
-/* ─── 切换过渡 ───────────────────────────────── */
-.slide-fade-enter-active[data-v-a06c4b3a] {
-  transition: all 0.25s ease-out;
-}
-.slide-fade-leave-active[data-v-a06c4b3a] {
-  transition: all 0.2s ease-in;
-}
-.slide-fade-enter-from[data-v-a06c4b3a] {
-  opacity: 0;
-  transform: translateY(8px);
-}
-.slide-fade-leave-to[data-v-a06c4b3a] {
-  opacity: 0;
-  transform: translateY(-8px);
-}
-/* unplugin-vue-components disabled */
-/* layer: default */
-.flex[data-v-8e02b6cd]{display:flex;}
-.flex-wrap[data-v-8e02b6cd]{flex-wrap:wrap;}
-.px[data-v-8e02b6cd]{padding-left:1rem;padding-right:1rem;}
-
-/* unplugin-vue-components disabled */.notification-detail[data-v-8e02b6cd] {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-.notification-detail__back[data-v-8e02b6cd] {
-  padding: 8px 16px;
-  border-bottom: 1px solid var(--c-border);
-}
-.notification-detail__header[data-v-8e02b6cd] {
-  padding: 16px;
-  border-bottom: 1px solid var(--c-border);
-}
-.notification-detail__title[data-v-8e02b6cd] {
-  font-size: 15px;
-  font-weight: 600;
-  color: var(--c-text-1);
-  line-height: 1.5;
-  margin: 0 0 8px;
-}
-.notification-detail__meta[data-v-8e02b6cd] {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  flex-wrap: wrap;
-}
-.notification-detail__time[data-v-8e02b6cd] {
-  font-size: 11px;
-  color: var(--c-text-4);
-}
-.notification-detail__sender[data-v-8e02b6cd] {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  margin-top: 8px;
-  font-size: 12px;
-  color: var(--c-text-2);
-}
-.notification-detail__content[data-v-8e02b6cd] {
-  flex: 1;
-  min-height: 0;
-}
-.notification-detail__body[data-v-8e02b6cd] {
-  padding: 16px;
-  font-size: 13px;
-  line-height: 1.7;
-  color: var(--c-text-1);
-  word-break: break-word;
-}
-.notification-detail__body[data-v-8e02b6cd] p {
-  margin: 0 0 8px;
-}
-.notification-detail__body[data-v-8e02b6cd] ul,
-.notification-detail__body[data-v-8e02b6cd] ol {
-  padding-left: 20px;
-  margin: 8px 0;
-}
-.notification-detail__body[data-v-8e02b6cd] li {
-  margin: 4px 0;
-}
-.notification-detail__body[data-v-8e02b6cd] strong {
-  font-weight: 600;
-  color: var(--c-primary);
-}
-.notification-detail__footer[data-v-8e02b6cd] {
-  padding: 12px 16px;
-  border-top: 1px solid var(--c-border);
-  display: flex;
-  justify-content: flex-end;
-}
-/* unplugin-vue-components disabled */
-/* layer: default */
-.absolute[data-v-51516250]{position:absolute;}
-.relative[data-v-51516250]{position:relative;}
-.inline-flex[data-v-51516250]{display:inline-flex;}
-.transform[data-v-51516250]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.border[data-v-51516250]{border-width:1px;}
-.outline[data-v-51516250]{outline-style:solid;}
-.transition[data-v-51516250]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
-.ease[data-v-51516250]{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
-
-/* unplugin-vue-components disabled */.notification-badge[data-v-51516250] {
+.notification-badge[data-v-51516250] {
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -291,127 +89,94 @@
     opacity: 1;
 }
 }
-/* unplugin-vue-components disabled */
+
 /* layer: default */
-.absolute[data-v-d366768f]{position:absolute;}
-.relative[data-v-d366768f]{position:relative;}
-.flex[data-v-d366768f]{display:flex;}
-.px[data-v-d366768f]{padding-left:1rem;padding-right:1rem;}
-.tab[data-v-d366768f]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
-.transition[data-v-d366768f]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+.absolute[data-v-51516250]{position:absolute;}
+.relative[data-v-51516250]{position:relative;}
+.inline-flex[data-v-51516250]{display:inline-flex;}
+.transform[data-v-51516250]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.border[data-v-51516250]{border-width:1px;}
+.outline[data-v-51516250]{outline-style:solid;}
+.transition[data-v-51516250]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+.ease[data-v-51516250]{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
 
-/* unplugin-vue-components disabled */.notification-list__tabs[data-v-d366768f] {
+.notification-detail[data-v-8e02b6cd] {
   display: flex;
-  border-bottom: 1px solid var(--c-border);
-  padding: 0 4px;
-}
-.notification-list__tab[data-v-d366768f] {
-  position: relative;
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  padding: 10px 12px;
-  font-size: 13px;
-  color: var(--c-text-2);
-  cursor: pointer;
-  transition: all var(--c-transition, 0.2s ease);
-  user-select: none;
-}
-.notification-list__tab[data-v-d366768f]::after {
-  content: "";
-  position: absolute;
-  bottom: 0;
-  left: 12px;
-  right: 12px;
-  height: 2px;
-  background: transparent;
-  border-radius: 1px;
-  transition: background var(--c-transition, 0.2s ease);
-}
-.notification-list__tab[data-v-d366768f]:hover {
-  color: var(--c-text-1);
+  flex-direction: column;
+  height: 100%;
 }
-.notification-list__tab--active[data-v-d366768f] {
-  color: var(--c-primary);
-  font-weight: 500;
+.notification-detail__back[data-v-8e02b6cd] {
+  padding: 8px 16px;
+  border-bottom: 1px solid var(--c-border);
 }
-.notification-list__tab--active[data-v-d366768f]::after {
-  background: var(--c-primary);
+.notification-detail__header[data-v-8e02b6cd] {
+  padding: 16px;
+  border-bottom: 1px solid var(--c-border);
 }
-.notification-list__tab-count[data-v-d366768f] {
-  min-width: 16px;
-  height: 16px;
-  padding: 0 4px;
-  border-radius: 8px;
-  background: #f5222d;
-  color: #fff;
-  font-size: 10px;
+.notification-detail__title[data-v-8e02b6cd] {
+  font-size: 15px;
   font-weight: 600;
-  line-height: 16px;
-  text-align: center;
+  color: var(--c-text-1);
+  line-height: 1.5;
+  margin: 0 0 8px;
 }
-.notification-list__toolbar[data-v-d366768f] {
+.notification-detail__meta[data-v-8e02b6cd] {
   display: flex;
   align-items: center;
-  justify-content: flex-end;
-  gap: 12px;
-  padding: 6px 16px;
-  border-bottom: 1px solid var(--c-border);
-}
-.notification-list__scroll[data-v-d366768f] {
-  flex: 1;
-}
-.notification-list__skeleton[data-v-d366768f] {
-  display: flex;
-  align-items: flex-start;
-  gap: 12px;
-  padding: 14px 16px;
-}
-.notification-list__skeleton-text[data-v-d366768f] {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
   gap: 8px;
+  flex-wrap: wrap;
 }
-.notification-list__load-more[data-v-d366768f] {
+.notification-detail__time[data-v-8e02b6cd] {
+  font-size: 11px;
+  color: var(--c-text-4);
+}
+.notification-detail__sender[data-v-8e02b6cd] {
   display: flex;
   align-items: center;
-  justify-content: center;
   gap: 6px;
-  padding: 12px;
+  margin-top: 8px;
   font-size: 12px;
   color: var(--c-text-2);
-  cursor: pointer;
-  transition: color var(--c-transition, 0.2s ease);
 }
-.notification-list__load-more[data-v-d366768f]:hover {
-  color: var(--c-primary);
+.notification-detail__content[data-v-8e02b6cd] {
+  flex: 1;
+  min-height: 0;
 }
-.notification-list__empty[data-v-d366768f] {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 60px 0;
-  gap: 12px;
+.notification-detail__body[data-v-8e02b6cd] {
+  padding: 16px;
+  font-size: 13px;
+  line-height: 1.7;
+  color: var(--c-text-1);
+  word-break: break-word;
+}
+.notification-detail__body[data-v-8e02b6cd] p {
+  margin: 0 0 8px;
+}
+.notification-detail__body[data-v-8e02b6cd] ul,
+.notification-detail__body[data-v-8e02b6cd] ol {
+  padding-left: 20px;
+  margin: 8px 0;
+}
+.notification-detail__body[data-v-8e02b6cd] li {
+  margin: 4px 0;
 }
-.notification-list__empty-icon[data-v-d366768f] {
-  color: var(--c-text-4);
-  opacity: 0.5;
+.notification-detail__body[data-v-8e02b6cd] strong {
+  font-weight: 600;
+  color: var(--c-primary);
 }
-.notification-list__empty-text[data-v-d366768f] {
-  font-size: 13px;
-  color: var(--c-text-4);
+.notification-detail__footer[data-v-8e02b6cd] {
+  padding: 12px 16px;
+  border-top: 1px solid var(--c-border);
+  display: flex;
+  justify-content: flex-end;
 }
-/* unplugin-vue-components disabled */
+
 /* layer: default */
-.hidden[data-v-2f1c8e96]{display:none;}
-.flex[data-v-2f1c8e96]{display:flex;}
-.inline-flex[data-v-2f1c8e96]{display:inline-flex;}
-.flex-shrink[data-v-2f1c8e96]{flex-shrink:1;}
-.transition[data-v-2f1c8e96]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+.flex[data-v-8e02b6cd]{display:flex;}
+.flex-wrap[data-v-8e02b6cd]{flex-wrap:wrap;}
+.px[data-v-8e02b6cd]{padding-left:1rem;padding-right:1rem;}
 
-/* unplugin-vue-components disabled */.notification-item[data-v-2f1c8e96] {
+.notification-item[data-v-2f1c8e96] {
   display: flex;
   align-items: flex-start;
   gap: 10px;
@@ -557,4 +322,238 @@
 .notification-item__action[data-v-2f1c8e96]:hover {
   color: var(--c-primary);
   background-color: var(--c-border);
-}
+}
+
+/* layer: default */
+.hidden[data-v-2f1c8e96]{display:none;}
+.flex[data-v-2f1c8e96]{display:flex;}
+.inline-flex[data-v-2f1c8e96]{display:inline-flex;}
+.flex-shrink[data-v-2f1c8e96]{flex-shrink:1;}
+.transition[data-v-2f1c8e96]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+
+.notification-list__tabs[data-v-d366768f] {
+  display: flex;
+  border-bottom: 1px solid var(--c-border);
+  padding: 0 4px;
+}
+.notification-list__tab[data-v-d366768f] {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 10px 12px;
+  font-size: 13px;
+  color: var(--c-text-2);
+  cursor: pointer;
+  transition: all var(--c-transition, 0.2s ease);
+  user-select: none;
+}
+.notification-list__tab[data-v-d366768f]::after {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 12px;
+  right: 12px;
+  height: 2px;
+  background: transparent;
+  border-radius: 1px;
+  transition: background var(--c-transition, 0.2s ease);
+}
+.notification-list__tab[data-v-d366768f]:hover {
+  color: var(--c-text-1);
+}
+.notification-list__tab--active[data-v-d366768f] {
+  color: var(--c-primary);
+  font-weight: 500;
+}
+.notification-list__tab--active[data-v-d366768f]::after {
+  background: var(--c-primary);
+}
+.notification-list__tab-count[data-v-d366768f] {
+  min-width: 16px;
+  height: 16px;
+  padding: 0 4px;
+  border-radius: 8px;
+  background: #f5222d;
+  color: #fff;
+  font-size: 10px;
+  font-weight: 600;
+  line-height: 16px;
+  text-align: center;
+}
+.notification-list__toolbar[data-v-d366768f] {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 12px;
+  padding: 6px 16px;
+  border-bottom: 1px solid var(--c-border);
+}
+.notification-list__scroll[data-v-d366768f] {
+  flex: 1;
+}
+.notification-list__skeleton[data-v-d366768f] {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  padding: 14px 16px;
+}
+.notification-list__skeleton-text[data-v-d366768f] {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.notification-list__load-more[data-v-d366768f] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  padding: 12px;
+  font-size: 12px;
+  color: var(--c-text-2);
+  cursor: pointer;
+  transition: color var(--c-transition, 0.2s ease);
+}
+.notification-list__load-more[data-v-d366768f]:hover {
+  color: var(--c-primary);
+}
+.notification-list__empty[data-v-d366768f] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 60px 0;
+  gap: 12px;
+}
+.notification-list__empty-icon[data-v-d366768f] {
+  color: var(--c-text-4);
+  opacity: 0.5;
+}
+.notification-list__empty-text[data-v-d366768f] {
+  font-size: 13px;
+  color: var(--c-text-4);
+}
+
+/* layer: default */
+.absolute[data-v-d366768f]{position:absolute;}
+.relative[data-v-d366768f]{position:relative;}
+.flex[data-v-d366768f]{display:flex;}
+.px[data-v-d366768f]{padding-left:1rem;padding-right:1rem;}
+.tab[data-v-d366768f]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
+.transition[data-v-d366768f]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+
+.c-notification-center[data-v-a06c4b3a] {
+  display: inline-flex;
+  align-items: center;
+}
+.c-notification-center__panel[data-v-a06c4b3a] {
+  display: flex;
+  flex-direction: column;
+  max-height: 560px;
+}
+.c-notification-center__header[data-v-a06c4b3a] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 14px 16px 10px;
+  border-bottom: 1px solid var(--c-border);
+}
+.c-notification-center__title[data-v-a06c4b3a] {
+  font-size: 15px;
+  font-weight: 600;
+  color: var(--c-text-1);
+}
+.c-notification-center__header-extra[data-v-a06c4b3a] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.c-notification-center__ws-dot[data-v-a06c4b3a] {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  transition: background-color var(--c-transition, 0.2s ease);
+}
+.c-notification-center__ws-dot--connected[data-v-a06c4b3a] {
+  background: #52c41a;
+  box-shadow: 0 0 4px rgba(82, 196, 26, 0.5);
+}
+.c-notification-center__ws-dot--connecting[data-v-a06c4b3a], .c-notification-center__ws-dot--reconnecting[data-v-a06c4b3a] {
+  background: #faad14;
+  animation: status-blink-a06c4b3a 1s ease-in-out infinite;
+}
+.c-notification-center__ws-dot--disconnected[data-v-a06c4b3a] {
+  background: var(--c-text-4);
+}
+@keyframes status-blink-a06c4b3a {
+0%, 100% {
+    opacity: 1;
+}
+50% {
+    opacity: 0.3;
+}
+}
+/* ─── 切换过渡 ───────────────────────────────── */
+.slide-fade-enter-active[data-v-a06c4b3a] {
+  transition: all 0.25s ease-out;
+}
+.slide-fade-leave-active[data-v-a06c4b3a] {
+  transition: all 0.2s ease-in;
+}
+.slide-fade-enter-from[data-v-a06c4b3a] {
+  opacity: 0;
+  transform: translateY(8px);
+}
+.slide-fade-leave-to[data-v-a06c4b3a] {
+  opacity: 0;
+  transform: translateY(-8px);
+}
+/*
+ * NPopover 的 content-class 样式需要在组件外部生效，
+ * 因为 NPopover 将内容渲染到 teleport 容器中，scoped 样式无法覆盖。
+ */
+.c-notification-center__popover {
+  /*
+   * Popover 被 Teleport 到 body 后无法继承触发器作用域内的 --c-*。
+   * 直接桥接 NPopover 自身随主题注入的变量，确保明暗主题自动适配。
+   */
+  --c-bg-card: var(--n-color, #fff);
+  --c-bg-surface: var(--n-color, #fff);
+  --c-text-1: var(--n-text-color, #262626);
+  --c-text-2: color-mix(
+    in srgb,
+    var(--n-text-color, #262626) 68%,
+    transparent
+  );
+  --c-text-3: color-mix(
+    in srgb,
+    var(--n-text-color, #262626) 50%,
+    transparent
+  );
+  --c-text-4: color-mix(
+    in srgb,
+    var(--n-text-color, #262626) 36%,
+    transparent
+  );
+  --c-border: color-mix(
+    in srgb,
+    var(--n-text-color, #262626) 14%,
+    transparent
+  );
+  color: var(--n-text-color);
+  background-color: var(--n-color);
+  padding: 0 !important;
+  border-radius: 12px !important;
+  overflow: hidden;
+  box-shadow: var(--c-shadow, 0 12px 32px rgba(0, 0, 0, 0.1)) !important;
+}
+
+/* layer: default */
+.flex[data-v-a06c4b3a]{display:flex;}
+.inline-flex[data-v-a06c4b3a]{display:inline-flex;}
+.transform[data-v-a06c4b3a]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.transition[data-v-a06c4b3a]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+.ease-in[data-v-a06c4b3a]{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);}
+.ease-in-out[data-v-a06c4b3a]{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
+.ease-out[data-v-a06c4b3a]{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}

package/dist/C_OrgChart.css

@@ -1,6 +1,6 @@
 :root{--c-primary: var(--primary-color, #2080f0);--c-primary-hover: var(--primary-color-hover, #4098fc);--c-primary-pressed: var(--primary-color-pressed, #1060c9);--c-success: var(--success-color, #18a058);--c-warning: var(--warning-color, #f0a020);--c-error: var(--error-color, #d03050);--c-info: var(--info-color, #2080f0);--c-bg-body: var(--body-color, #ffffff);--c-bg-card: var(--card-color, #ffffff);--c-bg-surface: var(--popover-color, #ffffff);--c-text-1: var(--text-color-1, #262626);--c-text-2: var(--text-color-2, #525252);--c-text-3: var(--text-color-3, #a3a3a3);--c-text-4: var(--text-color-4, #c0c0c0);--c-border: var(--border-color, #e5e7eb);--c-radius-sm: var(--border-radius-small, 4px);--c-radius: var(--border-radius, 6px);--c-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);--c-transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--c-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);--c-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--c-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1)}
 
-/* unplugin-vue-components disabled *//* C_OrgChart 组织架构图组件样式 */
+/* C_OrgChart 组织架构图组件样式 */
 .c-orgchart {
   --c-orgchart-line-color: #d1d5db;
   --c-orgchart-line-width: 2px;
@@ -288,12 +288,12 @@
   min-width: 40px;
   text-align: center;
 }
-/* unplugin-vue-components disabled */
+
 /* layer: default */
 .transform[data-v-3c5e8f18]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 .rounded[data-v-3c5e8f18]{border-radius:0.25rem;}
 .px[data-v-3c5e8f18]{padding-left:1rem;padding-right:1rem;}
 
-/* unplugin-vue-components disabled */
+
 /* layer: default */
 .rounded[data-v-f16fa660]{border-radius:0.25rem;}