body {

    margin: 0;
    font-size: 14px;
    font-family: v-sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    line-height: 1.6;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;

}

:root {
    --primary-color: #1980FA;
    --primary-color-dark: #1980FA;
    --primary-color-hover: #1980FA;
    --primary-color-hover-dark: #1980FA;
    --chat-bg-color: #EDF5FF;
    --chat-bg-color-dark: #37393f;
    --menu-bg-color: #EDF5FF;
    --menu-bg-color-dark: #EDF5FF;
    --side-bg-color: #ffadd2;
    --side-bg-color-dark: #ffdeed;
    --main-bg-color: #ffadd2;
    --main-bg-color-dark: #ffdeed;
    --primary-icon-color: #FFFFFF;
    --primary-bg-color: #1980FA;
    --base-bg-color: #FFFFFF;
    --select-text-color: #1980FA;
}

.dark body {
    --base-bg-color: #48484e;
    --menu-bg-color: #59595e;
    --select-text-color: #f0a971;
}

.__theme-class-dark-enagr0 {
    --n-bezier-ease-out: cubic-bezier(0, 0, .2, 1);
    --n-box-shadow: 0 6px 16px -9px rgba(0, 0, 0, .08), 0 9px 28px 0 rgba(0, 0, 0, .05), 0 12px 48px 16px rgba(0, 0, 0, .03);
    --n-color: rgb(44, 44, 50);
    --n-text-color: rgba(255, 255, 255, 0.82);
    --n-text-title-color: rgba(255, 255, 255, 0.82);
    --n-m-bg-color: #18181c;
    --n-text-desc-color: #9ca3af;
}

.dialog-load .n-modal{
    background: none;
    box-shadow: none;
}

.w-10 {
    width:2.5rem
}
.w-12 {
    width:3rem
}
.w-20 {
    width:5rem
}
.w-24 {
    width:6rem
}
.w-5 {
    width:1.25rem
}
.w-6 {
    width:1.5rem
}
.w-7 {
    width:1.75rem
}
.w-8 {
    width:2rem
}
.w-9 {
    width:2.25rem
}
.w-4{
    width:1rem
}
.p-1 {
    padding:.25rem
}
.p-2 {
    padding:.5rem
}
.p-3 {
    padding:.75rem
}
.p-4 {
    padding:1rem
}
.p-5{
    padding:1.25rem
}
.p-6 {
    padding:1.5rem
}
.p-8 {
    padding:2rem
}
.p-12 {
    padding: 3rem
}
.px-1 {
    padding-left:.25rem;
    padding-right:.25rem
}
.px-2 {
    padding-left:.5rem;
    padding-right:.5rem
}
.px-3 {
    padding-left:.75rem;
    padding-right:.75rem
}
.px-4 {
    padding-left:1rem;
    padding-right:1rem
}
.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}
.px-6 {
    padding-left:1.5rem;
    padding-right:1.5rem
}
.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}
.py-10 {
    padding-top:2.5rem;
    padding-bottom:2.5rem
}
.py-1{
    padding-top:0.25rem;
    padding-bottom:0.25rem
}
.py-2 {
    padding-top:.5rem;
    padding-bottom:.5rem
}
.py-3 {
    padding-top:.75rem;
    padding-bottom:.75rem
}
.py-4 {
    padding-top:1rem;
    padding-bottom:1rem
}
.py-6 {
    padding-top:1.5rem;
    padding-bottom:1.5rem
}
.py-8 {
    padding-top:2rem;
    padding-bottom:2rem
}
.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}
.pb-0 {
    padding-bottom:0
}
.pb-10 {
    padding-bottom:2.5rem
}
.pb-6 {
    padding-bottom:1.5rem
}

.pr-2 {
    padding-right: .5rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-6 {
    padding-top: 1.5rem
}

.visible {
    visibility: visible
}

.fixed {
    position: fixed
}
.absolute {
    position: absolute
}

.relative {
    position: relative
}
.mtb20{ margin: 20px 0}

.sticky {
    position: sticky
}
.inset-0{
    inset:0
}
.right-0{
    right:0
}
.top-0{
    top:0
}
.bottom-0 {
    bottom: 0
}

.bottom-2 {
    bottom: .5rem
}
.bottom-10 {
    bottom: 2.5rem
}
.bottom-6 {
    bottom: 1.5rem
}
.left-0 {
    left: 0
}

.left-1 {
    left: .25rem
}

.left-2 {
    left: .5rem
}

.right-1 {
    right: .25rem
}

.right-2 {
    right: .5rem
}
.right-6 {
    right: 1.5rem
}
.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.m-auto {
    margin: auto
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mb-1 {
    margin-bottom:.25rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-3 {
    margin-bottom:.75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6 {
    margin-bottom:1.5rem
}
.mb-8 {
    margin-bottom:2rem;
}
.mb-10{
    margin-bottom:2.5rem;
}
.mb-12{
    margin-bottom:3rem;
}
.ml-0 {
    margin-left: 0
}

.ml-1 {
    margin-left: .25rem
}

.ml-2 {
    margin-left: .5rem
}
.ml-3{
    margin-left:0.75rem
}
.mr-2 {
    margin-right: .5rem
}

.mt-1 {
    margin-top: .25rem
}

.mt-2 {
    margin-top: .5rem
}

.min-w-0 {
    min-width:0px
}
.min-w-\[20px\] {
    min-width:20px
}
.min-w-\[60px\] {
    min-width:60px
}
.min-w-\[80px\] {
    min-width:80px
}
.max-w-\[300px\] {
    max-width:300px
}
.max-w-\[400px\] {
    max-width:400px
}
.max-w-\[460px\] {
    max-width:460px
}

.ml-4 {
    margin-left:1rem
}
.ml-\[60px\] {
    margin-left:60px
}
.mr-1 {
    margin-right:.25rem
}

.mr-3 {
    margin-right:.75rem
}
.mr-4 {
    margin-right:1rem
}

.mt-10 {
    margin-top:2.5rem
}

.mt-20 {
    margin-top:5rem
}
.mt-3 {
    margin-top:.75rem
}
.mt-4 {
    margin-top:1rem
}
.mt-6 {
    margin-top:1.5rem
}
.mt-8 {
    margin-top:2rem
}
.mt-auto{
    margin-top:auto
}
.pl-\[100px\] {
    padding-left:100px
}
.pl-\[60px\] {
    padding-left:60px
}
.block{
    display:block;
}
.flex {
    display: flex
}

.flex-wrap {
    flex-wrap: wrap;
}

.inline-flex {
    display: inline-flex
}
.grid {
    display:grid
}
.hidden {
    display: none
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}
.h-16{
    height:4rem
}
.h-6 {
    height: 1.5rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}
.h-4{
    height:1rem
}
.h-full {
    height: 100%
}
.h-auto{
    height:auto
}
.h-screen{
    height:100vh
}
.min-h-0 {
    min-height: 0;
}

.w-\[36px\] {
    width: 36px
}

.w-64px {
    width: 64px
}

.w-250px {
    width: 250px
}

.w-full {
    width: 100%
}

.min-w-0 {
    min-width: 0px
}

.min-w-\[20px\] {
    min-width: 20px
}

.max-w-screen-2xl {
    max-width: 1535px
}

.flex-1 {
    flex: 1 1 0%
}
.width1000{ width: 1000px}

.flex-shrink-0, .shrink-0 {
    flex-shrink: 0
}

.basis-8 {
    flex-basis: 2rem
}

.n-form-item {
    display: grid;
    line-height: var(--n-line-height);
}

.n-form-item .n-form-item-label {
    grid-area: label;
    align-items: center;
    line-height: 1.25;
    text-align: var(--n-label-text-align);
    font-size: var(--n-label-font-size);
    min-height: var(--n-label-height);
    padding: var(--n-label-padding);
    color: var(--n-label-text-color);
    transition: color .3s var(--n-bezier);
    box-sizing: border-box;
    font-weight: var(--n-label-font-weight);
}

.n-form-item .n-form-item-label .n-form-item-label__asterisk {
    white-space: nowrap;
    user-select: none;
    -webkit-user-select: none;
    color: var(--n-asterisk-color);
    transition: color .3s var(--n-bezier);
}

.n-form-item .n-form-item-label .n-form-item-label__asterisk-placeholder {
    grid-area: mark;
    user-select: none;
    -webkit-user-select: none;
    visibility: hidden;
}

.n-form-item .n-form-item-blank {
    grid-area: blank;
    min-height: var(--n-blank-height);
}

.n-form-item.n-form-item--auto-label-width .n-form-item-label {
    white-space: nowrap;
}

.n-form-item.n-form-item--left-labelled {
    grid-template-areas:
 "label blank"
 "label feedback";
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    align-items: start;
}

.n-form-item.n-form-item--left-labelled .n-form-item-label {
    display: grid;
    grid-template-columns: 1fr auto;
    min-height: var(--n-blank-height);
    height: auto;
    box-sizing: border-box;
    flex-shrink: 0;
    flex-grow: 0;
}

.n-form-item.n-form-item--left-labelled .n-form-item-label.n-form-item-label--reverse-columns-space {
    grid-template-columns: auto 1fr;
}

.n-form-item.n-form-item--left-labelled .n-form-item-label.n-form-item-label--left-mark {

    grid-template-areas:
 "mark text"
 ". text";

}

.n-form-item.n-form-item--left-labelled .n-form-item-label.n-form-item-label--right-mark {

    grid-template-areas:
 "text mark"
 "text .";

}

.n-form-item.n-form-item--left-labelled .n-form-item-label.n-form-item-label--right-hanging-mark {

    grid-template-areas:
 "text mark"
 "text .";

}

.n-form-item.n-form-item--left-labelled .n-form-item-label .n-form-item-label__text {

    grid-area: text;

}

.n-form-item.n-form-item--left-labelled .n-form-item-label .n-form-item-label__asterisk {

    grid-area: mark;
    align-self: end;

}

.n-form-item.n-form-item--top-labelled {

    grid-template-areas:
 "label"
 "blank"
 "feedback";
    grid-template-rows: minmax(var(--n-label-height), auto) 1fr;
    grid-template-columns: minmax(0, 100%);

}

.n-form-item.n-form-item--top-labelled.n-form-item--no-label {

    grid-template-areas:
 "blank"
 "feedback";
    grid-template-rows: 1fr;

}

.n-form-item.n-form-item--top-labelled .n-form-item-label {

    display: flex;
    align-items: flex-start;
    justify-content: var(--n-label-text-align);

}

.n-form-item .n-form-item-blank {

    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative;

}

.n-form-item .n-form-item-feedback-wrapper {

    grid-area: feedback;
    box-sizing: border-box;
    min-height: var(--n-feedback-height);
    font-size: var(--n-feedback-font-size);
    line-height: 1.25;
    transform-origin: top left;

}

.n-form-item .n-form-item-feedback-wrapper:not(:empty) {

    padding: var(--n-feedback-padding);

}

.n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback {
    transition: color .3s var(--n-bezier);
    color: var(--n-feedback-text-color);
}

.n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.n-form-item-feedback--warning {
    color: var(--n-feedback-text-color-warning);
}

.n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.n-form-item-feedback--error {
    color: var(--n-feedback-text-color-error);
}

.n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.fade-down-transition-enter-from, .n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.fade-down-transition-leave-to {
    opacity: 0;
    transform: translateY(-3px);
}

.n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.fade-down-transition-enter-to, .n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.fade-down-transition-leave-from {
    opacity: 1;
    transform: translateY(0);
}

.n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.fade-down-transition-leave-active {
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1);
}

.n-form-item .n-form-item-feedback-wrapper .n-form-item-feedback.fade-down-transition-enter-active {
    transition: opacity .3s cubic-bezier(.4, 0, .2, 1), transform .3s cubic-bezier(.4, 0, .2, 1);
}

.__tabs-dark-enagr0-ml {
    --n-bezier: cubic-bezier(.4, 0, .2, 1);
    --n-color-segment: rgba(255, 255, 255, 0.1);
    --n-tab-font-size: 14px;
    --n-tab-text-color: rgba(255, 255, 255, 0.9);
    --n-tab-text-color-active: #ff8cc8;
    --n-tab-text-color-disabled: rgba(255, 255, 255, 0.38);
    --n-tab-text-color-hover: #ff8cc8;
    --n-pane-text-color: rgba(255, 255, 255, 0.82);
    --n-tab-border-color: rgba(255, 255, 255, 0.09);
    --n-tab-border-radius: 3px;
    --n-close-size: 18px;
    --n-close-icon-size: 14px;
    --n-close-color-hover: rgba(255, 255, 255, .12);
    --n-close-color-pressed: rgba(255, 255, 255, .08);
    --n-close-border-radius: 3px;
    --n-close-icon-color: rgba(255, 255, 255, 0.52);
    --n-close-icon-color-hover: rgba(255, 255, 255, 0.52);
    --n-close-icon-color-pressed: rgba(255, 255, 255, 0.52);
    --n-tab-color: rgba(255, 255, 255, 0.04);
    --n-tab-font-weight: 400;
    --n-tab-font-weight-active: 400;
    --n-tab-padding: 10px 0;
    --n-tab-padding-vertical: 8px 16px;
    --n-tab-gap: 36px;
    --n-tab-gap-vertical: 8px;
    --n-pane-padding-left: 0;
    --n-pane-padding-right: 0;
    --n-pane-padding-top: 12px;
    --n-pane-padding-bottom: 0;
    --n-font-weight-strong: 500;
    --n-tab-color-segment: rgba(255, 255, 255, 0.1);
}

.__form-item-dark-enagr0-ml {
    --n-bezier: cubic-bezier(.4, 0, .2, 1);
    --n-line-height: 1.6;
    --n-blank-height: 34px;
    --n-label-font-size: 14px;
    --n-label-text-align: right;
    --n-label-height: 26px;
    --n-label-padding: 0 12px 0 0;
    --n-label-font-weight: 400;
    --n-asterisk-color: #e88080;
    --n-label-text-color: rgba(255, 255, 255, 0.9);
    --n-feedback-padding: 4px 0 0 2px;
    --n-feedback-font-size: 14px;
    --n-feedback-height: 24px;
    --n-feedback-text-color: rgba(255, 255, 255, 0.52);
    --n-feedback-text-color-warning: #f2c97d;
    --n-feedback-text-color-error: #e88080;
}

.__button-dark-enagr0-lmmw {
    --n-bezier: cubic-bezier(.4, 0, .2, 1);
    --n-bezier-ease-out: cubic-bezier(0, 0, .2, 1);
    --n-ripple-duration: .6s;
    --n-opacity-disabled: 0.38;
    --n-wave-opacity: 0.8;
    font-weight: 400;
    --n-color: #f2c97d;
    --n-color-hover: #f5d599;
    --n-color-pressed: #e6c260;
    --n-color-focus: #f5d599;
    --n-color-disabled: #f2c97d;
    --n-ripple-color: #f2c97d;
    --n-text-color: #000;
    --n-text-color-hover: #000;
    --n-text-color-pressed: #000;
    --n-text-color-focus: #000;
    --n-text-color-disabled: #000;
    --n-border: 1px solid #f2c97d;
    --n-border-hover: 1px solid #f5d599;
    --n-border-pressed: 1px solid #e6c260;
    --n-border-focus: 1px solid #f5d599;
    --n-border-disabled: 1px solid #f2c97d;
    --n-width: initial;
    --n-height: 34px;
    --n-font-size: 14px;
    --n-padding: 0 14px;
    --n-icon-size: 18px;
    --n-icon-margin: 6px;
    --n-border-radius: 3px;
}

.menu {
    color: #000
}

.menu_bg{ background: #1980FA}

.menu.is-active {
    border-color: var(--primary-color);
    color: var(--primary-color)
}
.siderbar-menus-item .iconfont{ font-size: 20px !important;}
.is-active {
    color: var(--primary-color)
}

.is-active .menu {
    /*color: var(--primary-icon-color);*/
    color: var(--primary-color);
    border-color: var(--primary-color);
    background-color: var(--primary-bg-color);
}
.is-active .menu:hover .iconfont{
    color: var(--primary-icon-color) !important;
}

.dark .menu {
    color: #fff
}

.dark .is-active {
    color: var(--primary-color-dark)
}

.dark .is-active .menu {
    color: var(--primary-color-dark);
    border-color: var(--primary-color-dark)
}

.siderbar .n-badge-sup {
    bottom: 10% !important;
    left: 80% !important;
    top: 0 !important
}

.sider-list[data-v-41fd486f] {
    display: flex;
    flex-direction: column;
    padding: 10px 0
}

.sider-list .sider-item[data-v-41fd486f]:not(:last-child) {
    margin-bottom: .5rem
}

.sider-list .sider-item--inner[data-v-41fd486f] {
    position: relative;
    display: flex;
    align-items: center;
    padding: .75rem .45rem;
    border-radius: .375rem;
    border: 1px solid #e5e7eb;
    cursor: pointer;
    background: white
}

.sider-list .sider-item--inner span[data-v-41fd486f] {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.sider-list .sider-item--inner[data-v-41fd486f]:hover {
    background-color: #eef0f3
}

.sider-list .sider-item--inner__active[data-v-41fd486f] {
    color: var(--primary-color);
    border-color: var(--primary-color);
    padding-right: 4.2rem
}

.dark .sider-item--inner[data-v-41fd486f] {
    background-color: transparent;
    border-color: #25272d
}

.dark .sider-item--inner[data-v-41fd486f]:hover {
    background-color: #25272d
}

.dark .sider-item--inner__active[data-v-41fd486f] {
    color: var(--primary-color-dark);
    background-color: #25272d
}

.mobile-sider-mask[data-v-46dcef36], .mobile-sider-mask[data-v-39e7f469] {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 40;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .4)
}

*, :before, :after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

:before, :after {
    --tw-content: ""
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b, strong {
    font-weight: bolder
}

code, kbd, samp, pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button, select {
    text-transform: none
}

button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

ol, ul, menu {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder, textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

button, [role=button] {
    cursor: pointer
}

:disabled {
    cursor: default
}

img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle
}

img, video {
    max-width: 100%;
    height: auto
}

*, :before, :after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:1 ;
    --tw-pan-y: 1;
    --tw-pinch-zoom:1 ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.inline-block {
    display: inline-block
}

.cursor-pointer {
    cursor: pointer
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-col {
    flex-direction: column
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-stretch {
    align-items: stretch
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around;
}

.gap-20 {
    gap: 20px;
}
.gap-1{gap:0.25rem}
.gap-2{gap:0.5rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1rem}
.gap-5{gap:1.25rem}
.gap-6{gap:1.5rem}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.25rem * var(--tw-space-x-reverse));
    margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.5rem * var(--tw-space-x-reverse));
    margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}
.space-y-5 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.overflow-hidden {
    overflow: hidden
}
.overflow-auto{
    overflow: auto;
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.scroll-smooth {
    scroll-behavior: smooth
}

.text-ellipsis {
    text-overflow: ellipsis
}

.whitespace-nowrap {
    white-space: nowrap
}

.break-words {
    overflow-wrap: break-word
}

.break-all {
    word-break: break-all
}

.rounded {
    border-radius: .25rem
}

.rounded-full {
    border-radius: 9999px
}

.rounded-md {
    border-radius: .375rem
}
.rounded-lg{
    border-radius:0.5rem
}
.rounded-xl {
    border-radius: .75rem
}

.border {
    border-width: 1px
}

.border-b {
    border-bottom-width: 1px
}

.border-t {
    border-top-width: 1px
}
.border-r{
    border-right-width:1px
}
.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity))
}

.bg-\[\#f4f6f8\] {
    --tw-bg-opacity: 1;
    background-color: #FFF;
}

.bg-\[var\(--chat-bg-color\)\] {
    background-color: var(--chat-bg-color)
}

.bg-neutral-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity))
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-menu {
    /*background-color: #DDDFEE;*/
    background-color: #FFFFFF;
    border-right: 1px solid #D9D9D9;
}
.dark .bg-menu{
    background-color: #25272d;
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}
.object-contain{
    object-fit:contain
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}
.text-4xl{
    font-size:2.25rem;
    line-height:2.5rem
}
.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 14px; font-weight: bold;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}
.font-normal{
    font-weight:400
}
.font-bold {
    font-weight: 700
}
.font-semibold {
    font-weight: 600
}
.font-medium {
    font-weight: 500
}
.leading-relaxed {
    line-height: 1.625
}
.italic{
    font-style:italic
}
.sun .text-\[\#b4bbc4\] {
    color: #333;
}
.text-\[\#b4bbc4\] {
    --tw-text-opacity: 1;
    color: rgb(180 187 196 / var(--tw-text-opacity))
}

