@oj-module/cli 0.2.6 → 0.2.14

package/shell-dist/assets/runtime.js

@@ -2,7 +2,7 @@
 if (typeof document !== "undefined" && !document.querySelector("style[data-ojm-runtime-css]")) {
 	const s = document.createElement("style");
 	s.setAttribute("data-ojm-runtime-css", "");
-	s.textContent = "\n@layer properties, reset, antd;\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer reset{\n/* stylelint-disable */\nhtml,\nbody {\n  width: 100%;\n  height: 100%;\n}\ninput::-ms-clear,\ninput::-ms-reveal {\n  display: none;\n}\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\nhtml {\n  font-family: sans-serif;\n  line-height: 1.15;\n  -webkit-text-size-adjust: 100%;\n  -ms-text-size-adjust: 100%;\n  -ms-overflow-style: scrollbar;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\nbody {\n  margin: 0;\n}\n[tabindex='-1']:focus {\n  outline: none;\n}\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: 0.5em;\n  font-weight: 500;\n}\np {\n  margin-top: 0;\n  margin-bottom: 1em;\n}\nabbr[title],\nabbr[data-original-title] {\n  -webkit-text-decoration: underline dotted;\n  text-decoration: underline dotted;\n  border-bottom: 0;\n  cursor: help;\n}\naddress {\n  margin-bottom: 1em;\n  font-style: normal;\n  line-height: inherit;\n}\ninput[type='text'],\ninput[type='password'],\ninput[type='number'],\ntextarea {\n  -webkit-appearance: none;\n}\nol,\nul,\ndl {\n  margin-top: 0;\n  margin-bottom: 1em;\n}\nol ol,\nul ul,\nol ul,\nul ol {\n  margin-bottom: 0;\n}\ndt {\n  font-weight: 500;\n}\ndd {\n  margin-bottom: 0.5em;\n  margin-left: 0;\n}\nblockquote {\n  margin: 0 0 1em;\n}\ndfn {\n  font-style: italic;\n}\nb,\nstrong {\n  font-weight: bolder;\n}\nsmall {\n  font-size: 80%;\n}\nsub,\nsup {\n  position: relative;\n  font-size: 75%;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\npre,\ncode,\nkbd,\nsamp {\n  font-size: 1em;\n  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;\n}\npre {\n  margin-top: 0;\n  margin-bottom: 1em;\n  overflow: auto;\n}\nfigure {\n  margin: 0 0 1em;\n}\nimg {\n  vertical-align: middle;\n  border-style: none;\n}\na,\narea,\nbutton,\n[role='button'],\ninput:not([type='range']),\nlabel,\nselect,\nsummary,\ntextarea {\n  touch-action: manipulation;\n}\ntable {\n  border-collapse: collapse;\n}\ncaption {\n  padding-top: 0.75em;\n  padding-bottom: 0.3em;\n  text-align: left;\n  caption-side: bottom;\n}\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n  margin: 0;\n  color: inherit;\n  font-size: inherit;\n  font-family: inherit;\n  line-height: inherit;\n}\nbutton,\ninput {\n  overflow: visible;\n}\nbutton,\nselect {\n  text-transform: none;\n}\nbutton,\nhtml [type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button;\n}\nbutton::-moz-focus-inner,\n[type='button']::-moz-focus-inner,\n[type='reset']::-moz-focus-inner,\n[type='submit']::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\ninput[type='radio'],\ninput[type='checkbox'] {\n  box-sizing: border-box;\n  padding: 0;\n}\ninput[type='date'],\ninput[type='time'],\ninput[type='datetime-local'],\ninput[type='month'] {\n  -webkit-appearance: listbox;\n}\ntextarea {\n  overflow: auto;\n  resize: vertical;\n}\nfieldset {\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\nlegend {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  margin-bottom: 0.5em;\n  padding: 0;\n  color: inherit;\n  font-size: 1.5em;\n  line-height: inherit;\n  white-space: normal;\n}\nprogress {\n  vertical-align: baseline;\n}\n[type='number']::-webkit-inner-spin-button,\n[type='number']::-webkit-outer-spin-button {\n  height: auto;\n}\n[type='search'] {\n  outline-offset: -2px;\n  -webkit-appearance: none;\n}\n[type='search']::-webkit-search-cancel-button,\n[type='search']::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n::-webkit-file-upload-button {\n  font: inherit;\n  -webkit-appearance: button;\n}\noutput {\n  display: inline-block;\n}\nsummary {\n  display: list-item;\n}\ntemplate {\n  display: none;\n}\n[hidden] {\n  display: none !important;\n}\n}\n@layer simplebar{\n[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}\n}\n@layer simplebar {\n  .simplebar-scrollbar:before {\n    background-color: #909399;\n  }\n\n  .simplebar-content {\n    height: 100%;\n  }\n}\n\n#root {\n  height: 100vh;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n}\n\nhtml.color-blind-mode {\n  --tw-invert: invert(100%);\n  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n}\n\nhtml.gray-mode {\n  --tw-grayscale: grayscale(100%);\n  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n}\n\n@layer theme {\n  :root, :host {\n    --font-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial,\n    sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    --spacing: .25rem;\n    --container-md: 28rem;\n    --text-xs: .75rem;\n    --text-xs--line-height: calc(1 / .75);\n    --text-sm: .875rem;\n    --text-sm--line-height: calc(1.25 / .875);\n    --text-lg: 1.125rem;\n    --text-lg--line-height: calc(1.75 / 1.125);\n    --text-xl: 1.25rem;\n    --text-xl--line-height: calc(1.75 / 1.25);\n    --text-2xl: 1.5rem;\n    --text-2xl--line-height: calc(2 / 1.5);\n    --text-3xl: 1.875rem;\n    --text-3xl--line-height: calc(2.25 / 1.875);\n    --font-weight-medium: 500;\n    --font-weight-semibold: 600;\n    --font-weight-bold: 700;\n    --tracking-tight: -.025em;\n    --radius-sm: .25rem;\n    --radius-md: .375rem;\n    --radius-xl: .75rem;\n    --ease-in: cubic-bezier(.4, 0, 1, 1);\n    --animate-spin: spin 1s linear infinite;\n    --default-transition-duration: .15s;\n    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n    --animate-wiggle: wiggle 1s both;\n    --animate-bounce-in-down-out-up: bounce-in-down-out-up 4s ease-in-out 0s infinite;\n  }\n}\n\n@layer base, components;\n\n@layer utilities {\n  .visible {\n    visibility: visible;\n  }\n\n  .absolute {\n    position: absolute;\n  }\n\n  .fixed {\n    position: fixed;\n  }\n\n  .relative {\n    position: relative;\n  }\n\n  .static {\n    position: static;\n  }\n\n  .top-0 {\n    top: 0;\n  }\n\n  .top-1\\.5 {\n    top: calc(var(--spacing) * 1.5);\n  }\n\n  .top-2 {\n    top: calc(var(--spacing) * 2);\n  }\n\n  .top-3 {\n    top: calc(var(--spacing) * 3);\n  }\n\n  .right-2 {\n    right: calc(var(--spacing) * 2);\n  }\n\n  .right-3 {\n    right: calc(var(--spacing) * 3);\n  }\n\n  .right-4 {\n    right: calc(var(--spacing) * 4);\n  }\n\n  .bottom-0 {\n    bottom: 0;\n  }\n\n  .bottom-3 {\n    bottom: calc(var(--spacing) * 3);\n  }\n\n  .left-0 {\n    left: 0;\n  }\n\n  .left-1\\/2 {\n    left: 50%;\n  }\n\n  .left-3 {\n    left: calc(var(--spacing) * 3);\n  }\n\n  .z-10 {\n    z-index: 10;\n  }\n\n  .container {\n    width: 100%;\n  }\n\n  @media (min-width: 480px) {\n    .container {\n      max-width: 480px;\n    }\n  }\n\n  @media (min-width: 576px) {\n    .container {\n      max-width: 576px;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .container {\n      max-width: 768px;\n    }\n  }\n\n  @media (min-width: 992px) {\n    .container {\n      max-width: 992px;\n    }\n  }\n\n  @media (min-width: 1200px) {\n    .container {\n      max-width: 1200px;\n    }\n  }\n\n  @media (min-width: 1600px) {\n    .container {\n      max-width: 1600px;\n    }\n  }\n\n  .m-0 {\n    margin: 0;\n  }\n\n  .m-152 {\n    margin: calc(var(--spacing) * 152);\n  }\n\n  .mx-3 {\n    margin-inline: calc(var(--spacing) * 3);\n  }\n\n  .mx-4 {\n    margin-inline: calc(var(--spacing) * 4);\n  }\n\n  .mx-auto {\n    margin-inline: auto;\n  }\n\n  .my-0 {\n    margin-block: 0;\n  }\n\n  .my-1 {\n    margin-block: var(--spacing);\n  }\n\n  .my-4 {\n    margin-block: calc(var(--spacing) * 4);\n  }\n\n  .my-8 {\n    margin-block: calc(var(--spacing) * 8);\n  }\n\n  .mt-2 {\n    margin-top: calc(var(--spacing) * 2);\n  }\n\n  .mt-2\\.5 {\n    margin-top: calc(var(--spacing) * 2.5);\n  }\n\n  .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n\n  .mt-6 {\n    margin-top: calc(var(--spacing) * 6);\n  }\n\n  .mr-2 {\n    margin-right: calc(var(--spacing) * 2);\n  }\n\n  .mr-3 {\n    margin-right: calc(var(--spacing) * 3);\n  }\n\n  .mr-8 {\n    margin-right: calc(var(--spacing) * 8);\n  }\n\n  .mr-17 {\n    margin-right: calc(var(--spacing) * 17);\n  }\n\n  .mb-0 {\n    margin-bottom: 0;\n  }\n\n  .mb-2 {\n    margin-bottom: calc(var(--spacing) * 2);\n  }\n\n  .mb-3 {\n    margin-bottom: calc(var(--spacing) * 3);\n  }\n\n  .mb-6 {\n    margin-bottom: calc(var(--spacing) * 6);\n  }\n\n  .ml-2 {\n    margin-left: calc(var(--spacing) * 2);\n  }\n\n  .ml-4 {\n    margin-left: calc(var(--spacing) * 4);\n  }\n\n  .box-border {\n    box-sizing: border-box;\n  }\n\n  .line-clamp-2 {\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    display: -webkit-box;\n    overflow: hidden;\n  }\n\n  .block {\n    display: block;\n  }\n\n  .flex {\n    display: flex;\n  }\n\n  .hidden {\n    display: none;\n  }\n\n  .inline {\n    display: inline;\n  }\n\n  .inline-block {\n    display: inline-block;\n  }\n\n  .table {\n    display: table;\n  }\n\n  .aspect-square {\n    aspect-ratio: 1;\n  }\n\n  .size-5 {\n    width: calc(var(--spacing) * 5);\n    height: calc(var(--spacing) * 5);\n  }\n\n  .h-2 {\n    height: calc(var(--spacing) * 2);\n  }\n\n  .h-5 {\n    height: calc(var(--spacing) * 5);\n  }\n\n  .h-10 {\n    height: calc(var(--spacing) * 10);\n  }\n\n  .h-64 {\n    height: calc(var(--spacing) * 64);\n  }\n\n  .h-\\[0\\.63em\\] {\n    height: .63em;\n  }\n\n  .h-full {\n    height: 100%;\n  }\n\n  .h-screen {\n    height: 100vh;\n  }\n\n  .w-1\\/3 {\n    width: 33.3333%;\n  }\n\n  .w-2 {\n    width: calc(var(--spacing) * 2);\n  }\n\n  .w-2\\/5 {\n    width: 40%;\n  }\n\n  .w-7\\/12 {\n    width: 58.3333%;\n  }\n\n  .w-10 {\n    width: calc(var(--spacing) * 10);\n  }\n\n  .w-11 {\n    width: calc(var(--spacing) * 11);\n  }\n\n  .w-12 {\n    width: calc(var(--spacing) * 12);\n  }\n\n  .w-40 {\n    width: calc(var(--spacing) * 40);\n  }\n\n  .w-72 {\n    width: calc(var(--spacing) * 72);\n  }\n\n  .w-full {\n    width: 100%;\n  }\n\n  .max-w-90 {\n    max-width: calc(var(--spacing) * 90);\n  }\n\n  .min-w-0 {\n    min-width: 0;\n  }\n\n  .flex-1 {\n    flex: 1;\n  }\n\n  .flex-auto {\n    flex: auto;\n  }\n\n  .flex-shrink-0, .shrink-0 {\n    flex-shrink: 0;\n  }\n\n  .grow {\n    flex-grow: 1;\n  }\n\n  .-translate-x-1\\/2 {\n    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .scale-75 {\n    --tw-scale-x: 75%;\n    --tw-scale-y: 75%;\n    --tw-scale-z: 75%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n\n  .transform {\n    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n  }\n\n  .animate-spin {\n    animation: var(--animate-spin);\n  }\n\n  .cursor-help {\n    cursor: help;\n  }\n\n  .cursor-pointer {\n    cursor: pointer;\n  }\n\n  .list-none {\n    list-style-type: none;\n  }\n\n  .flex-col {\n    flex-direction: column;\n  }\n\n  .flex-row-reverse {\n    flex-direction: row-reverse;\n  }\n\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n\n  .items-center {\n    align-items: center;\n  }\n\n  .justify-between {\n    justify-content: space-between;\n  }\n\n  .justify-center {\n    justify-content: center;\n  }\n\n  .justify-start {\n    justify-content: flex-start;\n  }\n\n  .gap-1 {\n    gap: var(--spacing);\n  }\n\n  .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n\n  .gap-3 {\n    gap: calc(var(--spacing) * 3);\n  }\n\n  .gap-5 {\n    gap: calc(var(--spacing) * 5);\n  }\n\n  .gap-x-3 {\n    column-gap: calc(var(--spacing) * 3);\n  }\n\n  .gap-y-5 {\n    row-gap: calc(var(--spacing) * 5);\n  }\n\n  .overflow-hidden {\n    overflow: hidden;\n  }\n\n  .overflow-x-auto {\n    overflow-x: auto;\n  }\n\n  .overflow-x-hidden {\n    overflow-x: hidden;\n  }\n\n  .overflow-y-auto {\n    overflow-y: auto;\n  }\n\n  .rounded {\n    border-radius: .25rem;\n  }\n\n  .rounded-full {\n    border-radius: 3.40282e38px;\n  }\n\n  .rounded-md {\n    border-radius: var(--radius-md);\n  }\n\n  .rounded-none {\n    border-radius: 0;\n  }\n\n  .rounded-sm {\n    border-radius: var(--radius-sm);\n  }\n\n  .rounded-r-xl {\n    border-top-right-radius: var(--radius-xl);\n    border-bottom-right-radius: var(--radius-xl);\n  }\n\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n\n  .border-t {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n\n  .border-r {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 1px;\n  }\n\n  .border-l {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 1px;\n  }\n\n  .\\!border-none {\n    --tw-border-style: none !important;\n    border-style: none !important;\n  }\n\n  .border-t-\\[\\#303030\\] {\n    border-top-color: #303030;\n  }\n\n  .border-t-colorBorderSecondary {\n    border-top-color: var(--oo-colorBorderSecondary);\n  }\n\n  .border-r-\\[\\#303030\\] {\n    border-right-color: #303030;\n  }\n\n  .border-r-colorBorderSecondary {\n    border-right-color: var(--oo-colorBorderSecondary);\n  }\n\n  .border-l-colorBorderSecondary {\n    border-left-color: var(--oo-colorBorderSecondary);\n  }\n\n  .bg-\\[\\#F3F4F5\\] {\n    background-color: #f3f4f5;\n  }\n\n  .bg-blue-500\\/20 {\n    background-color: rgb(var(--oo-blue-5));\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-blue-500\\/20 {\n      background-color: color-mix(in oklab, rgb(var(--oo-blue-5)) 20%, transparent);\n    }\n  }\n\n  .bg-blue-600 {\n    background-color: rgb(var(--oo-blue-6));\n  }\n\n  .bg-colorBgContainer {\n    background-color: var(--oo-colorBgContainer);\n  }\n\n  .bg-colorBgLayout {\n    background-color: var(--oo-colorBgLayout);\n  }\n\n  .bg-gray-100 {\n    background-color: #f5f5f5;\n  }\n\n  .bg-primary {\n    background-color: rgb(var(--oo-colorPrimary));\n  }\n\n  .bg-primaryActive {\n    background-color: rgb(var(--oo-colorPrimaryActive));\n  }\n\n  .object-cover {\n    object-fit: cover;\n  }\n\n  .p-0 {\n    padding: 0;\n  }\n\n  .p-1 {\n    padding: var(--spacing);\n  }\n\n  .p-2 {\n    padding: calc(var(--spacing) * 2);\n  }\n\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n\n  .px-0 {\n    padding-inline: 0;\n  }\n\n  .px-1 {\n    padding-inline: var(--spacing);\n  }\n\n  .px-1\\.5 {\n    padding-inline: calc(var(--spacing) * 1.5);\n  }\n\n  .px-2 {\n    padding-inline: calc(var(--spacing) * 2);\n  }\n\n  .px-2\\.75 {\n    padding-inline: calc(var(--spacing) * 2.75);\n  }\n\n  .px-3 {\n    padding-inline: calc(var(--spacing) * 3);\n  }\n\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n\n  .px-6 {\n    padding-inline: calc(var(--spacing) * 6);\n  }\n\n  .px-9 {\n    padding-inline: calc(var(--spacing) * 9);\n  }\n\n  .px-10 {\n    padding-inline: calc(var(--spacing) * 10);\n  }\n\n  .px-\\[11px\\] {\n    padding-inline: 11px;\n  }\n\n  .py-1 {\n    padding-block: var(--spacing);\n  }\n\n  .py-1\\.5 {\n    padding-block: calc(var(--spacing) * 1.5);\n  }\n\n  .py-2 {\n    padding-block: calc(var(--spacing) * 2);\n  }\n\n  .py-2\\.5 {\n    padding-block: calc(var(--spacing) * 2.5);\n  }\n\n  .py-4 {\n    padding-block: calc(var(--spacing) * 4);\n  }\n\n  .py-10 {\n    padding-block: calc(var(--spacing) * 10);\n  }\n\n  .pb-4 {\n    padding-bottom: calc(var(--spacing) * 4);\n  }\n\n  .pl-2 {\n    padding-left: calc(var(--spacing) * 2);\n  }\n\n  .text-center {\n    text-align: center;\n  }\n\n  .font-sans {\n    font-family: var(--font-sans);\n  }\n\n  .text-3xl {\n    font-size: var(--text-3xl);\n    line-height: var(--tw-leading, var(--text-3xl--line-height));\n  }\n\n  .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n\n  .text-\\[4rem\\] {\n    font-size: 4rem;\n  }\n\n  .leading-none {\n    --tw-leading: 1;\n    line-height: 1;\n  }\n\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n\n  .font-medium {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n\n  .tracking-tight {\n    --tw-tracking: var(--tracking-tight);\n    letter-spacing: var(--tracking-tight);\n  }\n\n  .text-colorBgContainer {\n    color: var(--oo-colorBgContainer);\n  }\n\n  .text-colorBgContainer\\! {\n    color: var(--oo-colorBgContainer) !important;\n  }\n\n  .text-colorText {\n    color: var(--oo-colorText);\n  }\n\n  .text-colorText\\! {\n    color: var(--oo-colorText) !important;\n  }\n\n  .text-colorTextSecondary {\n    color: var(--oo-colorTextSecondary);\n  }\n\n  .text-colorTextTertiary {\n    color: var(--oo-colorTextTertiary);\n  }\n\n  .opacity-50 {\n    opacity: .5;\n  }\n\n  .opacity-90 {\n    opacity: .9;\n  }\n\n  .outline, .outline-1 {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n\n  .outline-2 {\n    outline-style: var(--tw-outline-style);\n    outline-width: 2px;\n  }\n\n  .outline-blue-600 {\n    outline-color: rgb(var(--oo-blue-6));\n  }\n\n  .outline-gray-300 {\n    outline-color: #d9d9d9;\n  }\n\n  .filter {\n    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n  }\n\n  .transition {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-all {\n    transition-property: all;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .duration-300 {\n    --tw-duration: .3s;\n    transition-duration: .3s;\n  }\n\n  .ease-in {\n    --tw-ease: var(--ease-in);\n    transition-timing-function: var(--ease-in);\n  }\n\n  @media (hover: hover) {\n    .group-hover\\:animate-wiggle:is(:where(.group):hover *) {\n      animation: var(--animate-wiggle);\n    }\n\n    .group-hover\\:opacity-100:is(:where(.group):hover *) {\n      opacity: 1;\n    }\n  }\n\n  .before\\:absolute:before {\n    content: var(--tw-content);\n    position: absolute;\n  }\n\n  .before\\:top-1\\/2:before {\n    content: var(--tw-content);\n    top: 50%;\n  }\n\n  .before\\:left-1\\/2:before {\n    content: var(--tw-content);\n    left: 50%;\n  }\n\n  .before\\:h-0:before {\n    content: var(--tw-content);\n    height: 0;\n  }\n\n  .before\\:w-0:before {\n    content: var(--tw-content);\n    width: 0;\n  }\n\n  .before\\:rounded-sm:before {\n    content: var(--tw-content);\n    border-radius: var(--radius-sm);\n  }\n\n  .before\\:opacity-0:before {\n    content: var(--tw-content);\n    opacity: 0;\n  }\n\n  .before\\:outline:before {\n    content: var(--tw-content);\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n\n  .before\\:outline-2:before {\n    content: var(--tw-content);\n    outline-style: var(--tw-outline-style);\n    outline-width: 2px;\n  }\n\n  .before\\:outline-transparent:before {\n    content: var(--tw-content);\n    outline-color: #0000;\n  }\n\n  .before\\:transition-all:before {\n    content: var(--tw-content);\n    transition-property: all;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .before\\:duration-300:before {\n    content: var(--tw-content);\n    --tw-duration: .3s;\n    transition-duration: .3s;\n  }\n\n  .before\\:content-\\[\\'\\'\\]:before {\n    --tw-content: \"\";\n    content: var(--tw-content);\n  }\n\n  .last\\:mr-auto:last-child {\n    margin-right: auto;\n  }\n\n  @media (hover: hover) {\n    .hover\\:bg-gray-100:hover {\n      background-color: #f5f5f5;\n    }\n\n    .hover\\:text-colorText:hover {\n      color: var(--oo-colorText);\n    }\n  }\n\n  .before\\:hover\\:top-0:before {\n    content: var(--tw-content);\n  }\n\n  @media (hover: hover) {\n    .before\\:hover\\:top-0:before:hover {\n      top: 0;\n    }\n  }\n\n  .before\\:hover\\:left-0:before {\n    content: var(--tw-content);\n  }\n\n  @media (hover: hover) {\n    .before\\:hover\\:left-0:before:hover {\n      left: 0;\n    }\n  }\n\n  .before\\:hover\\:h-full:before {\n    content: var(--tw-content);\n  }\n\n  @media (hover: hover) {\n    .before\\:hover\\:h-full:before:hover {\n      height: 100%;\n    }\n  }\n\n  .before\\:hover\\:w-full:before {\n    content: var(--tw-content);\n  }\n\n  @media (hover: hover) {\n    .before\\:hover\\:w-full:before:hover {\n      width: 100%;\n    }\n  }\n\n  .before\\:hover\\:p-1:before {\n    content: var(--tw-content);\n  }\n\n  @media (hover: hover) {\n    .before\\:hover\\:p-1:before:hover {\n      padding: var(--spacing);\n    }\n  }\n\n  .before\\:hover\\:opacity-100:before {\n    content: var(--tw-content);\n  }\n\n  @media (hover: hover) {\n    .before\\:hover\\:opacity-100:before:hover {\n      opacity: 1;\n    }\n  }\n\n  .before\\:hover\\:outline-blue-600:before {\n    content: var(--tw-content);\n  }\n\n  @media (hover: hover) {\n    .before\\:hover\\:outline-blue-600:before:hover {\n      outline-color: rgb(var(--oo-blue-6));\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .motion-safe\\:animate-bounce-in-down-out-up {\n      animation: var(--animate-bounce-in-down-out-up);\n    }\n  }\n\n  @media (min-width: 576px) {\n    .sm\\:mx-auto {\n      margin-inline: auto;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .md\\:mr-2\\.5 {\n      margin-right: calc(var(--spacing) * 2.5);\n    }\n\n    .md\\:block {\n      display: block;\n    }\n\n    .md\\:w-3\\/12 {\n      width: 25%;\n    }\n\n    .md\\:w-96 {\n      width: calc(var(--spacing) * 96);\n    }\n\n    .md\\:max-w-md {\n      max-width: var(--container-md);\n    }\n\n    .md\\:bg-colorBgLayout {\n      background-color: var(--oo-colorBgLayout);\n    }\n\n    .md\\:px-4 {\n      padding-inline: calc(var(--spacing) * 4);\n    }\n\n    .md\\:pb-0 {\n      padding-bottom: 0;\n    }\n\n    .md\\:text-sm {\n      font-size: var(--text-sm);\n      line-height: var(--tw-leading, var(--text-sm--line-height));\n    }\n  }\n\n  @media (min-width: 992px) {\n    .lg\\:text-2xl {\n      font-size: var(--text-2xl);\n      line-height: var(--tw-leading, var(--text-2xl--line-height));\n    }\n  }\n\n  @media (min-width: 1200px) {\n    .xl\\:w-2\\/12 {\n      width: 16.6667%;\n    }\n\n    .xl\\:px-8 {\n      padding-inline: calc(var(--spacing) * 8);\n    }\n  }\n\n  .dark\\:bg-\\[\\#26313C\\]:where(.dark, .dark *) {\n    background-color: #26313c;\n  }\n\n  .dark\\:bg-black:where(.dark, .dark *) {\n    background-color: #000;\n  }\n\n  .dark\\:bg-gray-700:where(.dark, .dark *) {\n    background-color: #434343;\n  }\n\n  .dark\\:outline-blue-700:where(.dark, .dark *) {\n    outline-color: rgb(var(--oo-blue-7));\n  }\n\n  .dark\\:outline-gray-700:where(.dark, .dark *) {\n    outline-color: #434343;\n  }\n\n  @media (hover: hover) {\n    .dark\\:hover\\:bg-gray-700:where(.dark, .dark *):hover {\n      background-color: #434343;\n    }\n  }\n\n  .dark\\:before\\:hover\\:outline-blue-700:where(.dark, .dark *):before {\n    content: var(--tw-content);\n  }\n\n  @media (hover: hover) {\n    .dark\\:before\\:hover\\:outline-blue-700:where(.dark, .dark *):before:hover {\n      outline-color: rgb(var(--oo-blue-7));\n    }\n  }\n\n  .en-US\\:gap-y-3:where(:lang(en-US)) {\n    row-gap: calc(var(--spacing) * 3);\n  }\n\n  .en-US\\:text-\\[9rem\\]:where(:lang(en-US)) {\n    font-size: 9rem;\n  }\n\n  .zh-CN\\:hidden:where(:lang(zh-CN)) {\n    display: none;\n  }\n}\n\n@keyframes fade-in {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes fade-out {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n\n@keyframes slide-in {\n  from {\n    transform: translateX(-30px);\n  }\n\n  to {\n    transform: translateX(0);\n  }\n}\n\n@keyframes slide-out {\n  from {\n    transform: translateX(0);\n  }\n\n  to {\n    transform: translateX(30px);\n  }\n}\n\n@keyframes slide-top-in {\n  from {\n    transform: translateY(-10%);\n  }\n\n  to {\n    transform: translateY(0);\n  }\n}\n\n@keyframes slide-top-out {\n  from {\n    transform: translateY(0);\n  }\n\n  to {\n    transform: translateY(-10%);\n  }\n}\n\n@keyframes slide-bottom-in {\n  from {\n    transform: translateY(10%);\n  }\n\n  to {\n    transform: translateY(0);\n  }\n}\n\n@keyframes slide-bottom-out {\n  from {\n    transform: translateY(0);\n  }\n\n  to {\n    transform: translateY(10%);\n  }\n}\n\n@keyframes fade-slide {\n  0% {\n    opacity: 0;\n    transform: translate(-30px);\n  }\n\n  50% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n    transform: translate(30px);\n  }\n}\n\n@keyframes fade-up {\n  0% {\n    opacity: 0;\n    transform: translateY(10%);\n  }\n\n  50% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n    transform: translateY(-10%);\n  }\n}\n\n@keyframes fade-down {\n  0% {\n    opacity: 0;\n    transform: translateY(-10%);\n  }\n\n  50% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n    transform: translateY(10%);\n  }\n}\n\n.fade-slide {\n  animation: 3s linear infinite fade-slide;\n}\n\n.fade {\n  animation: 3s linear infinite alternate fade-in;\n}\n\n.fade-up {\n  animation: 3s infinite fade-up;\n}\n\n.fade-down {\n  animation: 3s infinite fade-down;\n}\n\n@keyframes zoom-in {\n  0% {\n    transform: scale(.8);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes zoom-out {\n  0% {\n    transform: scale(1);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale(1.25);\n  }\n}\n\n@keyframes fade-zoom {\n  0% {\n    opacity: 0;\n    transform: scale(.8);\n  }\n\n  50% {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  100% {\n    opacity: 0;\n    transform: scale(1.25);\n  }\n}\n\n.fade-zoom {\n  animation: 3s infinite fade-zoom;\n}\n\n.keepalive-fade.active {\n  animation: .3s ease-in-out fade-in;\n}\n\n.keepalive-fade.inactive {\n  animation: .3s ease-in-out fade-out;\n}\n\n.keepalive-fade-slide.active {\n  animation: .3s ease-in-out fade-in, .3s ease-in-out slide-in;\n}\n\n.keepalive-fade-slide.inactive {\n  animation: .3s ease-in-out fade-out, .3s ease-in-out slide-out;\n}\n\n.keepalive-fade-up.active {\n  animation: .3s ease-in-out fade-in, .3s ease-in-out slide-bottom-in;\n}\n\n.keepalive-fade-up.inactive {\n  animation: .3s ease-in-out fade-out, .3s ease-in-out slide-top-out;\n}\n\n.keepalive-fade-down.active {\n  animation: .3s ease-in-out fade-in, .3s ease-in-out slide-top-in;\n}\n\n.keepalive-fade-down.inactive {\n  animation: .3s ease-in-out fade-out, .3s ease-in-out slide-bottom-out;\n}\n\n.keepalive-fade-zoom.active {\n  animation: .3s ease-in-out zoom-in, .3s ease-in-out zoom-in;\n}\n\n.keepalive-fade-zoom.inactive {\n  animation: .3s ease-in-out zoom-out, .3s ease-in-out fade-out;\n}\n\n@property --tw-blur {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-brightness {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-contrast {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-grayscale {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-hue-rotate {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-invert {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-opacity {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-saturate {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-sepia {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-drop-shadow {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-drop-shadow-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-drop-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-drop-shadow-size {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-scale-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n\n@property --tw-scale-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n\n@property --tw-scale-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n\n@property --tw-rotate-x {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-rotate-y {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-rotate-z {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-skew-x {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-skew-y {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-leading {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-tracking {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-ease {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-content {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: \"\";\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes wiggle {\n  0%, 100% {\n    transform-origin: top;\n  }\n\n  15% {\n    transform: rotateZ(10deg);\n  }\n\n  30% {\n    transform: rotateZ(-10deg);\n  }\n\n  45% {\n    transform: rotateZ(5deg);\n  }\n\n  60% {\n    transform: rotateZ(-5deg);\n  }\n\n  75% {\n    transform: rotateZ(2deg);\n  }\n}\n\n@keyframes bounce-in-down-out-up {\n  0% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translateY(-20px);\n  }\n\n  100% {\n    transform: translateY(0);\n  }\n}\n\n@layer properties {\n  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    *, :before, :after, ::backdrop {\n      --tw-blur: initial;\n      --tw-brightness: initial;\n      --tw-contrast: initial;\n      --tw-grayscale: initial;\n      --tw-hue-rotate: initial;\n      --tw-invert: initial;\n      --tw-opacity: initial;\n      --tw-saturate: initial;\n      --tw-sepia: initial;\n      --tw-drop-shadow: initial;\n      --tw-drop-shadow-color: initial;\n      --tw-drop-shadow-alpha: 100%;\n      --tw-drop-shadow-size: initial;\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-scale-x: 1;\n      --tw-scale-y: 1;\n      --tw-scale-z: 1;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-border-style: solid;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-tracking: initial;\n      --tw-outline-style: solid;\n      --tw-duration: initial;\n      --tw-ease: initial;\n      --tw-content: \"\";\n    }\n  }\n}\n/*$vite$:1*/";
+	s.textContent = "\n@layer properties, reset, antd;\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer reset{\n/* stylelint-disable */\nhtml,\nbody {\n  width: 100%;\n  height: 100%;\n}\ninput::-ms-clear,\ninput::-ms-reveal {\n  display: none;\n}\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\nhtml {\n  font-family: sans-serif;\n  line-height: 1.15;\n  -webkit-text-size-adjust: 100%;\n  -ms-text-size-adjust: 100%;\n  -ms-overflow-style: scrollbar;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\nbody {\n  margin: 0;\n}\n[tabindex='-1']:focus {\n  outline: none;\n}\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: 0.5em;\n  font-weight: 500;\n}\np {\n  margin-top: 0;\n  margin-bottom: 1em;\n}\nabbr[title],\nabbr[data-original-title] {\n  -webkit-text-decoration: underline dotted;\n  text-decoration: underline dotted;\n  border-bottom: 0;\n  cursor: help;\n}\naddress {\n  margin-bottom: 1em;\n  font-style: normal;\n  line-height: inherit;\n}\ninput[type='text'],\ninput[type='password'],\ninput[type='number'],\ntextarea {\n  -webkit-appearance: none;\n}\nol,\nul,\ndl {\n  margin-top: 0;\n  margin-bottom: 1em;\n}\nol ol,\nul ul,\nol ul,\nul ol {\n  margin-bottom: 0;\n}\ndt {\n  font-weight: 500;\n}\ndd {\n  margin-bottom: 0.5em;\n  margin-left: 0;\n}\nblockquote {\n  margin: 0 0 1em;\n}\ndfn {\n  font-style: italic;\n}\nb,\nstrong {\n  font-weight: bolder;\n}\nsmall {\n  font-size: 80%;\n}\nsub,\nsup {\n  position: relative;\n  font-size: 75%;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\npre,\ncode,\nkbd,\nsamp {\n  font-size: 1em;\n  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;\n}\npre {\n  margin-top: 0;\n  margin-bottom: 1em;\n  overflow: auto;\n}\nfigure {\n  margin: 0 0 1em;\n}\nimg {\n  vertical-align: middle;\n  border-style: none;\n}\na,\narea,\nbutton,\n[role='button'],\ninput:not([type='range']),\nlabel,\nselect,\nsummary,\ntextarea {\n  touch-action: manipulation;\n}\ntable {\n  border-collapse: collapse;\n}\ncaption {\n  padding-top: 0.75em;\n  padding-bottom: 0.3em;\n  text-align: left;\n  caption-side: bottom;\n}\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n  margin: 0;\n  color: inherit;\n  font-size: inherit;\n  font-family: inherit;\n  line-height: inherit;\n}\nbutton,\ninput {\n  overflow: visible;\n}\nbutton,\nselect {\n  text-transform: none;\n}\nbutton,\nhtml [type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button;\n}\nbutton::-moz-focus-inner,\n[type='button']::-moz-focus-inner,\n[type='reset']::-moz-focus-inner,\n[type='submit']::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\ninput[type='radio'],\ninput[type='checkbox'] {\n  box-sizing: border-box;\n  padding: 0;\n}\ninput[type='date'],\ninput[type='time'],\ninput[type='datetime-local'],\ninput[type='month'] {\n  -webkit-appearance: listbox;\n}\ntextarea {\n  overflow: auto;\n  resize: vertical;\n}\nfieldset {\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\nlegend {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  margin-bottom: 0.5em;\n  padding: 0;\n  color: inherit;\n  font-size: 1.5em;\n  line-height: inherit;\n  white-space: normal;\n}\nprogress {\n  vertical-align: baseline;\n}\n[type='number']::-webkit-inner-spin-button,\n[type='number']::-webkit-outer-spin-button {\n  height: auto;\n}\n[type='search'] {\n  outline-offset: -2px;\n  -webkit-appearance: none;\n}\n[type='search']::-webkit-search-cancel-button,\n[type='search']::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n::-webkit-file-upload-button {\n  font: inherit;\n  -webkit-appearance: button;\n}\noutput {\n  display: inline-block;\n}\nsummary {\n  display: list-item;\n}\ntemplate {\n  display: none;\n}\n[hidden] {\n  display: none !important;\n}\n}\n@layer simplebar{\n[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}\n}\n@layer simplebar {\n  .simplebar-scrollbar:before {\n    background-color: #909399;\n  }\n\n  .simplebar-content {\n    height: 100%;\n  }\n}\n\n#root {\n  height: 100vh;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n}\n\nhtml.color-blind-mode {\n  --tw-invert: invert(100%);\n  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n}\n\nhtml.gray-mode {\n  --tw-grayscale: grayscale(100%);\n  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n}\n\n@layer theme {\n  :root, :host {\n    --font-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial,\n    sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    --spacing: .25rem;\n    --container-md: 28rem;\n    --text-xs: .75rem;\n    --text-xs--line-height: calc(1 / .75);\n    --text-sm: .875rem;\n    --text-sm--line-height: calc(1.25 / .875);\n    --text-lg: 1.125rem;\n    --text-lg--line-height: calc(1.75 / 1.125);\n    --text-xl: 1.25rem;\n    --text-xl--line-height: calc(1.75 / 1.25);\n    --text-2xl: 1.5rem;\n    --text-2xl--line-height: calc(2 / 1.5);\n    --text-3xl: 1.875rem;\n    --text-3xl--line-height: calc(2.25 / 1.875);\n    --font-weight-medium: 500;\n    --font-weight-semibold: 600;\n    --font-weight-bold: 700;\n    --tracking-tight: -.025em;\n    --radius-sm: .25rem;\n    --radius-md: .375rem;\n    --radius-xl: .75rem;\n    --ease-in: cubic-bezier(.4, 0, 1, 1);\n    --animate-spin: spin 1s linear infinite;\n    --default-transition-duration: .15s;\n    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n    --animate-wiggle: wiggle 1s both;\n    --animate-bounce-in-down-out-up: bounce-in-down-out-up 4s ease-in-out 0s infinite;\n  }\n}\n\n@layer base, components;\n\n@layer utilities {\n  .visible {\n    visibility: visible;\n  }\n\n  .absolute {\n    position: absolute;\n  }\n\n  .fixed {\n    position: fixed;\n  }\n\n  .relative {\n    position: relative;\n  }\n\n  .static {\n    position: static;\n  }\n\n  .top-0 {\n    top: 0;\n  }\n\n  .top-1\\.5 {\n    top: calc(var(--spacing) * 1.5);\n  }\n\n  .top-2 {\n    top: calc(var(--spacing) * 2);\n  }\n\n  .top-3 {\n    top: calc(var(--spacing) * 3);\n  }\n\n  .right-2 {\n    right: calc(var(--spacing) * 2);\n  }\n\n  .right-3 {\n    right: calc(var(--spacing) * 3);\n  }\n\n  .right-4 {\n    right: calc(var(--spacing) * 4);\n  }\n\n  .bottom-0 {\n    bottom: 0;\n  }\n\n  .bottom-3 {\n    bottom: calc(var(--spacing) * 3);\n  }\n\n  .left-0 {\n    left: 0;\n  }\n\n  .left-1\\/2 {\n    left: 50%;\n  }\n\n  .left-3 {\n    left: calc(var(--spacing) * 3);\n  }\n\n  .z-10 {\n    z-index: 10;\n  }\n\n  .container {\n    width: 100%;\n  }\n\n  @media (min-width: 480px) {\n    .container {\n      max-width: 480px;\n    }\n  }\n\n  @media (min-width: 576px) {\n    .container {\n      max-width: 576px;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .container {\n      max-width: 768px;\n    }\n  }\n\n  @media (min-width: 992px) {\n    .container {\n      max-width: 992px;\n    }\n  }\n\n  @media (min-width: 1200px) {\n    .container {\n      max-width: 1200px;\n    }\n  }\n\n  @media (min-width: 1600px) {\n    .container {\n      max-width: 1600px;\n    }\n  }\n\n  .m-0 {\n    margin: 0;\n  }\n\n  .m-152 {\n    margin: calc(var(--spacing) * 152);\n  }\n\n  .mx-3 {\n    margin-inline: calc(var(--spacing) * 3);\n  }\n\n  .mx-4 {\n    margin-inline: calc(var(--spacing) * 4);\n  }\n\n  .mx-auto {\n    margin-inline: auto;\n  }\n\n  .my-0 {\n    margin-block: 0;\n  }\n\n  .my-1 {\n    margin-block: var(--spacing);\n  }\n\n  .my-4 {\n    margin-block: calc(var(--spacing) * 4);\n  }\n\n  .my-8 {\n    margin-block: calc(var(--spacing) * 8);\n  }\n\n  .mt-2 {\n    margin-top: calc(var(--spacing) * 2);\n  }\n\n  .mt-2\\.5 {\n    margin-top: calc(var(--spacing) * 2.5);\n  }\n\n  .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n\n  .mt-6 {\n    margin-top: calc(var(--spacing) * 6);\n  }\n\n  .mr-2 {\n    margin-right: calc(var(--spacing) * 2);\n  }\n\n  .mr-3 {\n    margin-right: calc(var(--spacing) * 3);\n  }\n\n  .mr-8 {\n    margin-right: calc(var(--spacing) * 8);\n  }\n\n  .mr-17 {\n    margin-right: calc(var(--spacing) * 17);\n  }\n\n  .mb-0 {\n    margin-bottom: 0;\n  }\n\n  .mb-2 {\n    margin-bottom: calc(var(--spacing) * 2);\n  }\n\n  .mb-3 {\n    margin-bottom: calc(var(--spacing) * 3);\n  }\n\n  .mb-6 {\n    margin-bottom: calc(var(--spacing) * 6);\n  }\n\n  .ml-1 {\n    margin-left: var(--spacing);\n  }\n\n  .ml-2 {\n    margin-left: calc(var(--spacing) * 2);\n  }\n\n  .ml-4 {\n    margin-left: calc(var(--spacing) * 4);\n  }\n\n  .box-border {\n    box-sizing: border-box;\n  }\n\n  .line-clamp-2 {\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    display: -webkit-box;\n    overflow: hidden;\n  }\n\n  .block {\n    display: block;\n  }\n\n  .flex {\n    display: flex;\n  }\n\n  .hidden {\n    display: none;\n  }\n\n  .inline {\n    display: inline;\n  }\n\n  .inline-block {\n    display: inline-block;\n  }\n\n  .table {\n    display: table;\n  }\n\n  .aspect-square {\n    aspect-ratio: 1;\n  }\n\n  .size-5 {\n    width: calc(var(--spacing) * 5);\n    height: calc(var(--spacing) * 5);\n  }\n\n  .h-2 {\n    height: calc(var(--spacing) * 2);\n  }\n\n  .h-5 {\n    height: calc(var(--spacing) * 5);\n  }\n\n  .h-10 {\n    height: calc(var(--spacing) * 10);\n  }\n\n  .h-64 {\n    height: calc(var(--spacing) * 64);\n  }\n\n  .h-\\[0\\.63em\\] {\n    height: .63em;\n  }\n\n  .h-full {\n    height: 100%;\n  }\n\n  .h-screen {\n    height: 100vh;\n  }\n\n  .min-h-0 {\n    min-height: 0;\n  }\n\n  .w-1\\/3 {\n    width: 33.3333%;\n  }\n\n  .w-2 {\n    width: calc(var(--spacing) * 2);\n  }\n\n  .w-2\\/5 {\n    width: 40%;\n  }\n\n  .w-7\\/12 {\n    width: 58.3333%;\n  }\n\n  .w-10 {\n    width: calc(var(--spacing) * 10);\n  }\n\n  .w-11 {\n    width: calc(var(--spacing) * 11);\n  }\n\n  .w-12 {\n    width: calc(var(--spacing) * 12);\n  }\n\n  .w-40 {\n    width: calc(var(--spacing) * 40);\n  }\n\n  .w-72 {\n    width: calc(var(--spacing) * 72);\n  }\n\n  .w-full {\n    width: 100%;\n  }\n\n  .max-w-90 {\n    max-width: calc(var(--spacing) * 90);\n  }\n\n  .min-w-0 {\n    min-width: 0;\n  }\n\n  .flex-1 {\n    flex: 1;\n  }\n\n  .flex-auto {\n    flex: auto;\n  }\n\n  .flex-shrink-0, .shrink-0 {\n    flex-shrink: 0;\n  }\n\n  .grow {\n    flex-grow: 1;\n  }\n\n  .-translate-x-1\\/2 {\n    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .scale-75 {\n    --tw-scale-x: 75%;\n    --tw-scale-y: 75%;\n    --tw-scale-z: 75%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n\n  .transform {\n    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n  }\n\n  .animate-spin {\n    animation: var(--animate-spin);\n  }\n\n  .cursor-help {\n    cursor: help;\n  }\n\n  .cursor-pointer {\n    cursor: pointer;\n  }\n\n  .list-none {\n    list-style-type: none;\n  }\n\n  .flex-col {\n    flex-direction: column;\n  }\n\n  .flex-row-reverse {\n    flex-direction: row-reverse;\n  }\n\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n\n  .items-center {\n    align-items: center;\n  }\n\n  .justify-between {\n    justify-content: space-between;\n  }\n\n  .justify-center {\n    justify-content: center;\n  }\n\n  .justify-start {\n    justify-content: flex-start;\n  }\n\n  .gap-1 {\n    gap: var(--spacing);\n  }\n\n  .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n\n  .gap-3 {\n    gap: calc(var(--spacing) * 3);\n  }\n\n  .gap-5 {\n    gap: calc(var(--spacing) * 5);\n  }\n\n  .gap-x-3 {\n    column-gap: calc(var(--spacing) * 3);\n  }\n\n  .gap-y-5 {\n    row-gap: calc(var(--spacing) * 5);\n  }\n\n  .overflow-hidden {\n    overflow: hidden;\n  }\n\n  .overflow-x-auto {\n    overflow-x: auto;\n  }\n\n  .overflow-x-hidden {\n    overflow-x: hidden;\n  }\n\n  .overflow-y-auto {\n    overflow-y: auto;\n  }\n\n  .rounded {\n    border-radius: .25rem;\n  }\n\n  .rounded-full {\n    border-radius: 3.40282e38px;\n  }\n\n  .rounded-md {\n    border-radius: var(--radius-md);\n  }\n\n  .rounded-none {\n    border-radius: 0;\n  }\n\n  .rounded-sm {\n    border-radius: var(--radius-sm);\n  }\n\n  .rounded-r-xl {\n    border-top-right-radius: var(--radius-xl);\n    border-bottom-right-radius: var(--radius-xl);\n  }\n\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n\n  .border-t {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n\n  .border-r {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 1px;\n  }\n\n  .border-l {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 1px;\n  }\n\n  .\\!border-none {\n    --tw-border-style: none !important;\n    border-style: none !important;\n  }\n\n  .border-t-\\[\\#303030\\] {\n    border-top-color: #303030;\n  }\n\n  .border-t-colorBorderSecondary {\n    border-top-color: var(--oo-colorBorderSecondary);\n  }\n\n  .border-r-\\[\\#303030\\] {\n    border-right-color: #303030;\n  }\n\n  .border-r-colorBorderSecondary {\n    border-right-color: var(--oo-colorBorderSecondary);\n  }\n\n  .border-l-colorBorderSecondary {\n    border-left-color: var(--oo-colorBorderSecondary);\n  }\n\n  .bg-\\[\\#F3F4F5\\] {\n    background-color: #f3f4f5;\n  }\n\n  .bg-blue-500\\/20 {\n    background-color: rgb(var(--oo-blue-5));\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-blue-500\\/20 {\n      background-color: color-mix(in oklab, rgb(var(--oo-blue-5)) 20%, transparent);\n    }\n  }\n\n  .bg-blue-600 {\n    background-color: rgb(var(--oo-blue-6));\n  }\n\n  .bg-colorBgContainer {\n    background-color: var(--oo-colorBgContainer);\n  }\n\n  .bg-colorBgLayout {\n    background-color: var(--oo-colorBgLayout);\n  }\n\n  .bg-gray-100 {\n    background-color: #f5f5f5;\n  }\n\n  .bg-gray-200 {\n    background-color: #f0f0f0;\n  }\n\n  .bg-primary {\n    background-color: rgb(var(--oo-colorPrimary));\n  }\n\n  .bg-primaryActive {\n    background-color: rgb(var(--oo-colorPrimaryActive));\n  }\n\n  .object-cover {\n    object-fit: cover;\n  }\n\n  .p-0 {\n    padding: 0;\n  }\n\n  .p-1 {\n    padding: var(--spacing);\n  }\n\n  .p-2 {\n    padding: calc(var(--spacing) * 2);\n  }\n\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n\n  .px-0 {\n    padding-inline: 0;\n  }\n\n  .px-1 {\n    padding-inline: var(--spacing);\n  }\n\n  .px-1\\.5 {\n    padding-inline: calc(var(--spacing) * 1.5);\n  }\n\n  .px-2 {\n    padding-inline: calc(var(--spacing) * 2);\n  }\n\n  .px-2\\.75 {\n    padding-inline: calc(var(--spacing) * 2.75);\n  }\n\n  .px-3 {\n    padding-inline: calc(var(--spacing) * 3);\n  }\n\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n\n  .px-6 {\n    padding-inline: calc(var(--spacing) * 6);\n  }\n\n  .px-9 {\n    padding-inline: calc(var(--spacing) * 9);\n  }\n\n  .px-10 {\n    padding-inline: calc(var(--spacing) * 10);\n  }\n\n  .px-\\[11px\\] {\n    padding-inline: 11px;\n  }\n\n  .py-1 {\n    padding-block: var(--spacing);\n  }\n\n  .py-1\\.5 {\n    padding-block: calc(var(--spacing) * 1.5);\n  }\n\n  .py-2 {\n    padding-block: calc(var(--spacing) * 2);\n  }\n\n  .py-2\\.5 {\n    padding-block: calc(var(--spacing) * 2.5);\n  }\n\n  .py-4 {\n    padding-block: calc(var(--spacing) * 4);\n  }\n\n  .py-10 {\n    padding-block: calc(var(--spacing) * 10);\n  }\n\n  .pb-4 {\n    padding-bottom: calc(var(--spacing) * 4);\n  }\n\n  .pl-2 {\n    padding-left: calc(var(--spacing) * 2);\n  }\n\n  .text-center {\n    text-align: center;\n  }\n\n  .font-sans {\n    font-family: var(--font-sans);\n  }\n\n  .text-3xl {\n    font-size: var(--text-3xl);\n    line-height: var(--tw-leading, var(--text-3xl--line-height));\n  }\n\n  .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n\n  .text-\\[4rem\\] {\n    font-size: 4rem;\n  }\n\n  .leading-none {\n    --tw-leading: 1;\n    line-height: 1;\n  }\n\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n\n  .font-medium {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n\n  .tracking-tight {\n    --tw-tracking: var(--tracking-tight);\n    letter-spacing: var(--tracking-tight);\n  }\n\n  .text-colorBgContainer {\n    color: var(--oo-colorBgContainer);\n  }\n\n  .text-colorBgContainer\\! {\n    color: var(--oo-colorBgContainer) !important;\n  }\n\n  .text-colorText {\n    color: var(--oo-colorText);\n  }\n\n  .text-colorText\\! {\n    color: var(--oo-colorText) !important;\n  }\n\n  .text-colorTextSecondary {\n    color: var(--oo-colorTextSecondary);\n  }\n\n  .text-colorTextTertiary {\n    color: var(--oo-colorTextTertiary);\n  }\n\n  .text-gray-500 {\n    color: #8c8c8c;\n  }\n\n  .opacity-50 {\n    opacity: .5;\n  }\n\n  .opacity-90 {\n    opacity: .9;\n  }\n\n  .outline, .outline-1 {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n\n  .outline-2 {\n    outline-style: var(--tw-outline-style);\n    outline-width: 2px;\n  }\n\n  .outline-blue-600 {\n    outline-color: rgb(var(--oo-blue-6));\n  }\n\n  .outline-gray-300 {\n    outline-color: #d9d9d9;\n  }\n\n  .filter {\n    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n  }\n\n  .transition {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-all {\n    transition-property: all;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .duration-300 {\n    --tw-duration: .3s;\n    transition-duration: .3s;\n  }\n\n  .ease-in {\n    --tw-ease: var(--ease-in);\n    transition-timing-function: var(--ease-in);\n  }\n\n  @media (hover: hover) {\n    .group-hover\\:animate-wiggle:is(:where(.group):hover *) {\n      animation: var(--animate-wiggle);\n    }\n\n    .group-hover\\:opacity-100:is(:where(.group):hover *) {\n      opacity: 1;\n    }\n  }\n\n  .before\\:absolute:before {\n    content: var(--tw-content);\n    position: absolute;\n  }\n\n  .before\\:top-1\\/2:before {\n    content: var(--tw-content);\n    top: 50%;\n  }\n\n  .before\\:left-1\\/2:before {\n    content: var(--tw-content);\n    left: 50%;\n  }\n\n  .before\\:h-0:before {\n    content: var(--tw-content);\n    height: 0;\n  }\n\n  .before\\:w-0:before {\n    content: var(--tw-content);\n    width: 0;\n  }\n\n  .before\\:rounded-sm:before {\n    content: var(--tw-content);\n    border-radius: var(--radius-sm);\n  }\n\n  .before\\:opacity-0:before {\n    content: var(--tw-content);\n    opacity: 0;\n  }\n\n  .before\\:outline:before {\n    content: var(--tw-content);\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n\n  .before\\:outline-2:before {\n    content: var(--tw-content);\n    outline-style: var(--tw-outline-style);\n    outline-width: 2px;\n  }\n\n  .before\\:outline-transparent:before {\n    content: var(--tw-content);\n    outline-color: #0000;\n  }\n\n  .before\\:transition-all:before {\n    content: var(--tw-content);\n    transition-property: all;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .before\\:duration-300:before {\n    content: var(--tw-content);\n    --tw-duration: .3s;\n    transition-duration: .3s;\n  }\n\n  .before\\:content-\\[\\'\\'\\]:before {\n    --tw-content: \"\";\n    content: var(--tw-content);\n  }\n\n  .last\\:mr-auto:last-child {\n    margin-right: auto;\n  }\n\n  @media (hover: hover) {\n    .hover\\:bg-gray-100:hover {\n      background-color: #f5f5f5;\n    }\n\n    .hover\\:text-colorText:hover {\n      color: var(--oo-colorText);\n    }\n  }\n\n  .before\\:hover\\:top-0:before {\n    content: var(--tw-content);\n  }\n\n  @media (hover: hover) {\n    .before\\:hover\\:top-0:before:hover {\n      top: 0;\n    }\n  }\n\n  .before\\:hover\\:left-0:before {\n    content: var(--tw-content);\n  }\n\n  @media (hover: hover) {\n    .before\\:hover\\:left-0:before:hover {\n      left: 0;\n    }\n  }\n\n  .before\\:hover\\:h-full:before {\n    content: var(--tw-content);\n  }\n\n  @media (hover: hover) {\n    .before\\:hover\\:h-full:before:hover {\n      height: 100%;\n    }\n  }\n\n  .before\\:hover\\:w-full:before {\n    content: var(--tw-content);\n  }\n\n  @media (hover: hover) {\n    .before\\:hover\\:w-full:before:hover {\n      width: 100%;\n    }\n  }\n\n  .before\\:hover\\:p-1:before {\n    content: var(--tw-content);\n  }\n\n  @media (hover: hover) {\n    .before\\:hover\\:p-1:before:hover {\n      padding: var(--spacing);\n    }\n  }\n\n  .before\\:hover\\:opacity-100:before {\n    content: var(--tw-content);\n  }\n\n  @media (hover: hover) {\n    .before\\:hover\\:opacity-100:before:hover {\n      opacity: 1;\n    }\n  }\n\n  .before\\:hover\\:outline-blue-600:before {\n    content: var(--tw-content);\n  }\n\n  @media (hover: hover) {\n    .before\\:hover\\:outline-blue-600:before:hover {\n      outline-color: rgb(var(--oo-blue-6));\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .motion-safe\\:animate-bounce-in-down-out-up {\n      animation: var(--animate-bounce-in-down-out-up);\n    }\n  }\n\n  @media (min-width: 576px) {\n    .sm\\:mx-auto {\n      margin-inline: auto;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .md\\:mr-2\\.5 {\n      margin-right: calc(var(--spacing) * 2.5);\n    }\n\n    .md\\:block {\n      display: block;\n    }\n\n    .md\\:w-3\\/12 {\n      width: 25%;\n    }\n\n    .md\\:w-96 {\n      width: calc(var(--spacing) * 96);\n    }\n\n    .md\\:max-w-md {\n      max-width: var(--container-md);\n    }\n\n    .md\\:bg-colorBgLayout {\n      background-color: var(--oo-colorBgLayout);\n    }\n\n    .md\\:px-4 {\n      padding-inline: calc(var(--spacing) * 4);\n    }\n\n    .md\\:pb-0 {\n      padding-bottom: 0;\n    }\n\n    .md\\:text-sm {\n      font-size: var(--text-sm);\n      line-height: var(--tw-leading, var(--text-sm--line-height));\n    }\n  }\n\n  @media (min-width: 992px) {\n    .lg\\:text-2xl {\n      font-size: var(--text-2xl);\n      line-height: var(--tw-leading, var(--text-2xl--line-height));\n    }\n  }\n\n  @media (min-width: 1200px) {\n    .xl\\:w-2\\/12 {\n      width: 16.6667%;\n    }\n\n    .xl\\:px-8 {\n      padding-inline: calc(var(--spacing) * 8);\n    }\n  }\n\n  .dark\\:bg-\\[\\#26313C\\]:where(.dark, .dark *) {\n    background-color: #26313c;\n  }\n\n  .dark\\:bg-black:where(.dark, .dark *) {\n    background-color: #000;\n  }\n\n  .dark\\:bg-gray-700:where(.dark, .dark *) {\n    background-color: #434343;\n  }\n\n  .dark\\:outline-blue-700:where(.dark, .dark *) {\n    outline-color: rgb(var(--oo-blue-7));\n  }\n\n  .dark\\:outline-gray-700:where(.dark, .dark *) {\n    outline-color: #434343;\n  }\n\n  @media (hover: hover) {\n    .dark\\:hover\\:bg-gray-700:where(.dark, .dark *):hover {\n      background-color: #434343;\n    }\n  }\n\n  .dark\\:before\\:hover\\:outline-blue-700:where(.dark, .dark *):before {\n    content: var(--tw-content);\n  }\n\n  @media (hover: hover) {\n    .dark\\:before\\:hover\\:outline-blue-700:where(.dark, .dark *):before:hover {\n      outline-color: rgb(var(--oo-blue-7));\n    }\n  }\n\n  .en-US\\:gap-y-3:where(:lang(en-US)) {\n    row-gap: calc(var(--spacing) * 3);\n  }\n\n  .en-US\\:text-\\[9rem\\]:where(:lang(en-US)) {\n    font-size: 9rem;\n  }\n\n  .zh-CN\\:hidden:where(:lang(zh-CN)) {\n    display: none;\n  }\n}\n\n@keyframes fade-in {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes fade-out {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n\n@keyframes slide-in {\n  from {\n    transform: translateX(-30px);\n  }\n\n  to {\n    transform: translateX(0);\n  }\n}\n\n@keyframes slide-out {\n  from {\n    transform: translateX(0);\n  }\n\n  to {\n    transform: translateX(30px);\n  }\n}\n\n@keyframes slide-top-in {\n  from {\n    transform: translateY(-10%);\n  }\n\n  to {\n    transform: translateY(0);\n  }\n}\n\n@keyframes slide-top-out {\n  from {\n    transform: translateY(0);\n  }\n\n  to {\n    transform: translateY(-10%);\n  }\n}\n\n@keyframes slide-bottom-in {\n  from {\n    transform: translateY(10%);\n  }\n\n  to {\n    transform: translateY(0);\n  }\n}\n\n@keyframes slide-bottom-out {\n  from {\n    transform: translateY(0);\n  }\n\n  to {\n    transform: translateY(10%);\n  }\n}\n\n@keyframes fade-slide {\n  0% {\n    opacity: 0;\n    transform: translate(-30px);\n  }\n\n  50% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n    transform: translate(30px);\n  }\n}\n\n@keyframes fade-up {\n  0% {\n    opacity: 0;\n    transform: translateY(10%);\n  }\n\n  50% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n    transform: translateY(-10%);\n  }\n}\n\n@keyframes fade-down {\n  0% {\n    opacity: 0;\n    transform: translateY(-10%);\n  }\n\n  50% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n    transform: translateY(10%);\n  }\n}\n\n.fade-slide {\n  animation: 3s linear infinite fade-slide;\n}\n\n.fade {\n  animation: 3s linear infinite alternate fade-in;\n}\n\n.fade-up {\n  animation: 3s infinite fade-up;\n}\n\n.fade-down {\n  animation: 3s infinite fade-down;\n}\n\n@keyframes zoom-in {\n  0% {\n    transform: scale(.8);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes zoom-out {\n  0% {\n    transform: scale(1);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale(1.25);\n  }\n}\n\n@keyframes fade-zoom {\n  0% {\n    opacity: 0;\n    transform: scale(.8);\n  }\n\n  50% {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  100% {\n    opacity: 0;\n    transform: scale(1.25);\n  }\n}\n\n.fade-zoom {\n  animation: 3s infinite fade-zoom;\n}\n\n.keepalive-fade.active {\n  animation: .3s ease-in-out fade-in;\n}\n\n.keepalive-fade.inactive {\n  animation: .3s ease-in-out fade-out;\n}\n\n.keepalive-fade-slide.active {\n  animation: .3s ease-in-out fade-in, .3s ease-in-out slide-in;\n}\n\n.keepalive-fade-slide.inactive {\n  animation: .3s ease-in-out fade-out, .3s ease-in-out slide-out;\n}\n\n.keepalive-fade-up.active {\n  animation: .3s ease-in-out fade-in, .3s ease-in-out slide-bottom-in;\n}\n\n.keepalive-fade-up.inactive {\n  animation: .3s ease-in-out fade-out, .3s ease-in-out slide-top-out;\n}\n\n.keepalive-fade-down.active {\n  animation: .3s ease-in-out fade-in, .3s ease-in-out slide-top-in;\n}\n\n.keepalive-fade-down.inactive {\n  animation: .3s ease-in-out fade-out, .3s ease-in-out slide-bottom-out;\n}\n\n.keepalive-fade-zoom.active {\n  animation: .3s ease-in-out zoom-in, .3s ease-in-out zoom-in;\n}\n\n.keepalive-fade-zoom.inactive {\n  animation: .3s ease-in-out zoom-out, .3s ease-in-out fade-out;\n}\n\n@property --tw-blur {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-brightness {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-contrast {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-grayscale {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-hue-rotate {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-invert {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-opacity {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-saturate {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-sepia {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-drop-shadow {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-drop-shadow-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-drop-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-drop-shadow-size {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-scale-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n\n@property --tw-scale-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n\n@property --tw-scale-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n\n@property --tw-rotate-x {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-rotate-y {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-rotate-z {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-skew-x {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-skew-y {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-leading {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-tracking {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-ease {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-content {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: \"\";\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes wiggle {\n  0%, 100% {\n    transform-origin: top;\n  }\n\n  15% {\n    transform: rotateZ(10deg);\n  }\n\n  30% {\n    transform: rotateZ(-10deg);\n  }\n\n  45% {\n    transform: rotateZ(5deg);\n  }\n\n  60% {\n    transform: rotateZ(-5deg);\n  }\n\n  75% {\n    transform: rotateZ(2deg);\n  }\n}\n\n@keyframes bounce-in-down-out-up {\n  0% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translateY(-20px);\n  }\n\n  100% {\n    transform: translateY(0);\n  }\n}\n\n@layer properties {\n  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    *, :before, :after, ::backdrop {\n      --tw-blur: initial;\n      --tw-brightness: initial;\n      --tw-contrast: initial;\n      --tw-grayscale: initial;\n      --tw-hue-rotate: initial;\n      --tw-invert: initial;\n      --tw-opacity: initial;\n      --tw-saturate: initial;\n      --tw-sepia: initial;\n      --tw-drop-shadow: initial;\n      --tw-drop-shadow-color: initial;\n      --tw-drop-shadow-alpha: 100%;\n      --tw-drop-shadow-size: initial;\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-scale-x: 1;\n      --tw-scale-y: 1;\n      --tw-scale-z: 1;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-border-style: solid;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-tracking: initial;\n      --tw-outline-style: solid;\n      --tw-duration: initial;\n      --tw-ease: initial;\n      --tw-content: \"\";\n    }\n  }\n}\n/*$vite$:1*/";
 	document.head.appendChild(s);
 }
 import ky from "ky";
