@done-coding/admin-plugin-theme 0.1.1-alpha.0 → 0.2.1-alpha.0

package/es/assets/glass.mjs

@@ -1,7 +1,9 @@
 const r = {
   id: "glass",
   label: "通透琉璃",
-  description: "玻璃拟态：低饱和底色、毛玻璃模糊与轻薄悬浮感",
+  description: {
+    suitable: "玻璃拟态：低饱和底色、毛玻璃模糊与轻薄悬浮感"
+  },
   config: {
     light: {
       bodyColor: "#edf2fa",

package/es/assets/graphite-mono.mjs

@@ -0,0 +1,51 @@
+const o = {
+  id: "graphite-mono",
+  label: "石墨极简",
+  description: {
+    suitable: "数据密集型后台、专业分析工具、需高密度 + 单点强调 + 不分心的 power-user 场景。",
+    unsuitable: "需丰富色彩引导的 C 端；活泼/温暖调性；新手友好弱引导场景。"
+  },
+  config: {
+    light: {
+      bodyColor: "#eceef0",
+      baseColor: "#1a1d21",
+      primaryColor: "#2f6bff",
+      successColor: "#1f9d57",
+      warningColor: "#c2820e",
+      dangerColor: "#d83a3a",
+      errorColor: "#d83a3a",
+      infoColor: "#4a5560",
+      radius: "6px",
+      surface: "#ffffff",
+      borderColor: "#dcdfe3",
+      borderWidth: "1px",
+      shadow: "0 4px 14px -8px rgba(26, 29, 33, 0.1)",
+      focusRing: "0 0 0 2px rgba(47, 107, 255, 0.32)"
+    },
+    dark: {
+      bodyColor: "#0e1012",
+      baseColor: "#dde0e3",
+      primaryColor: "#5b8bff",
+      successColor: "#34c074",
+      warningColor: "#d6a850",
+      dangerColor: "#e64f4f",
+      errorColor: "#e64f4f",
+      infoColor: "#8a949e",
+      radius: "6px",
+      surface: "#17191c",
+      borderColor: "#262a2e",
+      borderWidth: "1px",
+      shadow: "0 8px 22px -12px rgba(0, 0, 0, 0.7)",
+      focusRing: "0 0 0 2px rgba(91, 139, 255, 0.4)"
+    }
+  },
+  layout: {
+    gap: { size: 0 },
+    header: { height: 48 },
+    sidebar: { width: 224, collapseWidth: 56 },
+    body: { shimPadding: 14 }
+  }
+};
+export {
+  o as default
+};

package/es/assets/gugong.mjs

@@ -1,7 +1,9 @@
 const o = {
   id: "gugong",
   label: "朱墙鎏金",
-  description: "文博东方庄重：红墙琉璃黄、暖纸底色与方正仪态",
+  description: {
+    suitable: "文博东方庄重：红墙琉璃黄、暖纸底色与方正仪态"
+  },
   config: {
     light: {
       bodyColor: "#f8f2e4",

package/es/assets/ink.mjs

@@ -1,7 +1,9 @@
 const o = {
   id: "ink",
   label: "水墨留白",
-  description: "水墨东方极简：黑白灰主调、墨青点睛与大量留白",
+  description: {
+    suitable: "水墨东方极简：黑白灰主调、墨青点睛与大量留白"
+  },
   config: {
     light: {
       bodyColor: "#f8f8f5",

package/es/assets/neon-set.mjs

@@ -0,0 +1,316 @@
+import { defineComponent as x, computed as y, openBlock as l, createBlock as $, Teleport as M, unref as e, createElementBlock as d, normalizeStyle as N, createElementVNode as t, Fragment as v, createCommentVNode as p, renderSlot as i, createVNode as u, withCtx as _, markRaw as F } from "vue";
+import { ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_BELOW as B, AppFooter as k, AppAside as A, AppHeader as T, AppTheme as C } from "@done-coding/admin-core";
+import { _ as E } from "../chunks/HeaderNavMenu.vue_vue_type_script_setup_true_lang-Dfv8_Muy.mjs";
+import { u as L } from "../chunks/use-frame-geometry-DPWBVziK.mjs";
+import { _ as R } from "../chunks/_plugin-vue_export-helper-CHgC5LLL.mjs";
+const S = ["width", "height", "viewBox"], D = {
+  id: "nsMagenta",
+  cx: "50%",
+  cy: "50%",
+  r: "50%"
+}, G = ["stop-color", "stop-opacity"], I = ["stop-color", "stop-opacity"], O = ["stop-color"], H = {
+  id: "nsCyan",
+  cx: "50%",
+  cy: "50%",
+  r: "50%"
+}, V = ["stop-color", "stop-opacity"], z = ["stop-color", "stop-opacity"], W = ["stop-color"], P = {
+  id: "nsBeam",
+  x1: "0%",
+  y1: "0%",
+  x2: "0%",
+  y2: "100%"
+}, q = ["stop-color"], X = ["stop-color", "stop-opacity"], Z = ["stop-color"], j = ["cx", "cy", "rx", "ry"], J = ["values"], K = ["values"], Q = ["values"], U = ["cx", "cy", "rx", "ry"], Y = ["values"], ee = ["values"], te = ["values"], oe = ["width", "height"], ae = ["values"], se = ["width", "height", "opacity"], re = /* @__PURE__ */ x({
+  __name: "NeonStageDecor",
+  setup(r) {
+    const { isDark: o, animated: c, vw: s, vh: n, hasFrame: w } = L(), f = y(() => o.value ? "#ff3d9a" : "#e84aa0"), h = y(() => o.value ? "#22d3ee" : "#3fc8e0"), m = y(() => o.value ? "#d8e8ff" : "#9fb6d6");
+    function a(b) {
+      return Number((Math.min(s.value, n.value) * b).toFixed(1));
+    }
+    return (b, g) => (l(), $(M, { to: "body" }, [
+      e(w) ? (l(), d("svg", {
+        key: 0,
+        class: "neon-stage-decor",
+        style: N({
+          position: "fixed",
+          left: 0,
+          top: 0,
+          pointerEvents: "none",
+          zIndex: e(B),
+          opacity: e(o) ? 1 : 0.72
+        }),
+        width: e(s),
+        height: e(n),
+        viewBox: `0 0 ${e(s)} ${e(n)}`,
+        "aria-hidden": "true"
+      }, [
+        t("defs", null, [
+          t("radialGradient", D, [
+            t("stop", {
+              offset: "0%",
+              "stop-color": f.value,
+              "stop-opacity": e(o) ? 0.5 : 0.2
+            }, null, 8, G),
+            t("stop", {
+              offset: "55%",
+              "stop-color": f.value,
+              "stop-opacity": e(o) ? 0.14 : 0.06
+            }, null, 8, I),
+            t("stop", {
+              offset: "100%",
+              "stop-color": f.value,
+              "stop-opacity": "0"
+            }, null, 8, O)
+          ]),
+          t("radialGradient", H, [
+            t("stop", {
+              offset: "0%",
+              "stop-color": h.value,
+              "stop-opacity": e(o) ? 0.46 : 0.18
+            }, null, 8, V),
+            t("stop", {
+              offset: "55%",
+              "stop-color": h.value,
+              "stop-opacity": e(o) ? 0.12 : 0.05
+            }, null, 8, z),
+            t("stop", {
+              offset: "100%",
+              "stop-color": h.value,
+              "stop-opacity": "0"
+            }, null, 8, W)
+          ]),
+          t("linearGradient", P, [
+            t("stop", {
+              offset: "0%",
+              "stop-color": m.value,
+              "stop-opacity": "0"
+            }, null, 8, q),
+            t("stop", {
+              offset: "50%",
+              "stop-color": m.value,
+              "stop-opacity": e(o) ? 0.16 : 0.07
+            }, null, 8, X),
+            t("stop", {
+              offset: "100%",
+              "stop-color": m.value,
+              "stop-opacity": "0"
+            }, null, 8, Z)
+          ]),
+          g[0] || (g[0] = t("filter", { id: "nsGrain" }, [
+            t("feTurbulence", {
+              type: "fractalNoise",
+              baseFrequency: "0.8",
+              numOctaves: "2",
+              stitchTiles: "stitch"
+            }),
+            t("feColorMatrix", {
+              type: "saturate",
+              values: "0"
+            })
+          ], -1))
+        ]),
+        t("ellipse", {
+          cx: e(s) * 0.16,
+          cy: e(n) * 0.2,
+          rx: a(0.44),
+          ry: a(0.36),
+          fill: "url(#nsMagenta)"
+        }, [
+          e(c) ? (l(), d(v, { key: 0 }, [
+            t("animate", {
+              attributeName: "rx",
+              values: `${a(0.44)};${a(0.52)};${a(0.44)}`,
+              dur: "15s",
+              repeatCount: "indefinite"
+            }, null, 8, J),
+            t("animate", {
+              attributeName: "ry",
+              values: `${a(0.36)};${a(0.42)};${a(0.36)}`,
+              dur: "15s",
+              repeatCount: "indefinite"
+            }, null, 8, K),
+            t("animateTransform", {
+              attributeName: "transform",
+              type: "translate",
+              values: `0,0; ${e(s) * 0.03},${e(n) * 0.035}; 0,0`,
+              dur: "27s",
+              repeatCount: "indefinite"
+            }, null, 8, Q)
+          ], 64)) : p("", !0)
+        ], 8, j),
+        t("ellipse", {
+          cx: e(s) * 0.85,
+          cy: e(n) * 0.83,
+          rx: a(0.42),
+          ry: a(0.34),
+          fill: "url(#nsCyan)"
+        }, [
+          e(c) ? (l(), d(v, { key: 0 }, [
+            t("animate", {
+              attributeName: "rx",
+              values: `${a(0.42)};${a(0.5)};${a(0.42)}`,
+              dur: "18s",
+              begin: "3s",
+              repeatCount: "indefinite"
+            }, null, 8, Y),
+            t("animate", {
+              attributeName: "ry",
+              values: `${a(0.34)};${a(0.4)};${a(0.34)}`,
+              dur: "18s",
+              begin: "3s",
+              repeatCount: "indefinite"
+            }, null, 8, ee),
+            t("animateTransform", {
+              attributeName: "transform",
+              type: "translate",
+              values: `0,0; ${e(s) * -0.03},${e(n) * -0.03}; 0,0`,
+              dur: "33s",
+              repeatCount: "indefinite"
+            }, null, 8, te)
+          ], 64)) : p("", !0)
+        ], 8, U),
+        e(c) ? (l(), d("rect", {
+          key: 0,
+          width: Math.max(60, e(s) * 0.06),
+          height: e(n),
+          x: "0",
+          y: "0",
+          fill: "url(#nsBeam)"
+        }, [
+          t("animateTransform", {
+            attributeName: "transform",
+            type: "translate",
+            values: `${-e(s) * 0.1},0; ${e(s) * 1.05},0`,
+            dur: "22s",
+            repeatCount: "indefinite"
+          }, null, 8, ae)
+        ], 8, oe)) : p("", !0),
+        t("rect", {
+          width: e(s),
+          height: e(n),
+          filter: "url(#nsGrain)",
+          opacity: e(o) ? 0.07 : 0.035
+        }, null, 8, se)
+      ], 12, S)) : p("", !0)
+    ]));
+  }
+}), ne = /* @__PURE__ */ R(re, [["__scopeId", "data-v-9a7212b2"]]), ie = /* @__PURE__ */ x({
+  __name: "NeonSetShell",
+  props: {
+    menus: {},
+    menuFlatList: {},
+    sidebarMenus: {},
+    headerMenus: {},
+    activeMenu: {},
+    activeModuleMenu: {},
+    showHeader: { type: Boolean },
+    showSidebar: { type: Boolean },
+    showAside: { type: Boolean },
+    sidebarAboveHeader: { type: Boolean }
+  },
+  setup(r) {
+    return (o, c) => (l(), d(v, null, [
+      i(o.$slots, "default", { Footer: e(k) }),
+      u(e(A), { show: r.showAside }, {
+        default: _(() => [
+          i(o.$slots, "aside")
+        ]),
+        _: 3
+      }, 8, ["show"]),
+      u(e(T), {
+        show: r.showHeader,
+        menus: r.headerMenus,
+        activeMenu: r.activeMenu,
+        activeModuleMenu: r.activeModuleMenu,
+        menuFlatList: r.menuFlatList
+      }, {
+        left: _(() => [
+          i(o.$slots, "brand"),
+          u(E, {
+            menus: r.menus,
+            menuFlatList: r.menuFlatList
+          }, null, 8, ["menus", "menuFlatList"])
+        ]),
+        right: _(() => [
+          i(o.$slots, "themeSwitcher", { Default: e(C) }, () => [
+            u(e(C))
+          ]),
+          i(o.$slots, "userEntry"),
+          i(o.$slots, "settings")
+        ]),
+        _: 3
+      }, 8, ["show", "menus", "activeMenu", "activeModuleMenu", "menuFlatList"]),
+      u(ne)
+    ], 64));
+  }
+}), fe = {
+  id: "neon-set",
+  label: "霓虹片场",
+  description: {
+    suitable: "AIGC 视频 / 创作者平台后台：作品流·特效·模板·发布等场景；想要影院霓虹、品红×青双色、暗场为主、大胆有记忆点的创作者气质。",
+    unsuitable: "严肃克制的企业运维台 / 财务台；偏好低饱和柔和配色的场景；老年 / 低视力主用群体。"
+  },
+  config: {
+    light: {
+      bodyColor: "#faf4f8",
+      baseColor: "#1a1020",
+      primaryColor: "#db2777",
+      successColor: "#16a34a",
+      warningColor: "#d97706",
+      dangerColor: "#e11d6b",
+      errorColor: "#e11d6b",
+      infoColor: "#8a7a90",
+      radius: "10px",
+      accent: "#0891b2",
+      surface: "#ffffff",
+      borderColor: "#f0dce8",
+      glow: "0 0 0 1px rgba(219, 39, 119, 0.14)",
+      shadow: "0 8px 26px -16px rgba(26, 16, 32, 0.2)",
+      focusRing: "0 0 0 3px rgba(219, 39, 119, 0.24)"
+    },
+    dark: {
+      bodyColor: "#09080f",
+      baseColor: "#f2e9f0",
+      primaryColor: "#ff3d9a",
+      successColor: "#34d399",
+      warningColor: "#fbbf24",
+      dangerColor: "#ff5470",
+      errorColor: "#ff5470",
+      infoColor: "#9a8aa6",
+      radius: "10px",
+      accent: "#22d3ee",
+      surface: "#16101c",
+      borderColor: "rgba(255, 61, 154, 0.22)",
+      glow: "0 0 18px rgba(255, 61, 154, 0.4)",
+      shadow: "0 0 0 1px rgba(255, 61, 154, 0.1), 0 18px 44px -20px rgba(0, 0, 0, 0.92)",
+      focusRing: "0 0 0 3px rgba(255, 61, 154, 0.45)"
+    }
+  },
+  layout: {
+    // 创作舞台 + 套框：无左栏(sidebar=0)、顶部横导航 + 大 preview body + 右控制 aside。
+    viewport: {
+      paddingTop: 16,
+      paddingRight: 16,
+      paddingBottom: 16,
+      paddingLeft: 16
+    },
+    gap: { size: 10 },
+    header: {
+      height: 56,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "12px" }
+    },
+    // 无左栏：sidebar 宽 0（NeonSetShell 不渲染 AppSidebar）。
+    sidebar: { width: 0, collapseWidth: 0 },
+    // 右控制 aside：宽 360；route meta.layout.aside=true 时显（NeonSetShell 转 #aside）。
+    aside: {
+      width: 360,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "12px" }
+    },
+    body: { shimPadding: 18 },
+    shell: F(ie)
+  }
+};
+export {
+  fe as default
+};

package/es/assets/nordic-fjord.mjs

@@ -0,0 +1,58 @@
+const o = {
+  id: "nordic-fjord",
+  label: "北欧峡湾",
+  description: {
+    suitable: "健康 / 环保 / ESG / 通用 SaaS、追求冷静自然北欧极简调性的产品；长时间使用的轻量后台。",
+    unsuitable: "需强暖色亲和或高饱和活力的场景；重东方/重奢华定位。"
+  },
+  config: {
+    light: {
+      bodyColor: "#e8edea",
+      baseColor: "#1f2b2a",
+      primaryColor: "#2f6f74",
+      successColor: "#3f8a5f",
+      warningColor: "#bd8a2c",
+      dangerColor: "#c0564c",
+      errorColor: "#c0564c",
+      infoColor: "#4a7a96",
+      radius: "12px",
+      surface: "#f5f8f6",
+      borderColor: "#d4ded9",
+      shadow: "0 6px 22px -14px rgba(31, 43, 42, 0.13)",
+      focusRing: "0 0 0 3px rgba(47, 111, 116, 0.24)"
+    },
+    dark: {
+      bodyColor: "#0f1615",
+      baseColor: "#dde6e3",
+      primaryColor: "#4f9aa0",
+      successColor: "#5fa97a",
+      warningColor: "#d2a850",
+      dangerColor: "#cf6d63",
+      errorColor: "#cf6d63",
+      infoColor: "#6f9bb5",
+      radius: "12px",
+      surface: "#18211f",
+      borderColor: "#2a3432",
+      shadow: "0 10px 28px -16px rgba(0, 0, 0, 0.7)",
+      focusRing: "0 0 0 3px rgba(79, 154, 160, 0.3)"
+    }
+  },
+  layout: {
+    gap: { size: 10 },
+    header: {
+      height: 56,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "12px" }
+    },
+    sidebar: {
+      width: 248,
+      collapseWidth: 64,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "12px" }
+    },
+    body: { shimPadding: 24 }
+  }
+};
+export {
+  o as default
+};

package/es/assets/perspective-deck.mjs

@@ -0,0 +1,229 @@
+import { defineComponent as I, computed as i, ref as B, watch as P, onBeforeUnmount as _, openBlock as p, createBlock as b, Teleport as v, unref as e, createElementBlock as E, normalizeStyle as c, createElementVNode as u, createCommentVNode as F, inject as $, Fragment as L, renderSlot as s, createVNode as n, withCtx as f, markRaw as O } from "vue";
+import { ElIcon as R } from "element-plus";
+import { ChatDotRound as D } from "@element-plus/icons-vue";
+import { ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_BELOW as h, APP_LAYOUT_BRIDGE_KEY as S, AppFooter as T, AppHeader as z, AppTheme as w } from "@done-coding/admin-core";
+import { u as N } from "../chunks/use-frame-geometry-DPWBVziK.mjs";
+import { _ as V } from "../chunks/HeaderNavMenu.vue_vue_type_script_setup_true_lang-Dfv8_Muy.mjs";
+const Y = /* @__PURE__ */ I({
+  __name: "PerspectiveDeckDecor",
+  setup(r) {
+    const { vp: a, isDark: l, animated: m, hasFrame: t } = N(), o = i(() => a.value.paddingBottom), x = i(() => l.value ? "#34e1ff" : "#5b7cff"), M = i(
+      () => l.value ? "linear-gradient(to bottom, rgba(52,225,255,0.55), rgba(52,225,255,0))" : "linear-gradient(to bottom, rgba(91,124,255,0.35), rgba(91,124,255,0))"
+    ), A = i(() => ({
+      position: "absolute",
+      left: "-60%",
+      right: "-60%",
+      top: "0",
+      bottom: "-40%",
+      transform: "perspective(380px) rotateX(64deg)",
+      transformOrigin: "top center",
+      backgroundPosition: "center top",
+      backgroundImage: `repeating-linear-gradient(to right, ${x.value} 0 1px, transparent 1px 44px), repeating-linear-gradient(to bottom, ${x.value} 0 1px, transparent 1px 44px)`
+    })), y = B();
+    let d;
+    const C = () => {
+      d == null || d.cancel(), d = void 0;
+    };
+    return P(
+      [y, m],
+      ([g, k]) => {
+        C(), g && k && (d = g.animate(
+          [{ backgroundPositionY: "0px" }, { backgroundPositionY: "44px" }],
+          { duration: 5500, iterations: 1 / 0, easing: "linear" }
+        ));
+      },
+      { immediate: !0 }
+    ), _(C), (g, k) => (p(), b(v, { to: "body" }, [
+      e(t) ? (p(), E("div", {
+        key: 0,
+        style: c({
+          position: "fixed",
+          left: `${e(a).paddingLeft}px`,
+          right: `${e(a).paddingRight}px`,
+          bottom: e(a).paddingBottom ? "0px" : "-9999px",
+          height: `${o.value}px`,
+          pointerEvents: "none",
+          zIndex: e(h),
+          overflow: "hidden",
+          opacity: e(l) ? 0.85 : 0.4
+        }),
+        "aria-hidden": "true"
+      }, [
+        u("div", {
+          style: c({
+            position: "absolute",
+            left: "0",
+            right: "0",
+            top: "0",
+            height: "24px",
+            filter: "blur(2px)",
+            background: M.value
+          })
+        }, null, 4),
+        u("div", {
+          ref_key: "gridEl",
+          ref: y,
+          style: c(A.value)
+        }, null, 4)
+      ], 4)) : F("", !0)
+    ]));
+  }
+}), G = /* @__PURE__ */ I({
+  __name: "PerspectiveDeckShell",
+  props: {
+    menus: {},
+    menuFlatList: {},
+    sidebarMenus: {},
+    headerMenus: {},
+    activeMenu: {},
+    activeModuleMenu: {},
+    showHeader: { type: Boolean },
+    showSidebar: { type: Boolean },
+    showAside: { type: Boolean },
+    sidebarAboveHeader: { type: Boolean }
+  },
+  setup(r) {
+    const a = $(S), l = i(() => {
+      const o = a.APP_LAYOUT_VIEWPORT_CONFIG.paddingBottom || 0;
+      return {
+        position: "fixed",
+        left: "0",
+        right: "0",
+        bottom: "0",
+        height: `${o}px`,
+        background: a.themeColors.value.bodyColor,
+        zIndex: h,
+        pointerEvents: "none",
+        display: o > 60 ? "block" : "none"
+      };
+    }), m = i(() => {
+      const o = a.APP_LAYOUT_VIEWPORT_CONFIG.paddingBottom || 0;
+      return {
+        position: "fixed",
+        left: "50%",
+        bottom: `${Math.max(16, o / 2 - 18)}px`,
+        transform: "translateX(-50%)",
+        zIndex: h + 1,
+        display: o > 60 ? "flex" : "none",
+        alignItems: "center",
+        gap: "8px",
+        padding: "8px 18px",
+        borderRadius: "999px",
+        fontSize: "13px",
+        color: "var(--admin-core-base-color, var(--el-text-color-primary))",
+        background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+        border: "1px dashed var(--admin-core-primary-color, var(--el-color-primary))",
+        boxShadow: "var(--admin-core-shadow, var(--el-box-shadow))"
+      };
+    });
+    return (t, o) => (p(), E(L, null, [
+      s(t.$slots, "default", { Footer: e(T) }),
+      n(e(z), {
+        show: r.showHeader,
+        menus: r.headerMenus,
+        activeMenu: r.activeMenu,
+        activeModuleMenu: r.activeModuleMenu,
+        menuFlatList: r.menuFlatList
+      }, {
+        left: f(() => [
+          s(t.$slots, "brand"),
+          n(V, {
+            menus: r.menus,
+            menuFlatList: r.menuFlatList
+          }, null, 8, ["menus", "menuFlatList"])
+        ]),
+        right: f(() => [
+          s(t.$slots, "themeSwitcher", { Default: e(w) }, () => [
+            n(e(w))
+          ]),
+          s(t.$slots, "userEntry"),
+          s(t.$slots, "settings")
+        ]),
+        _: 3
+      }, 8, ["show", "menus", "activeMenu", "activeModuleMenu", "menuFlatList"]),
+      (p(), b(v, { to: "body" }, [
+        u("div", {
+          class: "deck-occluder",
+          style: c(l.value)
+        }, null, 4)
+      ])),
+      n(Y),
+      (p(), b(v, { to: "body" }, [
+        u("div", {
+          style: c(m.value)
+        }, [
+          n(e(R), { style: {
+            color: "var(--admin-core-primary-color, var(--el-color-primary))"
+          } }, {
+            default: f(() => [
+              n(e(D))
+            ]),
+            _: 1
+          }),
+          o[0] || (o[0] = u("span", { style: { opacity: 0.85 } }, "AI 对话停靠区（预留）", -1))
+        ], 4)
+      ]))
+    ], 64));
+  }
+}), Z = {
+  id: "perspective-deck",
+  label: "透视甲板",
+  description: {
+    suitable: "发布会大屏 / 沉浸式控制台 / 未来 AI 对话台；想要纵深透视科技感 + 底部预留 AI 对话停靠甲板。",
+    unsuitable: "高密度录入 / 传统表单后台（深底留白浪费纵向空间）；强无障碍合规（透视动效对低视力不友好）。"
+  },
+  config: {
+    light: {
+      bodyColor: "#ecf0f9",
+      baseColor: "#141a2e",
+      primaryColor: "#3b82f6",
+      successColor: "#16a34a",
+      warningColor: "#d97706",
+      dangerColor: "#dc2626",
+      errorColor: "#dc2626",
+      infoColor: "#60a5fa",
+      radius: "12px",
+      surface: "#ffffff",
+      borderColor: "#dde3f0",
+      shadow: "0 10px 30px -18px rgba(59,130,246,0.22)"
+    },
+    dark: {
+      bodyColor: "#070a16",
+      baseColor: "#cdd9f2",
+      primaryColor: "#45c4fb",
+      successColor: "#34d399",
+      warningColor: "#f0b541",
+      dangerColor: "#f0656a",
+      errorColor: "#f0656a",
+      infoColor: "#7dd3fc",
+      radius: "12px",
+      surface: "#0e1426",
+      borderColor: "rgba(56,189,248,0.24)",
+      glow: "0 0 18px rgba(56,189,248,0.30)",
+      shadow: "0 0 0 1px rgba(56,189,248,0.12), 0 20px 48px -20px rgba(0,0,0,0.92)"
+    }
+  },
+  layout: {
+    // 四边套框 + 底部大留白拉出甲板带（body 自动让出底部）。
+    viewport: {
+      paddingTop: 16,
+      paddingRight: 16,
+      paddingBottom: 140,
+      paddingLeft: 16
+    },
+    gap: { size: 8 },
+    header: {
+      height: 56,
+      background: "var(--admin-core-surface, var(--el-bg-color-overlay))",
+      style: { borderRadius: "12px" }
+    },
+    // 无左栏（PerspectiveDeckShell 不渲染 AppSidebar，导航走 header 横排）：
+    // 不渲染的模块尺寸 [MUST] 设 0，否则 store 仍按 width 预留 body 左让位 → 空隙。
+    sidebar: { width: 0, collapseWidth: 0 },
+    body: { shimPadding: 18 },
+    shell: O(G)
+  }
+};
+export {
+  Z as default
+};