.text-\[var\(--primary-color\)\] {
    color: var(--primary-color)
}
.sun .text-black{ color: #333;}
.text-black {
   color: #1980fa;
}

.text-neutral-300 {
    color: #1980fa;
}

.text-slate-500 {
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity))
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-lg{
    --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-xl{
    --tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.duration-300 {
    transition-duration: .3s
}

.hover\:bg-\[\#eef0f3\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(238 240 243 / var(--tw-bg-opacity))
}

.hover\:text-\[var\(--primary-color\)\]:hover {
    color: var(--primary-color)
}

.hover\:text-neutral-900:hover {
    --tw-text-opacity: 1;
    color: rgb(23 23 23 / var(--tw-text-opacity))
}

.group:hover .group-hover\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:text-\[var\(--primary-color\)\] {
    color: var(--primary-color)
}

:is(.dark .dark\:border-neutral-500) {
    --tw-border-opacity: 1;
    border-color: rgb(115 115 115 / var(--tw-border-opacity))
}

:is(.dark .dark\:border-neutral-700) {
    --tw-border-opacity: 1;
    border-color: rgb(64 64 64 / var(--tw-border-opacity))
}

:is(.dark .dark\:border-neutral-800) {
    --tw-border-opacity: 1;
    border-color: rgb(38 38 38 / var(--tw-border-opacity))
}

:is(.dark .dark\:border-slate-500) {
    --tw-border-opacity: 1;
    border-color: rgb(100 116 139 / var(--tw-border-opacity))
}

:is(.dark .dark\:border-b-neutral-700) {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(64 64 64 / var(--tw-border-opacity))
}

:is(.dark .dark\:border-b-neutral-800) {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(38 38 38 / var(--tw-border-opacity))
}

:is(.dark .dark\:border-t-neutral-800) {
    --tw-border-opacity: 1;
    border-top-color: rgb(38 38 38 / var(--tw-border-opacity))
}

:is(.dark .dark\:bg-\[\#000\]) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#0f0f12\]) {
    --tw-bg-opacity: 1;
    background-color: rgb(15 15 18 / var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#101014\]) {
    --tw-bg-opacity: 1;
    background-color: rgb(16 16 20 / var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#111114\]) {
    --tw-bg-opacity: 1;
    background-color: rgb(17 17 20 / var(--tw-bg-opacity))
}

.dark\:bg-\[\#18181c\] {
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 28 / var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#1e1e20\]) {
    --tw-bg-opacity: 1;
    background-color: rgb(30 30 32 / var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#202024\]) {
    --tw-bg-opacity: 1;
    background-color: rgb(32 32 36 / var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#25272c\]) {
    --tw-bg-opacity: 1;
    background-color: rgb(37 39 44 / var(--tw-bg-opacity))
}

.dark\:bg-\[\#25272d\] {
    --tw-bg-opacity: 1;
    background-color: rgb(37 39 45 / var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#262629\]) {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 41 / var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#28282c\]) {
    --tw-bg-opacity: 1;
    background-color: rgb(40 40 44 / var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#34373c\]) {
    --tw-bg-opacity: 1;
    background-color: rgb(52 55 60 / var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#35373c\]) {
    --tw-bg-opacity: 1;
    background-color: rgb(53 55 60 / var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#424245\]) {
    --tw-bg-opacity: 1;
    background-color: rgb(66 66 69 / var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[var\(--chat-bg-color-dark\)\]) {
    background-color: var(--chat-bg-color-dark)
}

:is(.dark .dark\:bg-neutral-900) {
    --tw-bg-opacity: 1;
    background-color: rgb(23 23 23 / var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-slate-500) {
    --tw-bg-opacity: 1;
    background-color: rgb(100 116 139 / var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-white\/20) {
    background-color: rgba(255, 255, 255, .2)
}

:is(.dark .dark\:bg-zinc-800) {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42 / var(--tw-bg-opacity))
}

:is(.dark .dark\:text-\[\#ff6b6b\]) {
    --tw-text-opacity: 1;
    color: rgb(255 107 107 / var(--tw-text-opacity))
}

:is(.dark .dark\:text-\[--primary-color-dark\]) {
    color: var(--primary-color-dark)
}

:is(.dark .dark\:text-\[var\(--primary-color-dark\)\]) {
    color: var(--primary-color-dark)
}

:is(.dark .dark\:text-blue-300) {
    --tw-text-opacity: 1;
    color: rgb(147 197 253 / var(--tw-text-opacity))
}

:is(.dark .dark\:text-gray-300) {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity))
}

:is(.dark .dark\:text-neutral-500) {
    --tw-text-opacity: 1;
    color: rgb(115 115 115 / var(--tw-text-opacity))
}

:is(.dark .dark\:text-neutral-600) {
    --tw-text-opacity: 1;
    color: rgb(82 82 82 / var(--tw-text-opacity))
}

:is(.dark .dark\:text-neutral-700) {
    --tw-text-opacity: 1;
    color: rgb(64 64 64 / var(--tw-text-opacity))
}

:is(.dark .dark\:text-red-400) {
    --tw-text-opacity: 1;
    color: rgb(248 113 113 / var(--tw-text-opacity))
}

:is(.dark .dark\:text-slate-300) {
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity))
}

:is(.dark .dark\:text-slate-400) {
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity))
}

:is(.dark .dark\:text-white) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

:is(.dark .dark\:text-zinc-400) {
    --tw-text-opacity: 1;
    color: rgb(161 161 170 / var(--tw-text-opacity))
}

:is(.dark .dark\:hover\:bg-\[\#33373c\]:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(51 55 60 / var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-neutral-800:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38 / var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:text-\[\#63e2b7\]:hover) {
    --tw-text-opacity: 1;
    color: rgb(99 226 183 / var(--tw-text-opacity))
}

:is(.dark .dark\:hover\:text-\[\#86dfba\]:hover) {
    --tw-text-opacity: 1;
    color: rgb(134 223 186 / var(--tw-text-opacity))
}

:is(.dark .dark\:hover\:text-\[var\(--primary-color-dark\)\]:hover) {
    color: var(--primary-color-dark)
}

:is(.dark .dark\:hover\:text-neutral-300:hover) {
    --tw-text-opacity: 1;
    color: rgb(212 212 212 / var(--tw-text-opacity))
}

:is(.dark .group:hover .dark\:group-hover\:text-\[var\(--primary-color-dark\)\]) {
    color: var(--primary-color-dark)
}

html, body, #app {
    height: 100%
}

body {
    font-family: -apple-system, PingFang SC, Microsoft YaHei, Arial, sans-serif !important;
    padding-bottom: env(safe-area-inset-bottom);
    background-color: #fff !important;
    display: block !important;
}

.pre-box a {
    text-decoration: underline;
    color: #3f7ee8
}

html input:-webkit-autofill {
    box-shadow: 0 0 0 1000px #fff inset;
    -webkit-box-shadow: 0 0 0 1000px white inset;
    -webkit-transition: background-color 5000s ease-in-out 0s !important;
    transition: background-color 5000s ease-in-out 0s !important;
    -webkit-text-fill-color: #000
}

html.dark input:-webkit-autofill {
    box-shadow: 0 0 0 1000px #303033 inset;
    -webkit-box-shadow: 0 0 0 1000px #303033 inset;
    -webkit-transition: background-color 5000s ease-in-out 0s !important;
    transition: background-color 5000s ease-in-out 0s !important;
    -webkit-text-fill-color: #fff
}

.n-image-preview-container .n-image-preview-wrapper img {
    border-radius: 5px
}

body input {

    font-family: inherit;
    font-size: inherit;

}

.v-binder-follower-content > * {
    pointer-events: all;
}

.n-notification-container > .n-scrollbar {

    width: initial;
    overflow: visible;
    height: -moz-fit-content !important;
    height: fit-content !important;
    max-height: 100vh !important;

}

.n-notification-container .n-notification .n-notification__avatar .n-base-icon {
    color: var(--n-icon-color);
}

.n-notification-container .n-notification.n-notification--closable .n-notification-main > *:first-child {
    padding-right: 20px;
}

.n-carousel .n-carousel__slides .n-carousel__slide > img {

    display: block;

}

.n-carousel .n-carousel__arrow svg {
    height: 1em;
    width: 1em;

}

.n-carousel.n-carousel--usercontrol .n-carousel__slides > div {

    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);

}

.n-carousel.n-carousel--left .n-carousel__arrow-group > *:first-child {

    margin-bottom: 12px;

}

.n-carousel.n-carousel--right .n-carousel__arrow-group > *:first-child {

    margin-bottom: 12px;

}

.n-carousel.n-carousel--top .n-carousel__arrow-group > *:first-child {

    margin-right: 12px;

}

.n-carousel.n-carousel--bottom .n-carousel__arrow-group > *:first-child {

    margin-right: 12px;

}

.n-input {
    max-width: 100%;
    cursor: text;
    line-height: 1.5;
    z-index: auto;
    outline: none;
    box-sizing: border-box;
    position: relative;
    display: inline-flex;
    border-radius: var(--n-border-radius);
    background-color: var(--n-color);
    transition: background-color .3s var(--n-bezier);
    font-size: var(--n-font-size);
    --n-padding-vertical: calc((var(--n-height) - 1.5 * var(--n-font-size)) / 2);

}

.n-input .n-input__input, .n-input .n-input__textarea {

    overflow: hidden;
    flex-grow: 1;
    position: relative;

}

.n-input .n-input__input-el, .n-input .n-input__textarea-el, .n-input .n-input__textarea-mirror, .n-input .n-input__placeholder {
    box-sizing: border-box;
    font-size: inherit;
    line-height: 1.5;
    font-family: inherit;
    border: none;
    outline: none;
    background-color: #0000;
    text-align: inherit;
    transition: -webkit-text-fill-color .3s var(--n-bezier),
    caret-color .3s var(--n-bezier),
    color .3s var(--n-bezier),
    text-decoration-color .3s var(--n-bezier);
}

.n-input .n-input__input-el, .n-input .n-input__textarea-el {
    -webkit-appearance: none;
    scrollbar-width: none;
    width: 100%;
    min-width: 0;
    text-decoration-color: var(--n-text-decoration-color);
    color: var(--n-text-color);
    caret-color: var(--n-caret-color);
    background-color: transparent;

}

.n-input .n-input__input-el::-webkit-scrollbar, .n-input .n-input__textarea-el::-webkit-scrollbar, .n-input .n-input__input-el::-webkit-scrollbar-track-piece, .n-input .n-input__textarea-el::-webkit-scrollbar-track-piece, .n-input .n-input__input-el::-webkit-scrollbar-thumb, .n-input .n-input__textarea-el::-webkit-scrollbar-thumb {

    width: 0;
    height: 0;
    display: none;

}

.n-input .n-input__input-el::placeholder, .n-input .n-input__textarea-el::placeholder {

    color: #0000;
    -webkit-text-fill-color: transparent !important;

}

.n-input .n-input__input-el:-webkit-autofill ~ .n-input__placeholder, .n-input .n-input__textarea-el:-webkit-autofill ~ .n-input__placeholder {
    display: none;
}

.n-input .n-input__placeholder {

    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    color: var(--n-placeholder-color);

}

.n-input .n-input__placeholder span {

    width: 100%;
    display: inline-block;

}

.n-input.n-input--textarea .n-input__placeholder {
    overflow: visible;
}

.n-input:not(.n-input--autosize) {
    width: 100%;
}

.n-input.n-input--autosize .n-input__textarea-el, .n-input.n-input--autosize .n-input__input-el {

    position: absolute;
    top: 0;
    left: 0;
    height: 100%;

}

.n-input .n-input-wrapper {

    overflow: hidden;
    display: inline-flex;
    flex-grow: 1;
    position: relative;
    padding-left: var(--n-padding-left);
    padding-right: var(--n-padding-right);

}

.n-input .n-input__input-el {

    padding: 0;
    height: var(--n-height);
    line-height: var(--n-height);

}

.n-input .n-input__input-el + .n-input__placeholder {
    display: flex;
    align-items: center;

}

.n-input:not(.n-input--textarea) .n-input__placeholder {
    white-space: nowrap;
}

.n-input.n-input--textarea {
    width: 100%;
}

.n-input.n-input--textarea.n-input--resizable .n-input-wrapper {

    resize: vertical;
    min-height: var(--n-height);

}

.n-input.n-input--textarea .n-input__textarea-el, .n-input.n-input--textarea .n-input__textarea-mirror, .n-input.n-input--textarea .n-input__placeholder {

    height: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: var(--n-padding-vertical);
    padding-bottom: var(--n-padding-vertical);
    word-break: break-word;
    display: inline-block;
    vertical-align: bottom;
    box-sizing: border-box;
    line-height: var(--n-line-height-textarea);
    margin: 0;
    resize: none;
    white-space: pre-wrap;

}

.n-input.n-input--textarea .n-input__textarea-mirror {

    width: 100%;
    pointer-events: none;
    overflow: hidden;
    visibility: hidden;
    position: static;
    white-space: pre-wrap;
    overflow-wrap: break-word;

}

.n-input.n-input--pair .n-input__input-el, .n-input.n-input--pair .n-input__placeholder {
    text-align: center;
}

.n-input.n-input--pair .n-input__separator .n-base-icon {

    color: var(--n-icon-color);

}

.n-input.n-input--disabled .n-input__border {
    border: var(--n-border-disabled);
}

.n-input.n-input--disabled .n-input__input-el, .n-input.n-input--disabled .n-input__textarea-el {
    cursor: not-allowed;
    color: var(--n-text-color-disabled);
    text-decoration-color: var(--n-text-color-disabled);

}

.n-input.n-input--disabled .n-input__placeholder {
    color: var(--n-placeholder-color-disabled);
}


.n-input.n-input--disabled .n-input__separator .n-base-icon {

    color: var(--n-icon-color-disabled);

}

.n-input.n-input--disabled .n-input__suffix, .n-input.n-input--disabled .n-input__prefix {
    color: var(--n-text-color-disabled);
}

.n-input:not(.n-input--disabled):hover .n-input__state-border {
    border: var(--n-border-hover);
}

.n-input:not(.n-input--disabled).n-input--focus .n-input__state-border {
    border: var(--n-border-focus);
    /*box-shadow: var(--n-box-shadow-focus);*/
}

.n-input:not(.n-input--disabled).n-input--focus {
    /*background-color: var(--n-color-focus);*/
}

.n-input .n-input__state-border {
    border-color: #0000;
    z-index: 1;

}

.n-input .n-input__prefix {
    margin-right: 4px;
}

.n-input .n-input__suffix {

    margin-left: 4px;

}

.n-input .n-input__suffix, .n-input .n-input__prefix {

    transition: color .3s var(--n-bezier);
    flex-wrap: nowrap;
    flex-shrink: 0;
    line-height: var(--n-height);
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--n-suffix-text-color);

}

.n-input .n-input__suffix .n-base-clear, .n-input .n-input__prefix .n-base-clear {

    font-size: var(--n-icon-size);

}

.n-input .n-input__suffix .n-base-clear .n-base-clear__placeholder .n-base-icon, .n-input .n-input__prefix .n-base-clear .n-base-clear__placeholder .n-base-icon {

    transition: color .3s var(--n-bezier);
    color: var(--n-icon-color);
    font-size: var(--n-icon-size);

}

.n-input .n-input__suffix .n-base-icon, .n-input .n-input__prefix .n-base-icon {

    font-size: var(--n-icon-size);

}

.n-input.n-input--warning-status:not(.n-input--disabled) .n-input__input-el, .n-input.n-input--warning-status:not(.n-input--disabled) .n-input__textarea-el {

    caret-color: var(--n-caret-color-warning);

}

.n-input.n-input--warning-status:not(.n-input--disabled) .n-input__state-border {

    border: var(--n-border-warning);

}

.n-input.n-input--warning-status:not(.n-input--disabled):hover .n-input__state-border {

    border: var(--n-border-hover-warning);

}


.n-input.n-input--warning-status:not(.n-input--disabled):focus .n-input__state-border {

    box-shadow: var(--n-box-shadow-focus-warning);
    border: var(--n-border-focus-warning);

}

.n-input.n-input--warning-status:not(.n-input--disabled).n-input--focus .n-input__state-border {

    box-shadow: var(--n-box-shadow-focus-warning);
    border: var(--n-border-focus-warning);

}

.n-input.n-input--error-status:not(.n-input--disabled) .n-input__input-el, .n-input.n-input--error-status:not(.n-input--disabled) .n-input__textarea-el {

    caret-color: var(--n-caret-color-error);

}

.n-input.n-input--error-status:not(.n-input--disabled) .n-input__state-border {

    border: var(--n-border-error);

}

.n-input.n-input--error-status:not(.n-input--disabled):hover .n-input__state-border {

    border: var(--n-border-hover-error);

}

.n-input.n-input--error-status:not(.n-input--disabled):focus .n-input__state-border {

    box-shadow: var(--n-box-shadow-focus-error);
    border: var(--n-border-focus-error);

}

.n-input.n-input--error-status:not(.n-input--disabled).n-input--focus .n-input__state-border {

    box-shadow: var(--n-box-shadow-focus-error);
    border: var(--n-border-focus-error);

}

.n-base-icon svg {

    height: 1em;
    width: 1em;

}

.n-button.n-button--color .n-button__border {
    border-color: var(--n-border-color);
}

.n-button.n-button--color.n-button--disabled .n-button__border {
    border-color: var(--n-border-color-disabled);
}

.n-button.n-button--color:not(.n-button--disabled):focus .n-button__state-border {
    border-color: var(--n-border-color-focus);
}

.n-button.n-button--color:not(.n-button--disabled):hover .n-button__state-border {
    border-color: var(--n-border-color-hover);
}

.n-button.n-button--color:not(.n-button--disabled):active .n-button__state-border {
    border-color: var(--n-border-color-pressed);
}

.n-button.n-button--color:not(.n-button--disabled).n-button--pressed .n-button__state-border {
    border-color: var(--n-border-color-pressed);
}

.n-button.n-button--disabled .n-button__border {
    border: var(--n-border-disabled);
}

.n-button:not(.n-button--disabled):focus {
    background-color: var(--n-color-focus);
    color: var(--n-text-color-focus);
}

.n-button:not(.n-button--disabled):focus .n-button__state-border {
    border: var(--n-border-focus);
}

.n-button:not(.n-button--disabled):hover {
    background-color: var(--n-color-hover);
    color: var(--n-text-color-hover);
}

.n-button:not(.n-button--disabled):hover .n-button__state-border {
    border: var(--n-border-hover);
}

.n-button:not(.n-button--disabled):active {
    background-color: var(--n-color-pressed);
    color: var(--n-text-color-pressed);
}

.n-button:not(.n-button--disabled):active .n-button__state-border {
    border: var(--n-border-pressed);
}

.n-button:not(.n-button--disabled).n-button--pressed .n-button__state-border {
    border: var(--n-border-pressed);
}

.n-button .n-base-wave {

    pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    animation-iteration-count: 1;
    animation-duration: var(--n-ripple-duration);
    animation-timing-function: var(--n-bezier-ease-out), var(--n-bezier-ease-out);

}

.n-button::moz-focus-inner {
    border: 0;
}

.n-button .n-button__border, .n-button .n-button__state-border {

    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    transition: border-color .3s var(--n-bezier);
    pointer-events: none;

}

.n-button .n-button__border {
    border: var(--n-border);
}

.n-button .n-button__content {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    min-width: 0;

}

.n-button.n-button--block {

    display: flex;
    width: 100%;

}

.n-button.n-button--dashed .n-button__border, .n-button.n-button--dashed .n-button__state-border {
    border-style: dashed !important;
}

@keyframes button-wave-spread {
    from {
        box-shadow: 0 0 0.5px 0 var(--n-ripple-color);
    }
    to {
        box-shadow: 0 0 0.5px 4.5px var(--n-ripple-color);
    }
}

@keyframes button-wave-opacity {
    from {
        opacity: var(--n-wave-opacity);
    }
    to {
        opacity: 0;
    }
}

.n-base-wave {

    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: inherit;

}

@keyframes loading-container-rotate {

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

}

@keyframes loading-layer-rotate {

    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg);
    }
    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg);
    }
    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg);
    }
    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg);
    }
    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg);
    }
    100% {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg);
    }

}