@@ -11,7 +11,7 @@ import { persist } from "zustand/middleware";
 import { Link, Navigate, Outlet, createBrowserRouter, matchRoutes, useLocation, useMatches, useNavigate, useOutlet, useSearchParams } from "react-router";
 import { ErrorBoundary, ErrorBoundary as ErrorBoundary$1 } from "react-error-boundary";
 import { AntDesignOutlined, ApartmentOutlined, AppstoreOutlined, ArrowDownOutlined, ArrowLeftOutlined, ArrowUpOutlined, BellOutlined, CloseOutlined, CloudOutlined, ContainerOutlined, CopyOutlined, CopyrightOutlined, DownOutlined, EnterOutlined, ExclamationCircleFilled, EyeOutlined, FileTextOutlined, FullscreenExitOutlined, FullscreenOutlined, HomeOutlined, LoadingOutlined, LockOutlined, LogoutOutlined, MenuFoldOutlined, MenuOutlined, MenuUnfoldOutlined, NodeExpandOutlined, QuestionCircleOutlined, RedoOutlined, ReloadOutlined, RocketOutlined, SafetyOutlined, SearchOutlined, SettingOutlined, SisternodeOutlined, SubnodeOutlined, SwapOutlined, TeamOutlined, TranslationOutlined, UploadOutlined, UserOutlined, VerticalAlignBottomOutlined, VerticalAlignMiddleOutlined, VerticalAlignTopOutlined } from "@ant-design/icons";