@keyframes loading-left-spin {

    from {
        -webkit-transform: rotate(265deg);
        transform: rotate(265deg);
    }
    50% {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }
    to {
        -webkit-transform: rotate(265deg);
        transform: rotate(265deg);
    }

}

@keyframes loading-right-spin {

    from {
        -webkit-transform: rotate(-265deg);
        transform: rotate(-265deg);
    }
    50% {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }
    to {
        -webkit-transform: rotate(-265deg);
        transform: rotate(-265deg);
    }

}

.n-base-clear {

    flex-shrink: 0;
    height: 1em;
    width: 1em;
    position: relative;

}

.n-base-clear > .n-base-clear__placeholder {

    display: flex;

}

.n-base-clear > .n-base-clear__placeholder {

    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);

}

.n-message .n-message__icon.n-message__icon--default-type > * {

    color: var(--n-icon-color-default);
    transition: color .3s var(--n-bezier);

}

.n-message .n-message__icon.n-message__icon--info-type > * {

    color: var(--n-icon-color-info);
    transition: color .3s var(--n-bezier);

}

.n-message .n-message__icon.n-message__icon--success-type > * {

    color: var(--n-icon-color-success);
    transition: color .3s var(--n-bezier);

}

.n-message .n-message__icon.n-message__icon--warning-type > * {

    color: var(--n-icon-color-warning);
    transition: color .3s var(--n-bezier);

}

.n-message .n-message__icon.n-message__icon--error-type > * {

    color: var(--n-icon-color-error);
    transition: color .3s var(--n-bezier);

}

.n-message .n-message__icon.n-message__icon--loading-type > * {

    color: var(--n-icon-color-loading);
    transition: color .3s var(--n-bezier);

}

.n-message .n-message__icon > * {

    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;

}

.n-layout {

    color: var(--n-text-color);
    background-color: var(--n-color);
    box-sizing: border-box;
    position: relative;
    z-index: auto;
    flex: auto;
    overflow: hidden;
    transition: box-shadow .3s var(--n-bezier),
    background-color .3s var(--n-bezier),
    color .3s var(--n-bezier);

}

.n-layout .n-layout-scroll-container {

    overflow-x: hidden;
    box-sizing: border-box;
    height: 100%;

}

.n-layout-sider {

    flex-shrink: 0;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    color: var(--n-text-color);
    transition: color .3s var(--n-bezier),
    border-color .3s var(--n-bezier),
    min-width .3s var(--n-bezier),
    max-width .3s var(--n-bezier),
    transform .3s var(--n-bezier),
    background-color .3s var(--n-bezier);
    background-color: var(--n-color);
    display: flex;
    justify-content: flex-end;
    max-width: 72px;
    width: 72px;
}

.n-layout-sider.n-layout-sider--bordered .n-layout-sider__border {

    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: var(--n-border-color);
    transition: background-color .3s var(--n-bezier);

}

.n-layout-sider .n-layout-sider__left-placement.n-layout-sider__left-placement--bordered .n-layout-sider__border {

    right: 0;

}

.n-layout-sider.n-layout-sider--right-placement.n-layout-sider--bordered .n-layout-sider__border {

    left: 0;

}

.n-layout-sider.n-layout-sider--right-placement.n-layout-sider--collapsed .n-layout-toggle-button .n-base-icon {

    transform: rotate(180deg);

}

.n-layout-sider.n-layout-sider--right-placement .n-layout-toggle-button {

    left: 0;
    transform: translateX(-50%) translateY(-50%);

}

.n-layout-sider.n-layout-sider--right-placement .n-layout-toggle-button .n-base-icon {

    transform: rotate(0);

}

.n-layout-sider.n-layout-sider--collapsed .n-layout-toggle-button .n-base-icon {

    transform: rotate(0);

}

.n-layout-sider .n-layout-toggle-button {

    transition: color .3s var(--n-bezier),
    right .3s var(--n-bezier),
    left .3s var(--n-bezier),
    border-color .3s var(--n-bezier),
    background-color .3s var(--n-bezier);
    cursor: pointer;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: var(--n-toggle-button-icon-color);
    border: var(--n-toggle-button-border);
    background-color: var(--n-toggle-button-color);
    box-shadow: 0 2px 4px 0px rgba(0, 0, 0, .06);
    transform: translateX(50%) translateY(-50%);
    z-index: 1;

}

.n-layout-sider .n-layout-toggle-button .n-base-icon {

    transition: transform .3s var(--n-bezier);
    transform: rotate(180deg);

}

.n-layout-sider .n-layout-sider__border {

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    transition: background-color .3s var(--n-bezier);

}

.n-layout-sider .n-layout-sider-scroll-container {

    flex-grow: 1;
    flex-shrink: 0;
    box-sizing: border-box;
    height: 100%;
    opacity: 0;
    transition: opacity .3s var(--n-bezier);
    max-width: 100%;

}

.n-layout-sider.n-layout-sider--show-content .n-layout-sider-scroll-container {
    opacity: 1;
}

.n-popover > .n-scrollbar {

    height: inherit;
    max-height: inherit;

}

@keyframes badge-wave-spread {
    from {
        box-shadow: 0 0 0.5px 0px var(--n-ripple-color);
        opacity: 0.6;
    }
    to {
        box-shadow: 0 0 0.5px 4.5px var(--n-ripple-color);
        opacity: 0;
    }
}

.n-badge {

    display: inline-flex;
    position: relative;
    vertical-align: middle;
    color: var(--n-color);
    font-family: var(--n-font-family);

}

.n-badge.n-badge--as-is .n-badge-sup {
    position: static;
    transform: translateX(0);
}

.n-badge.n-badge--dot .n-badge-sup {

    height: 8px;
    width: 8px;
    padding: 0;
    min-width: 8px;
    left: 100%;
    bottom: calc(100% - 4px);

}

.n-badge.n-badge--dot .n-badge-sup ::before {
    border-radius: 4px;
}

.n-badge .n-badge-sup {

    background: var(--n-color);
    transition: background-color .3s var(--n-bezier),
    color .3s var(--n-bezier);
    color: #FFF;
    position: absolute;
    height: 18px;
    line-height: 18px;
    border-radius: 9px;
    padding: 0 6px;
    text-align: center;
    font-size: var(--n-font-size);
    transform: translateX(-50%);
    left: 100%;
    bottom: calc(100% - 9px);
    font-variant-numeric: tabular-nums;
    z-index: 1;
    display: flex;
    align-items: center;

}

.n-badge .n-badge-sup .n-base-wave {
    z-index: 1;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-delay: 1s;
    animation-timing-function: var(--n-ripple-bezier);
    animation-name: badge-wave-spread;
}

.n-badge .n-badge-sup::before {

    opacity: 0;
    transform: scale(1);
    border-radius: 9px;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

}

.n-scrollbar {

    overflow: hidden;
    position: relative;
    z-index: auto;
    height: 100%;
    width: 100%;

}

.n-scrollbar > .n-scrollbar-rail, .n-scrollbar + .n-scrollbar-rail {

    position: absolute;
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;

}

.n-scrollbar > .n-scrollbar-rail.n-scrollbar-rail--vertical, .n-scrollbar + .n-scrollbar-rail.n-scrollbar-rail--vertical {

    right: 4px;
    top: 2px;
    bottom: 2px;
    width: var(--n-scrollbar-width);

}

@keyframes spin-rotate {

    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }

}

.n-back-top .n-base-icon {

    font-size: var(--n-icon-size);
    color: var(--n-icon-color);
    transition: color .3s var(--n-bezier);

}

.n-back-top svg {
    pointer-events: none;
}

.n-back-top:hover .n-base-icon {
    color: var(--n-icon-color-hover);
}

.n-back-top:active .n-base-icon {
    color: var(--n-icon-color-pressed);
}

.n-progress {
    display: inline-block;
}

.n-progress.n-progress--line {
    width: 100%;
    display: block;
}

.n-progress.n-progress--line .n-progress-content {
    display: flex;
    align-items: center;
}

.n-progress.n-progress--line .n-progress-content .n-progress-graph {
    flex: 1;
}

.n-progress .n-progress-content {
    position: relative;
}

.n-progress .n-progress-graph {
    position: relative;
}

.n-progress .n-progress-graph .n-progress-graph-circle svg {
    vertical-align: bottom;
}

.n-progress .n-progress-graph .n-progress-graph-line.n-progress-graph-line--indicator-inside .n-progress-graph-line-rail {

    height: 16px;
    line-height: 16px;
    border-radius: 10px;

}

.n-progress .n-progress-graph .n-progress-graph-line.n-progress-graph-line--indicator-inside .n-progress-graph-line-rail .n-progress-graph-line-fill {

    height: inherit;
    border-radius: 10px;

}

.n-progress .n-progress-graph .n-progress-graph-line.n-progress-graph-line--indicator-inside .n-progress-graph-line-rail .n-progress-graph-line-indicator {

    background: #0000;
    white-space: nowrap;
    text-align: right;
    margin-left: 14px;
    margin-right: 14px;
    height: inherit;
    font-size: 12px;
    color: var(--n-text-color-line-inner);
    transition: color .3s var(--n-bezier);

}

.n-progress .n-progress-graph .n-progress-graph-line.n-progress-graph-line--indicator-inside-label .n-progress-graph-line-rail {

    flex: 1;
    transition: background-color .3s var(--n-bezier);

}

.n-progress .n-progress-graph .n-progress-graph-line .n-progress-graph-line-rail {

    position: relative;
    overflow: hidden;
    height: var(--n-rail-height);
    border-radius: 5px;
    background-color: var(--n-rail-color);
    transition: background-color .3s var(--n-bezier);

}

.n-progress .n-progress-graph .n-progress-graph-line .n-progress-graph-line-rail .n-progress-graph-line-fill {

    background: var(--n-fill-color);
    position: relative;
    border-radius: 5px;
    height: inherit;
    width: 100%;
    max-width: 0%;
    transition: background-color .3s var(--n-bezier),
    max-width .2s var(--n-bezier);

}

@keyframes progress-processing-animation {

    0% {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 100%;
        opacity: 1;
    }
    66% {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
    }
    100% {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
    }

}


.n-skeleton {

    height: 1em;
    width: 100%;
    transition: background-color .3s var(--n-bezier);
    transition: --n-color-start .3s var(--n-bezier),
    --n-color-end .3s var(--n-bezier),
    background-color .3s var(--n-bezier);
    animation: 2s skeleton-loading infinite cubic-bezier(0.36, 0, 0.64, 1);
    background-color: var(--n-color-start);

}

@keyframes skeleton-loading {

    0% {
        background: var(--n-color-start);
    }
    40% {
        background: var(--n-color-end);
    }
    80% {
        background: var(--n-color-start);
    }
    100% {
        background: var(--n-color-start);
    }

}

.n-popconfirm .n-popconfirm__action .n-button:not(:last-child) {
    margin-right: 8px;
}

.n-switch {

    height: var(--n-height);
    min-width: var(--n-width);
    vertical-align: middle;
    user-select: none;
    -webkit-user-select: none;
    display: inline-flex;
    outline: none;
    justify-content: center;
    align-items: center;

}

.n-switch:focus .n-switch__rail {

    box-shadow: var(--n-box-shadow-focus);

}

.n-switch.n-switch--round .n-switch__rail {
    border-radius: calc(var(--n-rail-height) / 2);
}

.n-switch.n-switch--round .n-switch__rail .n-switch__button {
    border-radius: calc(var(--n-button-height) / 2);
}

.n-switch:not(.n-switch--disabled):not(.n-switch--icon).n-switch--rubber-band.n-switch--pressed .n-switch__rail .n-switch__button {
    max-width: var(--n-button-width-pressed);
}

.n-switch:not(.n-switch--disabled):not(.n-switch--icon).n-switch--rubber-band .n-switch__rail:active .n-switch__button {
    max-width: var(--n-button-width-pressed);
}

.n-switch:not(.n-switch--disabled):not(.n-switch--icon).n-switch--rubber-band.n-switch--active.n-switch--pressed .n-switch__rail .n-switch__button {
    left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));
}

.n-switch:not(.n-switch--disabled):not(.n-switch--icon).n-switch--rubber-band.n-switch--active .n-switch__rail:active .n-switch__button {
    left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));
}

.n-switch.n-switch--active .n-switch__rail .n-switch__button {
    left: calc(100% - var(--n-button-width) - var(--n-offset))
}

.n-switch .n-switch__rail {

    overflow: hidden;
    height: var(--n-rail-height);
    min-width: var(--n-rail-width);
    border-radius: var(--n-rail-border-radius);
    cursor: pointer;
    position: relative;
    transition: opacity .3s var(--n-bezier),
    background .3s var(--n-bezier),
    box-shadow .3s var(--n-bezier);
    background-color: var(--n-rail-color);

}

.n-switch .n-switch__rail .n-switch__button {

    align-items: center;
    top: var(--n-offset);
    left: var(--n-offset);
    height: var(--n-button-height);
    width: var(--n-button-width-pressed);
    max-width: var(--n-button-width);
    border-radius: var(--n-button-border-radius);
    background-color: var(--n-button-color);
    box-shadow: var(--n-button-box-shadow);
    box-sizing: border-box;
    cursor: inherit;
    content: "";
    position: absolute;
    transition: background-color .3s var(--n-bezier),
    left .3s var(--n-bezier),
    opacity .3s var(--n-bezier),
    max-width .3s var(--n-bezier),
    box-shadow .3s var(--n-bezier);

}

.n-switch.n-switch--active .n-switch__rail {
    background-color: var(--n-rail-color-active);
}

.n-switch.n-switch--loading .n-switch__rail {

    cursor: wait;

}

.n-switch.n-switch--disabled .n-switch__rail {

    cursor: not-allowed;
    opacity: .5;

}

.n-image-preview-toolbar .n-base-icon {

    padding: 0 8px;
    font-size: 28px;
    cursor: pointer;

}

.n-image img {

    border-radius: inherit;

}

.n-pagination > *:not(:first-child) {

    margin: var(--n-item-margin);

}

.n-pagination .n-pagination-quick-jumper .n-input {

    margin: var(--n-input-margin);
    width: var(--n-input-width);

}

.n-pagination .n-pagination-item.n-pagination-item--button .n-base-icon {

    font-size: var(--n-button-icon-size);

}

.n-pagination.n-pagination--simple .n-pagination-quick-jumper .n-input {

    margin: 0;

}

::-webkit-scrollbar {
    background-color: transparent;
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}

html.dark ::-webkit-scrollbar {
    background-color: transparent;
    width: 5px;
    height: 5px;
}

html.dark ::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 5px;
}