-import { App, Avatar, Badge, Breadcrumb, Button, Checkbox, Col, ColorPicker, ConfigProvider, Divider, Drawer, Dropdown, Empty, FloatButton, Form, Grid, Input, InputNumber, List, Menu, Modal, Popover, Result, Row, Select, Slider, Space, Spin, Switch, Tabs, Tooltip, Tree, Typography, Upload, Watermark, message, notification, theme } from "antd";
+import { App, Avatar, Badge, Breadcrumb, Button, Checkbox, Col, ColorPicker, ConfigProvider, Divider, Drawer, Dropdown, Empty, FloatButton, Form, Grid, Input, InputNumber, List, Menu, Modal, Popover, Result, Row, Select, Slider, Space, Spin, Switch, Tabs, Tag, Tooltip, Tree, Typography, Upload, Watermark, message, notification, theme } from "antd";
 import { Children, Suspense, cloneElement, createElement, forwardRef, isValidElement, lazy, use, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { initReactI18next, useTranslation } from "react-i18next";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -256,10 +256,10 @@ function getAppInfo() {
 	return {
 		"pkg": {
 			"name": "@oj-module/runtime",
-			"version": "0.2.6",
+			"version": "0.2.14",
 			"license": "MIT"
 		},
-		"lastBuildTime": "2026-10-19 12:08:59"
+		"lastBuildTime": "2026-10-21 09:05:39"
 	};
 }
 var init_get_app_info = __esmMin((() => {}));
@@ -875,7 +875,7 @@ var init_preferences$2 = __esmMin((() => {
 }));
 //#endregion
 //#region src/locales/zh-CN/widgets.json
-var document$2, qa$1, setting$1, logoutTip$1, viewAll$1, notifications$1, markAllAsRead$1, clearNotifications$1, versionMonitorTitle$1, versionMonitorContent$1, versionMonitorConfirm$1, versionMonitorCancel$1, search$2, widgets_default$1;
+var document$2, qa$1, setting$1, logoutTip$1, viewAll$1, notifications$1, notiCategory$1, markAllAsRead$1, clearNotifications$1, versionMonitorTitle$1, versionMonitorContent$1, versionMonitorConfirm$1, versionMonitorCancel$1, search$2, widgets_default$1;
 var init_widgets$1 = __esmMin((() => {
 	document$2 = "文档";
 	qa$1 = "问题 & 帮助";
@@ -883,6 +883,11 @@ var init_widgets$1 = __esmMin((() => {
 	logoutTip$1 = "是否退出登录？";
 	viewAll$1 = "查看所有消息";
 	notifications$1 = "通知";
+	notiCategory$1 = {
+		"notice": "通知",
+		"pm": "私信",
+		"mention": "@我"
+	};
 	markAllAsRead$1 = "全部标记为已读";
 	clearNotifications$1 = "清空";
 	versionMonitorTitle$1 = "系统版本更新通知";
@@ -906,6 +911,7 @@ var init_widgets$1 = __esmMin((() => {
 		logoutTip: logoutTip$1,
 		viewAll: viewAll$1,
 		notifications: notifications$1,
+		notiCategory: notiCategory$1,
 		markAllAsRead: markAllAsRead$1,
 		clearNotifications: clearNotifications$1,
 		versionMonitorTitle: versionMonitorTitle$1,
@@ -1309,13 +1315,18 @@ var init_preferences$1 = __esmMin((() => {
 		general,
 		footer
 	};
-})), document$1, setting, logoutTip, viewAll, notifications, markAllAsRead, clearNotifications, versionMonitorTitle, versionMonitorContent, versionMonitorConfirm, versionMonitorCancel, search, widgets_default;
+})), document$1, setting, logoutTip, viewAll, notifications, notiCategory, markAllAsRead, clearNotifications, versionMonitorTitle, versionMonitorContent, versionMonitorConfirm, versionMonitorCancel, search, widgets_default;
 var init_widgets = __esmMin((() => {
 	document$1 = "Document";
 	setting = "Settings";
 	logoutTip = "Do you want to logout?";
 	viewAll = "View All Messages";
 	notifications = "Notifications";
+	notiCategory = {
+		"notice": "Notice",
+		"pm": "Direct",
+		"mention": "Mentions"
+	};
 	markAllAsRead = "Make All as Read";
 	clearNotifications = "Clear";
 	versionMonitorTitle = "System Version Update Notification";
@@ -1339,6 +1350,7 @@ var init_widgets = __esmMin((() => {
 		logoutTip,
 		viewAll,
 		notifications,
+		notiCategory,
 		markAllAsRead,
 		clearNotifications,
 		versionMonitorTitle,
@@ -1511,17 +1523,29 @@ var init_terms_of_service = __esmMin((() => {
 }));
 //#endregion
 //#region src/router/utils/ascending.ts
-/** 按照路由中 order 升序来排序路由 */
+/**
+* 按照路由中 order 升序来排序路由（双段序轴，2026-10-20）：
+*   - order >= 0：主菜单区，升序在前；
+*   - order < 0 ：底部固定区，升序在后（-2 在 -1 上面）——渲染层
+*     （layout-sidebar / layout-mixed-sidebar 第二列）把这一段 pin 在
+*     侧边栏底部，其余菜单形态按列表末尾回落；
+*   - 未声明 order：沿用数组下标兜底（下标 + 2）。order: 0 是合法值，
+*     用 ?? 判定（历史实现用 ||，0 会被误当「未设置」改写成兜底值）。
+*/
 function ascending(arr) {
-	return arr.map((routeItem, routeIndex) => ({
+	const normalized = arr.map((routeItem, routeIndex) => ({
 		...routeItem,
 		handle: {
 			...routeItem.handle,
-			order: routeItem?.handle?.order || routeIndex + 2
+			order: routeItem?.handle?.order ?? routeIndex + 2
 		}
-	})).sort((a, b) => {
-		return a?.handle?.order - b?.handle?.order;
-	});
+	}));
+	const byOrder = (a, b) => {
+		const delta = (a.handle.order ?? 0) - (b.handle.order ?? 0);
+		if (delta !== 0) return delta;
+		return (a.path ?? "").localeCompare(b.path ?? "");
+	};
+	return [...normalized.filter((routeItem) => (routeItem.handle.order ?? 0) >= 0).sort(byOrder), ...normalized.filter((routeItem) => (routeItem.handle.order ?? 0) < 0).sort(byOrder)];
 }
 var init_ascending = __esmMin((() => {}));
 //#endregion
@@ -4273,6 +4297,7 @@ function transformMenuToFlatMenu(menus, flatMap = []) {
 }
 function GlobalSearch() {
 	const wholeMenus = useAccessStore((state) => state.wholeMenus);
+	const bottomMenus = useAccessStore((state) => state.bottomMenus);
 	const { isMobile } = useDeviceType();
 	const [open, setOpen] = useState(false);
 	const navigate = useNavigate();
@@ -4283,7 +4308,7 @@ function GlobalSearch() {
 	const inputRef = useRef(null);
 	const listRef = useRef(null);
 	const [searchHistory = [], setSearchHistory] = useLocalStorageState(searchHistoryLocalStorageKey, { defaultValue: [] });
-	const searchMenuList = useMemo(() => transformMenuToFlatMenu(wholeMenus), [wholeMenus]);
+	const searchMenuList = useMemo(() => transformMenuToFlatMenu([...wholeMenus, ...bottomMenus]), [wholeMenus, bottomMenus]);
 	function onClose() {
 		setOpen(false);
 	}
@@ -4491,11 +4516,12 @@ var init_notifications = __esmMin((() => {
 }));
 //#endregion
 //#region src/layout/widgets/notification/index.tsx
-var useStyles$5, NotificationPopup;
+var NOTIFICATION_CENTER_PATH, useStyles$5, NotificationPopup;
 var init_notification = __esmMin((() => {
 	init_basic_button();
 	init_icons();
 	init_cn();
+	NOTIFICATION_CENTER_PATH = "/notification-center";
 	useStyles$5 = createUseStyles(({ token }) => ({ notification: {
 		"& .ant-popover-inner": { padding: 0 },
 		"& .ant-list-footer": { borderTop: `1px solid ${token.colorBorder}` },
@@ -4504,16 +4530,17 @@ var init_notification = __esmMin((() => {
 			overflowY: "auto"
 		}
 	} }));
-	NotificationPopup = ({ dot, notifications, onEventChange, ...restProps }) => {
+	NotificationPopup = ({ dot, notifications, onEventChange, onOpenChange, ...restProps }) => {
 		const [open, action] = useToggle();
 		const classes = useStyles$5();
 		const { t } = useTranslation();
 		const readOnly = !onEventChange;
+		const navigate = useNavigate();
 		const close = () => {
 			action.set(false);
 		};
 		const handleViewAll = () => {
-			onEventChange && onEventChange("viewAll");
+			navigate(NOTIFICATION_CENTER_PATH);
 			close();
 		};
 		const handleMakeAll = () => {
@@ -4529,6 +4556,15 @@ var init_notification = __esmMin((() => {
 			onEventChange && onEventChange("read", item);
 			if (item.link) window.open(item.link, "_blank", "noopener");
 		};
+		const categoryTag = (item) => {
+			if (!item.category) return null;
+			const color = item.category === "pm" ? "magenta" : item.category === "mention" ? "orange" : "blue";
+			return /* @__PURE__ */ jsx(Tag, {
+				color,
+				className: "ml-1 text-xs",
+				children: t(`widgets.notiCategory.${item.category}`)
+			});
+		};
 		dot = useMemo(() => {
 			return !!notifications?.filter((item) => !item?.isRead).length;
 		}, [notifications]);
@@ -4538,7 +4574,10 @@ var init_notification = __esmMin((() => {
 			open,
 			arrow: false,
 			trigger: "click",
-			onOpenChange: action.set,
+			onOpenChange: (o) => {
+				action.set(o);
+				onOpenChange?.(o);
+			},
 			content: /* @__PURE__ */ jsx(List, {
 				size: "small",
 				bordered: true,
@@ -4574,18 +4613,21 @@ var init_notification = __esmMin((() => {
 						!item.isRead && /* @__PURE__ */ jsx("span", { className: "absolute w-2 h-2 rounded bg-primary right-2 top-2" }),
 						/* @__PURE__ */ jsx("span", {
 							className: "relative flex w-10 h-10 overflow-hidden rounded-full shrink-0",
-							children: /* @__PURE__ */ jsx("img", {
+							children: item.avatar ? /* @__PURE__ */ jsx("img", {
 								src: item.avatar,
 								className: "object-cover w-full h-full aspect-square",
 								role: "img"
+							}) : /* @__PURE__ */ jsx("span", {
+								className: "flex w-full h-full items-center justify-center bg-gray-200 dark:bg-gray-700 text-gray-500",
+								children: /* @__PURE__ */ jsx(BellOutlined, {})
 							})
 						}),
 						/* @__PURE__ */ jsxs("div", {
 							className: "flex flex-col gap-1 leading-none",
 							children: [
-								/* @__PURE__ */ jsx("p", {
-									className: "font-semibold",
-									children: item.title
+								/* @__PURE__ */ jsxs("p", {
+									className: "font-semibold flex items-center",
+									children: [item.title, categoryTag(item)]
 								}),
 								/* @__PURE__ */ jsx("p", {
 									className: "my-1 text-xs text-muted-foreground line-clamp-2",
@@ -4620,7 +4662,8 @@ var init_notification = __esmMin((() => {
 *   （popup 按 onEventChange 是否存在推导，评审 A3——不加新 prop）；
 * - 写操作成功后重拉刷新；**重拉失败不清空现有列表**（评审 b4）；
 * - 20x 复制残留已删除（评审 b4，同一 id 复制 20 份会让 markRead 语义失真）；
-* - viewAll 不接线（N3，模板无通知中心页）。
+* - viewAll 由弹层内直接导航到通知中心页（N3 落地，不经过 provider——
+*   本组件的 onEventChange 仍只承载写事件，read-only 推导不受影响）。
 */
 function NotificationContainer({ ...restProps }) {
 	const [notifications, setNotifications] = useState([]);
@@ -4646,6 +4689,7 @@ function NotificationContainer({ ...restProps }) {
 			if (!p) return;
 			(event === "read" ? () => p.markRead(item.id) : event === "makeAll" ? () => p.markAllRead() : event === "clear" ? () => p.clearAll() : void 0)?.().then(reload).catch(() => {});
 		} : void 0,
+		onOpenChange: (open) => open && reload(),
 		...restProps
 	});
 }
@@ -5853,12 +5897,13 @@ function LayoutMenu({ mode = "inline", autoExpandCurrentMenu, handleMenuSelect,
 	const classes = useStyles$4();
 	const matches = useMatches();
 	const wholeMenus = useAccessStore((state) => state.wholeMenus);
+	const bottomMenus = useAccessStore((state) => state.bottomMenus);
 	const { sidebarCollapsed, sidebarTheme, isDark, accordion } = usePreferences();
 	const [openKeys, setOpenKeys] = useState([]);
 	const { isMobile } = useDeviceType();
 	const menuParentKeys = useMemo(() => {
-		return getParentKeys(wholeMenus);
-	}, [wholeMenus]);
+		return getParentKeys([...wholeMenus, ...bottomMenus]);
+	}, [wholeMenus, bottomMenus]);
 	const getSelectedKeys = useMemo(() => {
 		const currentActiveMatch = matches.findLast((routeItem) => routeItem.handle?.currentActiveMenu);
 		if (currentActiveMatch?.handle?.currentActiveMenu) {
@@ -5969,10 +6014,13 @@ var init_layout_menu = __esmMin((() => {
 //#region src/layout/layout-menu/use-menu.ts
 function useMenu() {
 	const wholeMenus = useAccessStore((state) => state.wholeMenus);
+	const bottomMenus = useAccessStore((state) => state.bottomMenus);
 	const { isMixedNav, isTwoColumnNav } = useLayout();
 	const navigate = useNavigate();
 	const { t } = useTranslation();
 	const translatedMenus = translateMenus(wholeMenus, t);
+	const translatedBottomMenus = translateMenus(bottomMenus, t);
+	const bottomBandMenuItems = useMemo(() => [...translatedMenus, ...translatedBottomMenus], [translatedMenus, translatedBottomMenus]);
 	const { pathname } = useCurrentRoute();
 	const matches = useMatches();
 	/**
@@ -5986,32 +6034,33 @@ function useMenu() {
 		if (!shouldSplitMenuItems) return "";
 		const activeMenuPath = matches.findLast((routeItem) => routeItem.handle?.currentActiveMenu)?.handle?.currentActiveMenu;
 		const targetPath = activeMenuPath ? removeTrailingSlash(activeMenuPath) : removeTrailingSlash(pathname);
-		const { rootMenuPath } = findRootMenuByPath(translatedMenus, targetPath);
+		const { rootMenuPath } = findRootMenuByPath(bottomBandMenuItems, targetPath);
 		return rootMenuPath ?? "";
 	}, [
 		shouldSplitMenuItems,
 		pathname,
-		matches
+		matches,
+		bottomBandMenuItems
 	]);
 	const splitSideNavItems = useMemo(() => {
-		const foundMenu = translatedMenus.find((item) => item?.key === sideNavMenuKeyInSplitMode);
+		const foundMenu = bottomBandMenuItems.find((item) => item?.key === sideNavMenuKeyInSplitMode);
 		if (!foundMenu) return [];
 		return foundMenu?.children ?? [foundMenu];
-	}, [sideNavMenuKeyInSplitMode, translatedMenus]);
+	}, [sideNavMenuKeyInSplitMode, bottomBandMenuItems]);
 	/**
-	* 头部菜单
+	* 头部菜单（含底部区条目回落到末尾：顶部导航/双列第一列无底槽）
 	*/
 	const topNavItems = useMemo(() => {
-		if (!shouldSplitMenuItems) return translatedMenus;
-		return translatedMenus.map((item) => {
+		if (!shouldSplitMenuItems) return bottomBandMenuItems;
+		return bottomBandMenuItems.map((item) => {
 			return {
 				...item,
 				children: void 0
 			};
 		});
-	}, [shouldSplitMenuItems, translatedMenus]);
+	}, [shouldSplitMenuItems, bottomBandMenuItems]);
 	/**
-	* 侧边菜单
+	* 侧边菜单（仅主区：底部固定区由侧边栏底槽单独渲染）
 	*/
 	const sideNavItems = useMemo(() => {
 		return shouldSplitMenuItems ? splitSideNavItems : translatedMenus;
@@ -6021,6 +6070,10 @@ function useMenu() {
 		translatedMenus
 	]);
 	/**
+	* 底部固定区菜单（主区之后、SiderTrigger 之上渲染）
+	*/
+	const bottomNavItems = translatedBottomMenus;
+	/**
 	* 菜单点击事件处理
 	*/
 	const handleMenuSelect = (key, mode) => {
@@ -6029,7 +6082,7 @@ function useMenu() {
 			if (/http(s)?:/.test(key)) window.open(key);
 			else navigate(key);
 		} else {
-			const targetMenu = findDeepestFirstItem(translatedMenus.find((item) => item?.key === key)?.children ?? []);
+			const targetMenu = findDeepestFirstItem(bottomBandMenuItems.find((item) => item?.key === key)?.children ?? []);
 			if (!targetMenu) navigate(key);
 			else navigate(targetMenu.key);
 		}
@@ -6038,7 +6091,8 @@ function useMenu() {
 		handleMenuSelect,
 		sideNavMenuKeyInSplitMode,
 		topNavItems,
-		sideNavItems
+		sideNavItems,
+		bottomNavItems
 	};
 }
 var init_use_menu = __esmMin((() => {
@@ -6222,7 +6276,8 @@ function LayoutMobileMenu() {
 	const { token: { Menu } } = theme.useToken();
 	const { sidebarCollapsed, setPreferences, isDark, sidebarTheme } = usePreferences();
 	const { isMobile } = useDeviceType();
-	const { sideNavItems, handleMenuSelect } = useMenu();
+	const { sideNavItems, bottomNavItems, handleMenuSelect } = useMenu();
+	const menuItems = useMemo(() => [...sideNavItems, ...bottomNavItems], [sideNavItems, bottomNavItems]);
 	return isMobile ? /* @__PURE__ */ jsx(Drawer, {
 		styles: { body: { backgroundColor: isDark || sidebarTheme === "dark" ? Menu?.darkItemBg : Menu?.itemBg } },
 		open: sidebarCollapsed,
@@ -6232,7 +6287,7 @@ function LayoutMobileMenu() {
 		onClose: () => setPreferences("sidebarCollapsed", false),
 		children: /* @__PURE__ */ jsx(Scrollbar, { children: /* @__PURE__ */ jsx(LayoutMenu, {
 			autoExpandCurrentMenu: true,
-			menus: sideNavItems,
+			menus: menuItems,
 			handleMenuSelect
 		}) })
 	}) : null;
@@ -6257,6 +6312,7 @@ var init_layout_mobile_menu = __esmMin((() => {
 //#region src/layout/layout-sidebar/index.tsx
 function LayoutSidebar({ children, computedSidebarWidth }) {
 	const { sidebarCollapsed, sidebarTheme, isDark } = usePreferences();
+	const { bottomNavItems, handleMenuSelect } = useMenu();
 	const { token: { Menu } } = theme.useToken();
 	const isFixedDarkTheme = isDark || sidebarTheme === "dark";
 	return /* @__PURE__ */ jsx(ConfigProvider, {
@@ -6267,14 +6323,21 @@ function LayoutSidebar({ children, computedSidebarWidth }) {
 				backgroundColor: isFixedDarkTheme ? Menu?.darkItemBg : Menu?.itemBg,
 				boxShadow: "3px 0 5px 0 rgb(29, 35, 41, 0.05)"
 			},
-			className: "fixed top-0 bottom-0 left-0 overflow-x-hidden overflow-y-auto transition-all border-r border-r-colorBorderSecondary",
+			className: "fixed top-0 bottom-0 left-0 flex flex-col overflow-x-hidden overflow-y-auto transition-all border-r border-r-colorBorderSecondary",
 			children: [
 				/* @__PURE__ */ jsx(Logo, { sidebarCollapsed }),
 				/* @__PURE__ */ jsx("div", {
-					className: "overflow-hidden",
-					style: { height: `calc(100% - 48px - 40px)` },
+					className: "flex-1 min-h-0 overflow-hidden",
 					children: /* @__PURE__ */ jsx(Scrollbar, { children })
 				}),
+				bottomNavItems.length > 0 ? /* @__PURE__ */ jsx("div", {
+					className: "shrink-0",
+					children: /* @__PURE__ */ jsx(LayoutMenu, {
+						autoExpandCurrentMenu: true,
+						menus: bottomNavItems,
+						handleMenuSelect
+					})
+				}) : null,
 				/* @__PURE__ */ jsx(SiderTrigger, {})
 			]
 		})
@@ -6283,7 +6346,8 @@ function LayoutSidebar({ children, computedSidebarWidth }) {
 var init_layout_sidebar = __esmMin((() => {
 	init_scrollbar();
 	init_use_preferences();
-	init_constants$1();
+	init_layout_menu();
+	init_use_menu();
 	init_logo();
 	init_sider_trigger();
 }));
@@ -8329,7 +8393,9 @@ var init_generate_menu_items_from_routes = __esmMin((() => {}));
 * - 三值 category 原样落 handle.category（main=常规组、admin=管理组、hidden=不进菜单）；
 * - hidden 与 enabled=0（禁用）复用既有 hideInMenu 通路——只过滤菜单层，路由仍可达
 *   （禁用的路由摘除归装载层三处同写，D12）；
-* - order 覆写为声明序：框架项保留 100 间隔带、方案项从 200 起编，共用一条序轴；
+* - order 覆写为声明序（2026-10-20 双段序轴）：框架常规项 ≥0 升序、管理面负数入
+*   底部固定区（pin 侧边栏底部，ascending 双段排序）、方案项从 200 起编，共用一条序轴；
+*   同 order 按根 path 字母序；
 * - 未匹配路由（框架/后端）原样保留（同一对象引用），入参不突变；
 * - solRoutes 为空（端点失败/未登录降级空表）时原样返回——降级不阻断，路由照常。
 *
@@ -8406,7 +8472,22 @@ var init_resolve_login_route = __esmMin((() => {
 }));
 //#endregion
 //#region src/store/access.ts
-var initialState$1, lastRegisteredRoutes, useAccessStore;
+/**
+* 切分主区/底部固定区路由（ascending 已双段排序：负 order 段整体在后）。
+* 按首个负 order 找边界一次切分，两段各自保持升序。
+*/
+function splitMenuRoutes(routes) {
+	const boundary = routes.findIndex((route) => (route.handle.order ?? 0) < 0);
+	if (boundary === -1) return {
+		top: routes,
+		bottom: []
+	};
+	return {
+		top: routes.slice(0, boundary),
+		bottom: routes.slice(boundary)
+	};
+}
+var baseMenuRoutes, initialState$1, lastRegisteredRoutes, useAccessStore;
 var init_access = __esmMin((() => {
 	init_router();
 	init_constants();
@@ -8416,8 +8497,10 @@ var init_access = __esmMin((() => {
 	init_generate_menu_items_from_routes();
 	init_merge_solution_categories();
 	init_resolve_login_route();
+	baseMenuRoutes = splitMenuRoutes(baseRoutes);
 	initialState$1 = {
-		wholeMenus: generateMenuItemsFromRoutes(baseRoutes),
+		wholeMenus: generateMenuItemsFromRoutes(baseMenuRoutes.top),
+		bottomMenus: generateMenuItemsFromRoutes(baseMenuRoutes.bottom),
 		routeList: baseRoutes,
 		flatRouteList: flattenRoutes(baseRoutes),
 		isAccessChecked: false,
@@ -8430,8 +8513,10 @@ var init_access = __esmMin((() => {
 			const newRoutes = ascending([...resolveLoginRoute(baseRoutes, routes, router, rootRoute), ...mergeSolutionCategories(routes, get().solutionRoutes)]);
 			router.patchRoutes(ROOT_ROUTE_ID, routes);
 			const flatRouteList = flattenRoutes(newRoutes);
+			const { top, bottom } = splitMenuRoutes(newRoutes);
 			const newState = {
-				wholeMenus: generateMenuItemsFromRoutes(newRoutes),
+				wholeMenus: generateMenuItemsFromRoutes(top),
+				bottomMenus: generateMenuItemsFromRoutes(bottom),
 				routeList: newRoutes,
 				flatRouteList,
 				isAccessChecked: true

package/shell-dist/index.html

@@ -5,9 +5,9 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<link rel="icon" href="/favicon.ico" />
 		<title>React Antd Admin · Shell</title>
-		<meta http-equiv="Content-Security-Policy" content="default-src 'none'; script-src 'self' https://modules.cdn.example.com 'wasm-unsafe-eval' 'nonce-p4BgRegxexzGkBE95NQxKA=='; script-src-attr 'none'; connect-src 'self' data: https://modules.cdn.example.com; style-src 'self' https://modules.cdn.example.com 'unsafe-inline'; img-src 'self' data: https:; font-src 'self' data:; frame-src https://ant.design https://react.dev https://condorheroblog.github.io; form-action 'none'; base-uri 'none'; object-src 'none'; upgrade-insecure-requests" />
+		<meta http-equiv="Content-Security-Policy" content="default-src 'none'; script-src 'self' https://modules.cdn.example.com 'wasm-unsafe-eval' 'nonce-+pwCPvP4yV4ptlEA55QxXw=='; script-src-attr 'none'; connect-src 'self' data: https://modules.cdn.example.com; style-src 'self' https://modules.cdn.example.com 'unsafe-inline'; img-src 'self' data: https:; font-src 'self' data:; frame-src https://ant.design https://react.dev https://condorheroblog.github.io; form-action 'none'; base-uri 'none'; object-src 'none'; upgrade-insecure-requests" />
 
-		<script type="importmap" nonce="p4BgRegxexzGkBE95NQxKA==">{
+		<script type="importmap" nonce="+pwCPvP4yV4ptlEA55QxXw==">{
   "imports": {
     "react": "/assets/react.js",
     "react/jsx-runtime": "/assets/jsx-runtime.js",