.__input-dark-enagr0-m {
    --n-bezier: cubic-bezier(.4, 0, .2, 1);
    --n-count-text-color: rgba(255, 255, 255, 0.52);
    --n-count-text-color-disabled: rgba(255, 255, 255, 0.38);
    --n-color: rgba(255, 255, 255, 0.1);
    --n-font-size: 14px;
    --n-border-radius: 3px;
    --n-height: 34px;
    --n-padding-left: 12px;
    --n-padding-right: 12px;
    --n-text-color: rgba(255, 255, 255, 0.82);
    --n-caret-color: #ff8cc8;
    --n-text-decoration-color: rgba(255, 255, 255, 0.82);
    --n-border: 1px solid #0000;
    --n-border-disabled: 1px solid #0000;
    --n-border-hover: 1px solid #1980fa;
    --n-border-focus: 1px solid #1980fa;
    --n-placeholder-color: rgba(255, 255, 255, 0.38);
    --n-placeholder-color-disabled: rgba(255, 255, 255, 0.28);
    --n-icon-size: 16px;
    --n-line-height-textarea: 1.6;
    --n-color-disabled: rgba(255, 255, 255, 0.06);
    --n-color-focus: rgba(255, 140, 200, 0.1);
    --n-text-color-disabled: rgba(255, 255, 255, 0.38);
    --n-box-shadow-focus: 0 0 8px 0 rgba(255, 140, 200, 0.3);
    --n-loading-color: #ff8cc8;
    --n-caret-color-warning: #f2c97d;
    --n-color-focus-warning: rgba(242, 201, 125, 0.1);
    --n-box-shadow-focus-warning: 0 0 8px 0 rgba(242, 201, 125, 0.3);
    --n-border-warning: 1px solid #f2c97d;
    --n-border-focus-warning: 1px solid #f5d599;
    --n-border-hover-warning: 1px solid #f5d599;
    --n-loading-color-warning: #f2c97d;
    --n-caret-color-error: #e88080;
    --n-color-focus-error: rgba(232, 128, 128, 0.1);
    --n-box-shadow-focus-error: 0 0 8px 0 rgba(232, 128, 128, 0.3);
    --n-border-error: 1px solid #e88080;
    --n-border-focus-error: 1px solid #e98b8b;
    --n-border-hover-error: 1px solid #e98b8b;
    --n-loading-color-error: #e88080;
    --n-clear-color: rgba(255, 255, 255, 0.38);
    --n-clear-size: 16px;
    --n-clear-color-hover: rgba(255, 255, 255, 0.48);
    --n-clear-color-pressed: rgba(255, 255, 255, 0.3);
    --n-icon-color: rgba(255, 255, 255, 0.38);
    --n-icon-color-hover: rgba(255, 255, 255, 0.475);
    --n-icon-color-pressed: rgba(255, 255, 255, 0.30400000000000005);
    --n-icon-color-disabled: rgba(255, 255, 255, 0.28);
    --n-suffix-text-color: rgba(255, 255, 255, 0.82);
}

@keyframes animate_dots {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes animate_dots {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.__layout-dark-enagr0 {
    --n-bezier: cubic-bezier(.4, 0, .2, 1);
    --n-color: rgb(16, 16, 20);
    --n-text-color: rgba(255, 255, 255, 0.82);
}

.__layout-sider-dark-enagr0-b {
    --n-bezier: cubic-bezier(.4, 0, .2, 1);
    --n-toggle-button-color: rgb(72, 72, 78);
    --n-toggle-button-border: 1px solid transparent;
    --n-toggle-bar-color: rgba(64, 64, 67, 1);
    --n-toggle-bar-color-hover: rgba(88, 88, 91, 1);
    --n-color: rgb(24, 24, 28);
    --n-text-color: rgba(255, 255, 255, 0.82);
    --n-border-color: rgba(255, 255, 255, 0.09);
    --n-toggle-button-icon-color: rgba(255, 255, 255, 0.82);
}

.__badge-dark-enagr0-d {
    --n-font-size: 12px;
    --n-font-family: v-sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --n-color: rgb(208, 58, 82);
    --n-ripple-color: rgb(208, 58, 82);
    --n-bezier: cubic-bezier(.4, 0, .2, 1);
    --n-ripple-bezier: cubic-bezier(0, 0, .2, 1);
}

.__button-dark-enagr0-dfltmp {
    --n-bezier: cubic-bezier(.4, 0, .2, 1);
    --n-bezier-ease-out: cubic-bezier(0, 0, .2, 1);
    --n-ripple-duration: .6s;
    --n-opacity-disabled: 0.38;
    --n-wave-opacity: 0.8;
    font-weight: 400;
    --n-color: rgba(117, 124, 253, 0.16);
    --n-color-hover: rgba(117, 124, 253, 0.2);
    --n-color-pressed: rgba(117, 124, 253, 0.12);
    --n-color-focus: rgba(117, 124, 253, 0.2);
    --n-color-disabled: rgba(255, 255, 255, .08);
    --n-ripple-color: #0000;
    --n-text-color: #1980FA;
    --n-text-color-hover: #1980FA;
    --n-text-color-pressed: #1980FA;
    --n-text-color-focus: #1980FA;
    --n-text-color-disabled: #1980FA;
    --n-border: 1px solid #1980FA;
    --n-border-hover: 1px solid #ffb5d9;
    --n-border-pressed: 1px solid #ff64b9;
    --n-border-focus: 1px solid #ffb5d9;
    --n-border-disabled: 1px solid #1980FA;
    --n-width: initial;
    --n-height: 22px;
    --n-font-size: 12px;
    --n-padding: 0 10px;
    --n-icon-size: 14px;
    --n-icon-margin: 6px;
    --n-border-radius: 22px;
}

.__scrollbar-dark-enagr0 {
    --n-scrollbar-bezier: cubic-bezier(.4, 0, .2, 1);
    --n-scrollbar-color: rgba(255, 255, 255, 0.2);
    --n-scrollbar-color-hover: rgba(255, 255, 255, 0.3);
    --n-scrollbar-border-radius: 5px;
    --n-scrollbar-width: 5px;
    --n-scrollbar-height: 5px;
}

@-webkit-keyframes Typewriter-cursor {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes Typewriter-cursor {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.__button-dark-enagr0-dlsmd {
    --n-bezier: cubic-bezier(.4, 0, .2, 1);
    --n-bezier-ease-out: cubic-bezier(0, 0, .2, 1);
    --n-ripple-duration: .6s;
    --n-opacity-disabled: 0.38;
    --n-wave-opacity: 0.8;
    font-weight: 400;
    --n-color: #0000;
    --n-color-hover: #0000;
    --n-color-pressed: #0000;
    --n-color-focus: #0000;
    --n-color-disabled: #0000;
    --n-ripple-color: #1980fa;
    --n-text-color: #1980fa;
    --n-text-color-hover: #1980fa;
    --n-text-color-pressed: #1980fa;
    --n-text-color-focus: #1980fa;
    --n-text-color-disabled: rgba(255, 255, 255, 0.82);
    --n-border: 1px solid rgba(255, 255, 255, 0.24);
    --n-border-hover: 1px solid #1980fa;
    --n-border-pressed: 1px solid #1980fa;
    --n-border-focus: 1px solid #1980fa;
    --n-border-disabled: 1px solid rgba(255, 255, 255, 0.24);
    --n-width: initial;
    --n-height: 28px;
    --n-font-size: 14px;
    --n-padding: 0 14px;
    --n-icon-size: 18px;
    --n-icon-margin: 6px;
    --n-border-radius: 28px;
}

.__button-dark-enagr0-lsmp {
    --n-bezier: cubic-bezier(.4, 0, .2, 1);
    --n-bezier-ease-out: cubic-bezier(0, 0, .2, 1);
    --n-ripple-duration: .6s;
    --n-opacity-disabled: 0.38;
    --n-wave-opacity: 0.8;
    font-weight: 400;
    --n-color: #1980FA;
    --n-color-hover: #1980fa;
    --n-color-pressed: #1980fa;
    --n-color-focus: #1980fa;
    --n-color-disabled: #1980fa;
    --n-ripple-color: #1980fa;
    --n-text-color: #fff;
    --n-text-color-hover: #FFF;
    --n-text-color-pressed: #FFF;
    --n-text-color-focus: #FFF;
    --n-text-color-disabled: #FFF;
    --n-border: 1px solid #1980FA;
    --n-border-hover: 1px solid #1980FA;
    --n-border-pressed: 1px solid #1980FA;
    --n-border-focus: 1px solid #1980FA;
    --n-border-disabled: 1px solid #1980FA;
    --n-width: initial;
    --n-height: 28px;
    --n-font-size: 14px;
    --n-padding: 0 10px;
    --n-icon-size: 18px;
    --n-icon-margin: 6px;
    --n-border-radius: 3px;
}

.__input-dark-enagr0-s {
    --n-bezier: cubic-bezier(.4, 0, .2, 1);
    --n-count-text-color: rgba(255, 255, 255, 0.52);
    --n-count-text-color-disabled: rgba(255, 255, 255, 0.38);
    --n-color: rgba(255, 255, 255, 0.1);
    --n-font-size: 14px;
    --n-border-radius: 3px;
    --n-height: 28px;
    --n-padding-left: 10px;
    --n-padding-right: 10px;
    --n-text-color: rgba(255, 255, 255, 0.82);
    --n-caret-color: #ff8cc8;
    --n-text-decoration-color: rgba(255, 255, 255, 0.82);
    --n-border: 1px solid #0000;
    --n-border-disabled: 1px solid #0000;
    --n-border-hover: 1px solid #ffb5d9;
    --n-border-focus: 1px solid #ffb5d9;
    --n-placeholder-color: rgba(255, 255, 255, 0.38);
    --n-placeholder-color-disabled: rgba(255, 255, 255, 0.28);
    --n-icon-size: 16px;
    --n-line-height-textarea: 1.6;
    --n-color-disabled: rgba(255, 255, 255, 0.06);
    --n-color-focus: rgba(255, 140, 200, 0.1);
    --n-text-color-disabled: rgba(255, 255, 255, 0.38);
    --n-box-shadow-focus: 0 0 8px 0 rgba(255, 140, 200, 0.3);
    --n-loading-color: #ff8cc8;
    --n-caret-color-warning: #f2c97d;
    --n-color-focus-warning: rgba(242, 201, 125, 0.1);
    --n-box-shadow-focus-warning: 0 0 8px 0 rgba(242, 201, 125, 0.3);
    --n-border-warning: 1px solid #f2c97d;
    --n-border-focus-warning: 1px solid #f5d599;
    --n-border-hover-warning: 1px solid #f5d599;
    --n-loading-color-warning: #f2c97d;
    --n-caret-color-error: #e88080;
    --n-color-focus-error: rgba(232, 128, 128, 0.1);
    --n-box-shadow-focus-error: 0 0 8px 0 rgba(232, 128, 128, 0.3);
    --n-border-error: 1px solid #e88080;
    --n-border-focus-error: 1px solid #e98b8b;
    --n-border-hover-error: 1px solid #e98b8b;
    --n-loading-color-error: #e88080;
    --n-clear-color: rgba(255, 255, 255, 0.38);
    --n-clear-size: 16px;
    --n-clear-color-hover: rgba(255, 255, 255, 0.48);
    --n-clear-color-pressed: rgba(255, 255, 255, 0.3);
    --n-icon-color: rgba(255, 255, 255, 0.38);
    --n-icon-color-hover: rgba(255, 255, 255, 0.475);
    --n-icon-color-pressed: rgba(255, 255, 255, 0.30400000000000005);
    --n-icon-color-disabled: rgba(255, 255, 255, 0.28);
    --n-suffix-text-color: rgba(255, 255, 255, 0.82);
}

.__button-dark-enagr0-lsmd {
    --n-bezier: cubic-bezier(.4, 0, .2, 1);
    --n-bezier-ease-out: cubic-bezier(0, 0, .2, 1);
    --n-ripple-duration: .6s;
    --n-opacity-disabled: 0.38;
    --n-wave-opacity: 0.8;
    font-weight: 400;
    --n-color: #0000;
    --n-color-hover: #0000;
    --n-color-pressed: #0000;
    --n-color-focus: #0000;
    --n-color-disabled: #0000;
    --n-ripple-color: #ff8cc8;
    --n-text-color: #1980fa;
    --n-text-color-hover: #1980fa;
    --n-text-color-pressed: #1980FA;
    --n-text-color-focus: #ffb5d9;
    --n-text-color-disabled: rgba(255, 255, 255, 0.82);
    --n-border: 1px solid rgba(255, 255, 255, 0.24);
    --n-border-hover: 1px solid #1980FA;
    --n-border-pressed: 1px solid #ff64b9;
    --n-border-focus: 1px solid #1980FA;
    --n-border-disabled: 1px solid rgba(255, 255, 255, 0.24);
    --n-width: initial;
    --n-height: 28px;
    --n-font-size: 14px;
    --n-padding: 0 10px;
    --n-icon-size: 18px;
    --n-icon-margin: 6px;
    --n-border-radius: 3px;
}

.__button-dark-enagr0-cltmp {
    --n-bezier: cubic-bezier(.4, 0, .2, 1);
    --n-bezier-ease-out: cubic-bezier(0, 0, .2, 1);
    --n-ripple-duration: .6s;
    --n-opacity-disabled: 0.38;
    --n-wave-opacity: 0.8;
    font-weight: 400;
    --n-color: #0000;
    --n-color-hover: #0000;
    --n-color-pressed: #0000;
    --n-color-focus: #0000;
    --n-color-disabled: #0000;
    --n-ripple-color: #0000;
    --n-text-color: #ff8cc8;
    --n-text-color-hover: #ffb5d9;
    --n-text-color-pressed: #ff64b9;
    --n-text-color-focus: #ffb5d9;
    --n-text-color-disabled: rgba(255, 255, 255, 0.82);
    --n-border: none;
    --n-border-hover: none;
    --n-border-pressed: none;
    --n-border-focus: none;
    --n-border-disabled: none;
    --n-width: initial;
    --n-height: initial;
    --n-font-size: 12px;
    --n-padding: initial;
    --n-icon-size: 14px;
    --n-icon-margin: 6px;
    --n-border-radius: initial;
}

.__progress-dark-enagr0-d {
    --n-bezier: cubic-bezier(.4, 0, .2, 1);
    --n-fill-color: #70c0e8;
    --n-font-size: 14px;
    --n-font-size-circle: 28px;
    --n-font-weight-circle: 400;
    --n-icon-color: #70c0e8;
    --n-icon-size-circle: 36px;
    --n-icon-size-line: 18px;
    --n-line-bg-processing: linear-gradient(90deg, rgba(255, 255, 255, .3) 0%, rgba(255, 255, 255, .5) 100%);
    --n-rail-color: rgba(255, 255, 255, 0.12);
    --n-rail-height: 8px;
    --n-text-color-circle: rgba(255, 255, 255, 0.82);
    --n-text-color-line-inner: rgb(0, 0, 0);
    --n-text-color-line-outer: rgba(255, 255, 255, 0.82);
}

.__switch-dark-enagr0-s {
    --n-bezier: cubic-bezier(.4, 0, .2, 1);
    --n-button-border-radius: 3px;
    --n-button-box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.4);
    --n-button-color: #FFF;
    --n-button-width: 14px;
    --n-button-width-pressed: 20px;
    --n-button-height: 14px;
    --n-height: max(18px, 14px);
    --n-offset: calc((18px - 14px) / 2);
    --n-opacity-disabled: 0.38;
    --n-rail-border-radius: 3px;
    --n-rail-color: rgba(255, 255, 255, .20);
    --n-rail-color-active: #ffb5d9;
    --n-rail-height: 18px;
    --n-rail-width: 32px;
    --n-width: max(32px, calc(32px + 14px - 18px));
    --n-box-shadow-focus: 0 0 8px 0 rgba(255, 140, 200, 0.3);
    --n-loading-color: #ffb5d9;
    --n-text-color: rgba(255, 255, 255, 0.82);
    --n-icon-color: #000;
}

.n-modal-container {
    position: fixed;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    display: flex;
}

.n-modal-body-wrapper {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: visible;
}

.__scrollbar-dark-enagr0 {
    --n-scrollbar-bezier: cubic-bezier(.4, 0, .2, 1);
    --n-scrollbar-color: rgba(255, 255, 255, 0.2);
    --n-scrollbar-color-hover: rgba(255, 255, 255, 0.3);
    --n-scrollbar-border-radius: 5px;
    --n-scrollbar-width: 5px;
    --n-scrollbar-height: 5px;
}

.n-scrollbar {
    overflow: hidden;
    position: relative;
    z-index: auto;
    height: 100%;
    width: 100%;
}

.n-scrollbar > .n-scrollbar-container {
    width: 100%;
    overflow: scroll;
    height: 100%;
    max-height: inherit;
    scrollbar-width: none;
}

.n-scrollbar > .n-scrollbar-container > .n-scrollbar-content {
    box-sizing: border-box;
    min-width: 100%;
}

.n-modal-body-wrapper .n-modal-scroll-content {
    min-height: 100%;
    display: flex;
    position: relative;
}

.n-modal-mask {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
}

.n-card > .n-card-header {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    font-size: var(--n-title-font-size);
    padding: var(--n-padding-top) var(--n-padding-left) var(--n-padding-bottom) var(--n-padding-left);
}

.n-card > .n-card-header .n-card-header__main {
    font-weight: var(--n-title-font-weight);
    transition: color .3s var(--n-bezier);
    flex: 1;
    min-width: 0;
    color: var(--n-title-text-color);
}

.n-card > .n-card-header .n-card-header__close {
    margin: 0 0 0 8px;
    transition: background-color .3s var(--n-bezier), color .3s var(--n-bezier);
}

.n-base-close.n-base-close--absolute {
    height: var(--n-close-icon-size);
    width: var(--n-close-icon-size);
}

.n-base-close {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: transparent;
    color: var(--n-close-icon-color);
    border-radius: var(--n-close-border-radius);
    height: var(--n-close-size);
    width: var(--n-close-size);
    font-size: var(--n-close-icon-size);
    outline: none;
    border: none;
    position: relative;
    padding: 0;
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
}

button, [role="button"] {
    cursor: pointer;
}

.n-base-icon {
    height: 1em;
    width: 1em;
    line-height: 1em;
    text-align: center;
    display: inline-block;
    position: relative;
    fill: currentColor;
    transform: translateZ(0);
}

.n-card .n-card__content, .n-card .n-card__footer {
    box-sizing: border-box;
    padding: 0 var(--n-padding-left) var(--n-padding-bottom) var(--n-padding-left);
    font-size: var(--n-font-size);
}

.n-card .n-card__content {
    flex: 1;
    min-width: 0;
}

.n-input .n-input-wrapper {
    overflow: hidden;
    display: inline-flex;
    flex-grow: 1;
    position: relative;
    padding-left: var(--n-padding-left);
    padding-right: var(--n-padding-right);
}

.n-input .n-input__input, .n-input .n-input__textarea {
    overflow: hidden;
    flex-grow: 1;
    position: relative;
}

.n-input .n-input__input-el {
    padding: 0;
    height: var(--n-height);
    line-height: var(--n-height);
}

.n-input .n-input__input-el, .n-input .n-input__textarea-el, .n-input .n-input__input-mirror, .n-input .n-input__textarea-mirror, .n-input .n-input__separator, .n-input .n-input__placeholder {
    box-sizing: border-box;
    font-size: inherit;
    line-height: 1.5;
    font-family: inherit;
    border: none;
    outline: none;
    background-color: #0000;
    text-align: inherit;
    transition: -webkit-text-fill-color .3s var(--n-bezier), caret-color .3s var(--n-bezier), color .3s var(--n-bezier), text-decoration-color .3s var(--n-bezier);
}

.n-input .n-input__border, .n-input .n-input__state-border {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    border-radius: inherit;
    border: var(--n-border);
    transition: box-shadow .3s var(--n-bezier), border-color .3s var(--n-bezier);
}

.__button-dark-enagr0-lmmd {
    --n-bezier: cubic-bezier(.4, 0, .2, 1);
    --n-bezier-ease-out: cubic-bezier(0, 0, .2, 1);
    --n-ripple-duration: .6s;
    --n-opacity-disabled: 0.38;
    --n-wave-opacity: 0.8;
    font-weight: 400;
    --n-color: #0000;
    --n-color-hover: #0000;
    --n-color-pressed: #0000;
    --n-color-focus: #0000;
    --n-color-disabled: #0000;
    --n-ripple-color: #ff8cc8;
    --n-text-color: rgba(255, 255, 255, 0.82);
    --n-text-color-hover: #ffb5d9;
    --n-text-color-pressed: #ff64b9;
    --n-text-color-focus: #ffb5d9;
    --n-text-color-disabled: rgba(255, 255, 255, 0.82);
    --n-border: 1px solid rgba(255, 255, 255, 0.24);
    --n-border-hover: 1px solid #ffb5d9;
    --n-border-pressed: 1px solid #ff64b9;
    --n-border-focus: 1px solid #ffb5d9;
    --n-border-disabled: 1px solid rgba(255, 255, 255, 0.24);
    --n-width: initial;
    --n-height: 34px;
    --n-font-size: 14px;
    --n-padding: 0 14px;
    --n-icon-size: 18px;
    --n-icon-margin: 6px;
    --n-border-radius: 3px;
}

.n-button .n-button__state-border {
    border: var(--n-border);
    border-color: #0000;
    z-index: 1;
}

.__button-dark-enagr0-lmmp {
    --n-bezier: cubic-bezier(.4, 0, .2, 1);
    --n-bezier-ease-out: cubic-bezier(0, 0, .2, 1);
    --n-ripple-duration: .6s;
    --n-opacity-disabled: 0.38;
    --n-wave-opacity: 0.8;
    font-weight: 400;
    --n-color: #ff8cc8;
    --n-color-hover: #ffb5d9;
    --n-color-pressed: #ff64b9;
    --n-color-focus: #ffb5d9;
    --n-color-disabled: #ff8cc8;
    --n-ripple-color: #ff8cc8;
    --n-text-color: #000;
    --n-text-color-hover: #000;
    --n-text-color-pressed: #000;
    --n-text-color-focus: #000;
    --n-text-color-disabled: #000;
    --n-border: 1px solid #ff8cc8;
    --n-border-hover: 1px solid #ffb5d9;
    --n-border-pressed: 1px solid #ff64b9;
    --n-border-focus: 1px solid #ffb5d9;
    --n-border-disabled: 1px solid #ff8cc8;
    --n-width: initial;
    --n-height: 34px;
    --n-font-size: 14px;
    --n-padding: 0 14px;
    --n-icon-size: 18px;
    --n-icon-margin: 6px;
    --n-border-radius: 3px;
}

.n-button {
    margin: 0;
    margin-right: 0px;
    margin-left: 0px;
    font-weight: var(--n-font-weight);
    line-height: 1;
    font-family: inherit;
    padding: var(--n-padding);
    height: var(--n-height);
    font-size: var(--n-font-size);
    border-radius: var(--n-border-radius);
    color: var(--n-text-color);
    background-color: var(--n-color);
    width: var(--n-width);
    white-space: nowrap;
    outline: none;
    position: relative;
    z-index: auto;
    border: none;
    display: inline-flex;
    flex-wrap: nowrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    user-select: none;
    -webkit-user-select: none;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    transition: color .3s var(--n-bezier), background-color .3s var(--n-bezier), opacity .3s var(--n-bezier), border-color .3s var(--n-bezier);
}

.__card-dark-enagr0-m {
    --n-bezier: cubic-bezier(.4, 0, .2, 1);
    --n-border-radius: 3px;
    --n-color: rgb(24, 24, 28);
    --n-color-modal: rgb(44, 44, 50);
    --n-color-popover: rgb(72, 72, 78);
    --n-color-embedded: rgb(24, 24, 28);
    --n-color-embedded-modal: rgb(44, 44, 50);
    --n-color-embedded-popover: rgb(72, 72, 78);
    --n-color-target: #ff8cc8;
    --n-text-color: rgba(255, 255, 255, 0.82);
    --n-line-height: 1.6;
    --n-action-color: rgba(255, 255, 255, 0.06);
    --n-title-text-color: rgba(255, 255, 255, 0.9);
    --n-title-font-weight: 500;
    --n-close-icon-color: rgba(255, 255, 255, 0.52);
    --n-close-icon-color-hover: rgba(255, 255, 255, 0.52);
    --n-close-icon-color-pressed: rgba(255, 255, 255, 0.52);
    --n-close-color-hover: rgba(255, 255, 255, .12);
    --n-close-color-pressed: rgba(255, 255, 255, .08);
    --n-border-color: rgba(255, 255, 255, 0.09);
    --n-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, .24), 0 3px 6px 0 rgba(0, 0, 0, .18), 0 5px 12px 4px rgba(0, 0, 0, .12);
    --n-padding-top: 19px;
    --n-padding-bottom: 20px;
    --n-padding-left: 24px;
    --n-font-size: 14px;
    --n-title-font-size: 18px;
    --n-close-size: 22px;
    --n-close-icon-size: 18px;
    --n-close-border-radius: 3px;
}

.n-card {
    font-size: var(--n-font-size);
    line-height: var(--n-line-height);
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    border-radius: var(--n-border-radius);
    background-color: var(--n-color);
    color: var(--n-text-color);
    word-break: break-word;
    transition: color .3s var(--n-bezier), background-color .3s var(--n-bezier), box-shadow .3s var(--n-bezier), border-color .3s var(--n-bezier);
}

.n-modal {
    background: var(--n-color-modal);
    position: relative;
    align-self: center;
    color: var(--n-text-color);
    margin: auto;
    box-shadow: var(--n-box-shadow);
}

.dialog-tip-content {
    text-align: center;
    padding: 10px;
}

/* 顶部提示（无遮罩，下滑动画） */
.dialog-top-tip {
    pointer-events: none;
}
.dialog-top-tip .n-modal-body-wrapper {
    overflow: hidden;
}
.dialog-top-tip .n-modal {
    align-self: flex-start;
    margin-top: 100px;
    pointer-events: auto;
    animation: dialogSlideDown 0.3s ease-out;
}
.dialog-top-tip-success .dialog-tip-content { color: #52c41a; }
.dialog-top-tip-error .dialog-tip-content { color: #ff4d4f; }
.dialog-top-tip-info .dialog-tip-content { color: #1980fa; }
.dialog-top-tip-warning .dialog-tip-content { color: #fa8c16; }
@keyframes dialogSlideDown {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.box-desc {
    font-size: 12px;
    color: #949BA4;
}

.layui-layer-photos-header {
    top: auto;
    bottom: 50px;
    width: 386px;
    margin: 0 auto;
    border-radius: 30px;
}

#layui-layer-photos [share-status="open"] {
    color: #ff8cc8;
}

input[type=range] {
    width: 100%;
    height: 5px;
    outline: none;
    border-radius: 5px;
    background:-webkit-linear-gradient(#FFFFFF, #FFFFFF)no-repeat, #303033;
    background-size: 0 100%;
}

input[type=range]::-webkit-slider-thumb,input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 10px;
    height: 10px;
    background: #FFFFFF;
    cursor: pointer;
    border-radius: 50%;
}

.rotate-270 {
    transform: rotate(270deg);
}


.table-page-list table {
    width: 100%;
    overflow: hidden;
    text-align: center;
    border: 1px solid #26262a;
    font-size: 12px;
}

.table-page-list table thead {
    background-color: #26262a;
    height: 40px;
    line-height: 40px;
}

.table-page-list table tbody tr {
    height: 28px;
    line-height: 28px;
    border-bottom: 1px solid #26262a;
}
.table-page-list table tbody tr td {
    padding: 2px;
}

.table-page-list .n-data-table__pagination {
    display: flex;
    justify-content: flex-end;
}
.__pagination-dark-enagr0-m {
    --n-prefix-margin: 0 8px 0 0;
    --n-suffix-margin: 0 0 0 8px;
    --n-item-font-size: 14px;
    --n-select-width: unset;
    --n-select-margin: 0 0 0 8px;
    --n-input-width: 60px;
    --n-input-margin: 0 0 0 8px;
    --n-input-margin-rtl: 0 8px 0 0;
    --n-item-size: 28px;
    --n-item-text-color: rgba(255, 255, 255, 0.82);
    --n-item-text-color-disabled: rgba(255, 255, 255, 0.38);
    --n-item-text-color-hover: #ffb5d9;
    --n-item-text-color-active: #ff8cc8;
    --n-item-text-color-pressed: #ff64b9;
    --n-item-color: #0000;
    --n-item-color-hover: #0000;
    --n-item-color-disabled: rgba(255, 255, 255, 0.06);
    --n-item-color-active: #0000;
    --n-item-color-active-hover: #0000;
    --n-item-color-pressed: #0000;
    --n-item-border: 1px solid #0000;
    --n-item-border-hover: 1px solid #0000;
    --n-item-border-disabled: 1px solid #0000;
    --n-item-border-active: 1px solid rgba(255, 140, 200, 0.52);
    --n-item-border-pressed: 1px solid #0000;
    --n-item-padding: 0 4px;
    --n-item-border-radius: 3px;
    --n-bezier: cubic-bezier(.4, 0, .2, 1);
    --n-jumper-font-size: 14px;
    --n-jumper-text-color: rgba(255, 255, 255, 0.82);
    --n-jumper-text-color-disabled: rgba(255, 255, 255, 0.38);
    --n-item-margin: 0 0 0 8px;
    --n-item-margin-rtl: 0 8px 0 0;
    --n-button-icon-size: 16px;
    --n-button-icon-color: rgba(255, 255, 255, 0.82);
    --n-button-icon-color-hover: rgba(255, 255, 255, 0.82);
    --n-button-icon-color-pressed: rgba(255, 255, 255, 0.82);
    --n-button-color-hover: #0000;
    --n-button-color: #0000;
    --n-button-color-pressed: #0000;
    --n-button-border: 1px solid rgba(255, 255, 255, 0.24);
    --n-button-border-hover: 1px solid rgba(255, 255, 255, 0.24);
    --n-button-border-pressed: 1px solid rgba(255, 255, 255, 0.24);
}
.n-pagination {
    display: flex;
    vertical-align: middle;
    font-size: var(--n-item-font-size);
    flex-wrap: nowrap;
}

.n-pagination .n-pagination-item.n-pagination-item--disabled.n-pagination-item--active, .n-pagination .n-pagination-item.n-pagination-item--disabled.n-pagination-item--button {
    background-color: var(--n-item-color-disabled);
    border: var(--n-item-border-disabled);
}

.n-pagination .n-pagination-item:not(.n-pagination-item--disabled).n-pagination-item--active {
    background: var(--n-item-color-active);
    color: var(--n-item-text-color-active);
    border: var(--n-item-border-active);
}

.n-pagination .n-pagination-item.n-pagination-item--disabled {
    cursor: not-allowed;
    color: var(--n-item-text-color-disabled);
}
.n-pagination .n-pagination-item.n-pagination-item--button {
    background: var(--n-button-color);
    color: var(--n-button-icon-color);
    border: var(--n-button-border);
    padding: 0;
}
.n-pagination .n-pagination-item {
    position: relative;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: var(--n-item-size);
    height: var(--n-item-size);
    padding: var(--n-item-padding);
    background-color: var(--n-item-color);
    color: var(--n-item-text-color);
    border-radius: var(--n-item-border-radius);
    border: var(--n-item-border);
    fill: var(--n-button-icon-color);
    transition: color .3s var(--n-bezier), border-color .3s var(--n-bezier), background-color .3s var(--n-bezier), fill .3s var(--n-bezier);
}
.n-pagination > *:not(:first-child) {
    margin: var(--n-item-margin);
}

.n-pagination .n-pagination-item:not(.n-pagination-item--disabled).n-pagination-item--active {
    background: var(--n-item-color-active);
    color: var(--n-item-text-color-active);
    border: var(--n-item-border-active);
}

.table-page-list .page-select {
    z-index: auto;
    outline: none;
    background: #48484e;
    padding: 0 5px;
    border-radius: 2px;
}

/**列表页*/
.Frame_main{
    flex-direction: column;
    width: calc(100%-30px);
    z-index: 10;
    display: flex;
    position: relative;
    padding: 0 15px;
}
.Module_tools h2{
    font-size: 20px;
    font-weight: 400;
    margin: 10px 0 16px;
    color: #17181a;
}
.aiTools{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 16px;
}

.aiTools .item{
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(0, 30, 89, .04);
    border-radius: 24px;
    height: 124.96px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 20px 20px 0;
    padding: 10px 10px 10px 20px;
    position: relative;
    width: 312.4px;
    display: flex;
}
@media screen and (min-width: 1680px) and (max-width: 1919px) {
    .aiTools .item {
        height: calc(10vw - 33.8px);
        width: calc(25vw - 84.5px);
        display: -webkit-box;
        display: -webkit-flex;
        display: flex
    ;
    }
}
.aiTools .item .left{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
    margin-right: 10px;
    width: 50%;
}
.aiTools .item .left .title{
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
}
.aiTools .item .left .description{
    color: rgba(21, 23, 26, .44);
    font-size: 12px;
    line-height: 16px;
    margin-top: 8px;
    overflow: hidden;
    width: 100%;
}
.aiTools .item .right{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    height: 100%;
    width: 100%;
}
.aiTools .item .right .imgInner{
    -webkit-box-pack: center;
    border-radius: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
    width: 100%;
}
.aiTools .item .right .imgInne .img{
    border-radius: 20px;
    display: block;
    height: 100%;
    width: auto;
}
.aiTools .item .right .imgInne .entranceBtn{
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;;
    border-radius: 8px;
    bottom: 12px;
    box-sizing: border-box;
    color: #1c1d1f;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    padding: 8px 0;
    position: absolute;
    -webkit-transition: .5s;
    transition: .5s;
    width: 80%;
}



.aiTools .item .right .imgInne .entranceBtn .iconfont {
    margin-right: 4px;
    margin-top: 1px
}

.aiTools .item:hover .imgInner {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.aiTools .item:hover .imgInner .entranceBtn {
    opacity: 1
}

/*二级导航*/
.menu_son_list{
    position: absolute;
    inset: 0px;
    /*overflow: scroll;*/
    margin-right: -15px;
    /*margin-bottom: -15px;*/
    margin-top: 20px;
    overflow-y: scroll;
}
.menu_son_list ul li,.menu_son_list ul li .navbar_alink{
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    height: 70px;
    padding-top: 6px;
    padding-bottom: 10px;
    color: #1c1d1f;
    text-align: center;
    width: 75px;
}

.menu_son_list ul li .Navbar_iconContainer{
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu_son_list ul li:hover .Navbar_iconContainer, .menu_son_select .Navbar_iconContainer{
    border-radius: 8px;
    background: #ebebeb;
    color: #1980fa;
    font-weight: 600;
}
.menu_son_list ul li:hover .Navbar_name,
.menu_son_list ul li:hover .iconfont,
.menu_son_select .iconfont,
.menu_son_select .Navbar_name{
    color: #1980fa;
    font-weight: 600;
}
.menu_son_list ul li  .iconfont{
    width: 24px;
    height: 24px;
    font-size: 24px;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    font-display: block;
}
.menu_son_list ul li .Navbar_name{
    margin: 2px 10px 0;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.border-r-1{ border-right: 1px solid #ebedf2}

/* 设置指定类名的图片变为黑白色 */
.grayscale-image {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%); /* 兼容 Safari 浏览器 */
    transition: filter 0.3s ease; /* 添加过渡效果 */
}

.grayscale-image:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}

.truncate{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*
   * 基于复选框和单选框的卡片风格多选组件
   * 需要具备一些基础的 CSS 技能，以下样式均为外部自主实现。
   */
/* 主体 */
.layui-form-checkbox>.lay-skin-checkcard,
.layui-form-radio>.lay-skin-checkcard {
    display: table;
    display: flex;
    padding: 8px;
    white-space: normal;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    color: #000;
    background-color: #fff;
}
.layui-form-checkbox>.lay-skin-checkcard>*,
.layui-form-radio>.lay-skin-checkcard>* {
    /* display: table-cell; */  /* IE */
    vertical-align: top;
}
/* 悬停 */
.layui-form-checkbox:hover>.lay-skin-checkcard,
.layui-form-radio:hover>.lay-skin-checkcard {
    border-color: #1980fa;
}
/* 选中 */
.layui-form-checked>.lay-skin-checkcard,
.layui-form-radioed[lay-skin="none"]>.lay-skin-checkcard {
    color: #000;
    border-color: #1980fa;
    background-color: rgb(178 183 224 / 10%) !important;
    /* box-shadow: 0 0 0 3px rgba(22, 183, 119, 0.08); */
}
/* 禁用 */
.layui-checkbox-disabled>.lay-skin-checkcard,
.layui-radio-disabled>.lay-skin-checkcard {
    box-shadow: none;
    border-color: #e5e5e5 !important;
    background-color: #eee !important;
}
/* card 布局 */
.lay-skin-checkcard-avatar {
    padding-right: 8px;
}
.lay-skin-checkcard-detail {
    overflow: hidden;
    width: 100%;
}
.lay-skin-checkcard-header {
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
    margin-bottom: 4px;
}
.lay-skin-checkcard-description {
    font-size: 13px;
    color: #5f5f5f;
}
.layui-disabled  .lay-skin-checkcard-description{
    color: #c2c2c2! important;
}
/* 选中 dot */
.layui-form-checked>.lay-check-dot:after,
.layui-form-radioed>.lay-check-dot:after {
    position: absolute;
    content: "";
    top: 2px;
    right: 2px;
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: middle;
    border-width: 10px;
    border-style: dashed;
    border-color: transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 6px;
    border-top-color: #1980fa;
    border-top-style: solid;
    border-right-color: #1980fa;
    border-right-style: solid;
    overflow: hidden;
}
.layui-checkbox-disabled>.lay-check-dot:after,
.layui-radio-disabled>.lay-check-dot:after {
    border-top-color: #d2d2d2;
    border-right-color: #d2d2d2;
}
/* 选中 dot-2 */
.layui-form-checked>.lay-check-dot-2:before,
.layui-form-radioed>.lay-check-dot-2:before {
    position: absolute;
    font-family: "layui-icon";
    content: "\e605";
    color: #fff;
    bottom: 4px;
    right: 3px;
    font-size: 9px;
    z-index: 12;
}
.layui-form-checked>.lay-check-dot-2:after,
.layui-form-radioed>.lay-check-dot-2:after {
    position: absolute;
    content: "";
    bottom: 2px;
    right: 2px;
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: middle;
    border-width: 10px;
    border-style: dashed;
    border-color: transparent;
    border-top-left-radius: 6px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 0px;
    border-right-color: #1980fa;
    border-right-style: solid;
    border-bottom-color: #1980fa;
    border-bottom-style: solid;
    overflow: hidden;
}
.layui-checkbox-disabled>.lay-check-dot-2:before,
.layui-radio-disabled>.lay-check-dot-2:before {
    color: #eee !important;
}
.layui-checkbox-disabled>.lay-check-dot-2:after,
.layui-radio-disabled>.lay-check-dot-2:after {
    border-bottom-color: #d2d2d2;
    border-right-color: #d2d2d2;
}
.lay-ellipsis-multi-line {
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.layui-form-radio>.lay-skin-tag,
.layui-form-checkbox>.lay-skin-tag {
    font-size: 13px;
    border-radius: 100px;
}
.layui-form-checked>.lay-skin-tag,
.layui-form-radioed>.lay-skin-tag {
    color: #fff !important;
    background-color: #1980fa !important;
}

/* 主体 */
.layui-form-radio>.lay-skin-color-picker {
    border-radius: 50%;
    border-width: 1px;
    border-style: solid;
    width: 20px;
    height: 20px;
}
/* 选中 */
.layui-form-radioed>.lay-skin-color-picker {
    box-shadow: 0 0 0 1px #ffffff, 0 0 0 4px currentColor;
}

.layui-form-select .layui-input{
    border-radius: 5px;
}
.control-right-build .layui-btn-radius{ border-radius: 12px !important;}

/**卡密兑换
 */
.card_pin{
    padding: 10px;
}
.card_pin .layui-input-group{ width: 100%;}
.card_pin .crteate_btn{ text-align: center; margin-top: 40px}

.copyright{ color: #ccc}
.copyright a:hover{ color: #6A56D2}

.icon_right_btm{
    width: 50px;height: 50px;position: fixed;right: 25px;bottom: 130px;cursor: pointer;
    z-index: 99;padding:8px;background-color: #fff;border-radius: 100px;box-shadow: 0 0 4px 4px #00000010;
    display: flex;justify-content: center;align-items: center;
}
/*右下角帮助图标*/
.icon_help{bottom: 130px;}
/*右下角消息中心图标*/
.icon_msg{bottom: 200px;color: #00000090;}
.icon_msg .msg_cnt{display: none;justify-content: center;align-items: center;border-radius: 100px;background-color: red;color: #FFF;font-weight: bold;position: absolute;left: -5px;top: -8px;width: 25px;height: 25px;}
/*消息中心右侧面板*/
#msg_modal {position: fixed;top: 0;right: -400px;width: 400px;height: 100vh;background-color: white;box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);z-index: 990;transition: right 0.3s ease;}
#msg_modal .msg_modal_header {display: flex;justify-content: space-between;align-items: center;padding:15px 20px;border-bottom: 1px solid #eee;}
#msg_modal .msg_modal_title {font-size: 18px;color: #333;}
#msg_modal .msg_modal_header .close_btn{background: none;border: none;font-size: 24px;cursor: pointer;color: #999;transition: color 0.2s;}
#msg_modal .msg_modal_header .close_btn:hover {color: #333;}
#msg_modal .msg_modal_body{padding:10px;overflow-y: auto;height: calc(100vh - 78px);}
#msg_modal.active {right: 0;}
#msg_modal .msg_modal_body .no_data{display: flex;justify-content: center;align-items: center;flex-direction: column;height: calc(100vh - 98px);}
#msg_modal .msg_modal_body .msg_list .item{position:relative;display: grid;grid-template-columns: 30px auto;gap:8px;padding:10px;border-radius: 10px;cursor: pointer;}
#msg_modal .msg_modal_body .msg_list .item:hover{background-color: #F4F4F6;}
#msg_modal .msg_modal_body .msg_list .msg_icon{border-radius: 100px;max-height: 30px;max-width: 30px;}
#msg_modal .msg_modal_body .msg_list .msg_title{font-size: 16px;line-height: 16px;margin-bottom: 5px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
#msg_modal .msg_modal_body .msg_list .msg_content{font-size:12px;color: #797979;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: auto !important;background-color: transparent;}
#msg_modal .msg_modal_body .msg_list .msg_time{font-size:12px;color:#c4c3c3;}
#msg_modal .msg_modal_body .msg_list .item .item_l{position: relative;}
#msg_modal .msg_modal_body .msg_list .new_icon{position: absolute;left:0;top:-5px;width: 10px;height: 10px;border-radius: 100px;background-color: red;}
/*消息详情弹窗*/
.msg_view_mask{z-index: 999 !important;}
.msg_view_mask .msg_view_box{position: relative;width: 460px;background-color: #fff;border-radius: 12px;padding: 30px 28px;box-shadow: 10px 20px 15px rgba(0, 0, 0, 0.1);}
.msg_view_mask .msg_view_box .msg_header{padding:0 !important;}
.msg_view_mask .msg_view_box .msg_header .close::before,
.msg_view_mask .msg_view_box .msg_header .close::after{
    cursor: pointer;content: '';position: absolute;top:42px !important;right:20px !important;
    width: 15px;height: 1px;background-color: #b5b5b5;transform: translate(-50%, -50%);
}
.msg_view_mask .msg_view_box .msg_header .close::before{transform: translate(-50%, -50%) rotate(45deg);}
.msg_view_mask .msg_view_box .msg_header .close::after{transform: translate(-50%, -50%) rotate(-45deg);}
.msg_view_mask .msg_view_box .msg_header .msg_title{font-size: 20px;}
.msg_view_mask .msg_view_box .content_box .sub_box{margin-top:15px;}
.msg_view_mask .msg_view_box .content_box .msg_title{font-size: 16px;}
.msg_view_mask .msg_view_box .content_box .msg_time{margin-top:5px;font-size: 12px;color: #c4c3c3;}
.msg_view_mask .msg_view_box .content_box .msg_content{margin-top:10px;color: #797979;height: auto !important;background-color: transparent;}
.msg_view_mask .msg_view_box .operate_box{margin-top:15px;text-align: right;}
.msg_view_mask .msg_view_box .operate_box button{cursor: pointer;padding: 8px 25px;border-radius: 6px;background-color: #0000000d;color: #00000099;font-size: 14px;font-weight: normal;}

/*左侧菜单导航*/
.menus_box{max-width: 170px; width: 170px;}
.menus_box .logo{padding:0 12px 20px;flex:1;max-height: 45px;}
.menus_box .siderbar-menus{width: 100%;gap: 3px;flex: auto;max-height: calc(100vh - 360px);}
.menus_box .siderbar-menus-item .menu, .siderbar-menus-item_a .menu{width: 2rem !important;height: 2rem !important;background-color: transparent;}
.menus_box .siderbar-menus-item, .siderbar-menus-item_a{cursor: pointer;justify-content: left;padding: 0 15px;gap: 3px;flex-direction: unset;}
.menus_box .siderbar-menus-item.is-active, .siderbar-menus-item_a.is-active  {
    /*border-color: var(--primary-color);background-color: var(--primary-bg-color);*/
    color: var(--primary-color);border-color: #F0F7FF;background-color: #F0F7FF;border-right: 4px solid var(--primary-color);
}
.menus_box .siderbar-menus-item .menu-title, .siderbar-menus-item_a .menu-title{margin-top:0;font-size: 0.95rem;line-height: 2.5rem;}
.menus_box .siderbar-action{width:calc(100% - 1px);position: absolute;bottom:15px;left:0;background-color: #fff;/*border-right: 1px solid #D9D9D9;*/}
.menus_box .user_box{display: flex;justify-content: left;align-items: center;margin-top:20px !important;background-color: rgb(248, 248, 248);border-radius: 100px;padding:3px;}
.menus_box .user_box .info_btn{min-width: 90px;max-width:100px;background-color: unset;}
.menus_box .user_box #username_main{white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.toggle_menus{position: absolute;bottom: 0;right: -30px;width: 30px;height: 40px;background-color: #DDDFEE80;z-index: 999;border-radius: 0 100px 100px 0;display: flex;justify-content: center;align-items: center;font-size: 12px;cursor: pointer;color: rgb(92, 99, 112);}
/*无数据*/
.empty_box .icon-nodata{font-size: 50px;color: #e6e6e6;}
.empty_box{display: flex;flex-direction: column;align-items: center;}
/*分页组件背景色*/
.layui-laypage a:hover{color: #1980FA;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #1980FA;}

.loginModal .n-modal{border-radius: 18px;}
.loginModal .n-modal iframe{border-radius: 18px;}

/*自定义下拉框*/
.custom_rows{margin-bottom: 28px;clear:both;}
.custom_rows label{line-height:30px; font-size:14px; color:#1f2328; display:block;}
.custom_rows .input{font-size:12px; color:#aaa; display:block;}
.box_select{max-width:364px; height:34px; overflow:hidden; background:url(../images/icon_select.png) #fff no-repeat right center; border:1px #ccdced solid; border-radius:5px;}
.box_select select{width:100%; height:34px; padding-left:11px; padding-right: 23px; font-size:12px; color:#404852; border:0; outline:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none;border-radius: 5px;background: transparent;}
.box_select:hover{border-color:var(--primary-color)!important; outline:none!important; box-shadow:0 0 5px rgba(7,187,139,0.3);}
.box_select.full_select{width: 100%;max-width: none;}

/*Toast通知容器 */
.toast-container {position: fixed;top: 60px;right: 20px;z-index: 9999;}
.toast {cursor:pointer;position: relative;min-width: 250px;max-width: 350px;margin-bottom: 15px;padding: 15px 20px;background: white;border-radius: 8px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);display: flex;align-items: center;transform: translateX(120%);transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);opacity: 0;}
.toast.show {transform: translateX(0);opacity: 1;}
.toast-icon {flex-shrink: 0;width: 24px;height: 24px;margin-right: 12px;background-color: #52c41a;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;}
.toast-message {flex-grow: 1;font-size: 14px;color: #333;}
.toast-message .view_btn{color: #666;font-size: 12px;}
.toast-close {margin-left: 10px;cursor: pointer;color: #999;font-size: 18px;line-height: 1;}
.toast-progress {position: absolute;bottom: 0;left: 0;height: 3px;width: 100%;background-color: rgba(82, 196, 26, 0.2);border-radius: 0 0 8px 8px;overflow: hidden;}
.toast-progress-bar {height: 100%;width: 100%;background-color: #52c41a;animation: progress linear;}
@keyframes progress {
    from { width: 100%; }
    to { width: 0; }
}

/*弹窗*/
.mask_box{display:none;position: fixed;top: 0;left: 0;transition: left 0.5s ease;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.3);z-index: 1002;align-items: center;justify-content: center;}
.mask_box .box{display:none;position: relative;width:550px;background-color: #fff;padding:0;box-shadow: 10px 20px 15px rgba(0, 0, 0, 0.1);}
.mask_box .box .close::before,
.mask_box .box .close::after {cursor: pointer;content: '';position: absolute;top:25px;right: 8px;width: 15px;height: 1px;background-color: #b5b5b5;transform: translate(-50%, -50%);}
.mask_box .box .close::before {transform: translate(-50%, -50%) rotate(45deg);}
.mask_box .box .close::after {transform: translate(-50%, -50%) rotate(-45deg);}
.mask_box .box .header{padding:15px;border-bottom: none;box-shadow: none;font-size: 16px;}
/*算力购买弹窗*/
.pointsBuyWidget .mask_box{z-index: 1111;}
.pointsBuyWidget .mask_box .points_buy_box{padding:0;}
/*公用提示弹窗(eg:功能权限/余额不足)*/
#tipOverlay .tip_modal {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);display: flex;justify-content: center;align-items: center;z-index: 1110;opacity: 0;visibility: hidden;transition: all 0.3s ease;}
#tipOverlay .tip_modal.active {opacity: 1;visibility: visible;}
#tipOverlay .tip_modal .modal-content {background: white;width: 90% !important;max-width: 400px;border-radius: 16px;overflow: hidden;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);transform: scale(0.9) !important;opacity: 0;transition: all 0.3s ease;margin: auto !important;padding: 0;}
#tipOverlay .tip_modal.active .modal-content {transform: scale(1);opacity: 1;}
#tipOverlay .tip_modal .modal-header {background: linear-gradient(135deg, #ff6b6b 0%, #ff8e8e 100%);/*background-color: rgba(0, 0, 0, 0.9);*/color: white;padding: 25px 20px;text-align: center;}
#tipOverlay .tip_modal .modal-icon i{font-size: 45px;}
#tipOverlay .tip_modal .modal-title {display: block;font-size: 22px;font-weight: 600;margin-bottom: 5px;}
#tipOverlay .tip_modal .modal-body {padding: 25px 20px;color: #555;}
#tipOverlay .tip_modal .modal-message {font-size: 16px;line-height: 1.6;margin-bottom: 20px;}
#tipOverlay .tip_modal .modal-footer {display: flex;justify-content: center;gap: 15px;padding: 0 20px 25px;}
#tipOverlay .tip_modal .modal-button {flex: 1;padding: 12px 20px;border: none;border-radius: 8px;font-size: 16px;font-weight: 500;cursor: pointer;transition: all 0.2s ease;margin: auto;}
#tipOverlay .tip_modal .button-secondary {background: #f0f0f0;color: #555;}
#tipOverlay .tip_modal .button-secondary:hover {background: #e0e0e0;}
#tipOverlay .tip_modal .button-primary {background: #4a6bdf;color: white;}
#tipOverlay .tip_modal .button-primary:hover {background: #3a5bd0;}
#tipOverlay .tip_modal .buy_btn{cursor: pointer;color: var(--primary-color);}
/*滚动至顶部按钮*/
#scrollToTop,
#scrollToBottom{position: fixed;bottom: 60px;right: 25px;width: 50px;height: 50px;border-radius: 50%;border: none;cursor: pointer;display: none;justify-content: center;align-items: center;transition: all 0.3s ease;z-index: 888;box-shadow: 0 0 4px 4px #00000010;background-color: #fff;color: #333;}
#scrollToTop:hover,
#scrollToBottom:hover{transform: translateY(-5px);}
#scrollToTop:active,
#scrollToBottom:active{transform: translateY(0);}
#scrollToTop i,
#scrollToBottom i{font-size: 1.2rem;}
/*下拉列表*/
.select_box {position: relative;}
.select_box .curr_select {min-width: 109px;display: flex;align-items: center;justify-content: space-between;padding: 5px 10px;border-radius: 5px;border: 1px solid #ebedf280;cursor: pointer;}
.select_box .curr_select:hover {background-color: #ebedf250;}
.select_box .items {display: none;flex-direction: column;gap: 5px;width: 100%;position: absolute;top: 37px;left: auto;z-index:2;background-color: #fff;
    box-shadow: 10px 20px 15px rgba(0, 0, 0, 0.1);padding: 8px 0;border-radius: 5px;border: 1px solid #ebedf280;cursor: pointer;
}
.select_box .items .item {padding: 6px 10px;font-weight: bold;text-align: center;}
.select_box .items .item:hover {background-color: #ebedf250;}
.select_box .items .item.active {background-color: #ebedf250;color: var(--primary-color);}
.select_box .items .item.active::before {content: "";position: absolute;margin-top: 3px;margin-left: -18px;width: 6px;
    height: 12px;border: solid var(--primary-color);border-width: 0 2px 2px 0;transform: rotate(35deg);
}

/* Tooltip样式 */
.tooltip {position: relative;display: inline-block;}
.tooltip .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px;
    position: absolute;
    z-index: 1000;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 12px;
    white-space: nowrap;
}
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
}
.tooltip:hover .tooltiptext {visibility: visible;opacity: 1;}
[data-tooltip]{position:relative;}
[data-tooltip]:hover::after{content:attr(data-tooltip);position:absolute;bottom:110%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.8);color:#fff;padding:5px 10px;border-radius:6px;font-size:12px;white-space:normal;max-width:380px;width:max-content;z-index:9999;pointer-events:none;}
[data-tooltip-bottom]{position:relative;}
[data-tooltip-bottom]:hover::after{content:attr(data-tooltip-bottom);position:absolute;top:110%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.8);color:#fff;padding:5px 10px;border-radius:6px;font-size:12px;white-space:normal;max-width:380px;width:max-content;z-index:9999;pointer-events:none;}
[data-tooltip-left]{position:relative;}
[data-tooltip-left]:hover::after{content:attr(data-tooltip-left);position:absolute;right:110%;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.8);color:#fff;padding:5px 10px;border-radius:6px;font-size:12px;white-space:normal;max-width:380px;width:max-content;z-index:9999;pointer-events:none;}
[data-tooltip-right]{position:relative;}
[data-tooltip-right]:hover::after{content:attr(data-tooltip-right);position:absolute;left:110%;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.8);color:#fff;padding:5px 10px;border-radius:6px;font-size:12px;white-space:normal;max-width:380px;width:max-content;z-index:9999;pointer-events:none;}