/* stylelint-disable */
html,
body {
width: 100%;
height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
display: none;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
margin: 0;
}
[tabindex='-1']:focus {
outline: none;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 0.5em;
font-weight: 500;
}
p {
margin-top: 0;
margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline;
text-decoration: underline dotted;
border-bottom: 0;
cursor: help;
}
address {
margin-bottom: 1em;
font-style: normal;
line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
-webkit-appearance: none;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 500;
}
dd {
margin-bottom: 0.5em;
margin-left: 0;
}
blockquote {
margin: 0 0 1em;
}
dfn {
font-style: italic;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
pre,
code,
kbd,
samp {
font-size: 1em;
font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
margin-top: 0;
margin-bottom: 1em;
overflow: auto;
}
figure {
margin: 0 0 1em;
}
img {
vertical-align: middle;
border-style: none;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
touch-action: manipulation;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75em;
padding-bottom: 0.3em;
text-align: left;
caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
box-sizing: border-box;
padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
margin: 0;
padding: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
margin-bottom: 0.5em;
padding: 0;
color: inherit;
font-size: 1.5em;
line-height: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
height: auto;
}
[type='search'] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
mark {
padding: 0.2em;
background-color: #feffe6;
}
[snowy-theme='realdark'] .ant-btn-primary {
color: #fff;
}
[snowy-theme='realdark'] .ant-btn-primary:hover,
[snowy-theme='realdark'] .ant-btn-primary:focus {
color: #fff;
}
.snowy-theme-dark {
--blue-1: #111d2c;
--blue-2: #112a45;
--blue-3: #15395b;
--blue-4: #164c7e;
--blue-5: #1765ad;
--blue-6: #177ddc;
--blue-7: #3c9ae8;
--blue-8: #65b7f3;
--blue-9: #8dcff8;
--blue-10: #b7e3fa;
--green-1: #162312;
--green-2: #1d3712;
--green-3: #274916;
--green-4: #306317;
--green-5: #3c8618;
--green-6: #49aa19;
--green-7: #6abe39;
--green-8: #8fd460;
--green-9: #b2e58b;
--green-10: #d5f2bb;
--red-1: #2a1215;
--red-2: #431418;
--red-3: #58181c;
--red-4: #791a1f;
--red-5: #a61d24;
--red-6: #f5222d;
--red-7: #e84749;
--red-8: #f37370;
--red-9: #f89f9a;
--red-10: #fac8c3;
--gold-1: #2b2111;
--gold-2: #443111;
--gold-3: #594214;
--gold-4: #7c5914;
--gold-5: #aa7714;
--gold-6: #d89614;
--gold-7: #e8b339;
--gold-8: #f3cc62;
--gold-9: #f8df8b;
--gold-10: #faedb5;
--purple-1: #1a1325;
--purple-2: #24163a;
--purple-3: #301c4d;
--purple-4: #3e2069;
--purple-5: #51258f;
--purple-6: #642ab5;
--purple-7: #854eca;
--purple-8: #ab7ae0;
--purple-9: #cda8f0;
--purple-10: #ebd7fa;
--cyan-1: #112123;
--cyan-2: #113536;
--cyan-3: #144848;
--cyan-4: #146262;
--cyan-5: #138585;
--cyan-6: #13a8a8;
--cyan-7: #33bcb7;
--cyan-8: #58d1c9;
--cyan-9: #84e2d8;
--cyan-10: #b2f1e8;
--pink-1: #291321;
--pink-2: #40162f;
--pink-3: #551c3b;
--pink-4: #75204f;
--pink-5: #a02669;
--pink-6: #cb2b83;
--pink-7: #e0529c;
--pink-8: #f37fb7;
--pink-9: #f8a8cc;
--pink-10: #fad2e3;
--orange-1: #2b1d11;
--orange-2: #442a11;
--orange-3: #593815;
--orange-4: #7c4a15;
--orange-5: #aa6215;
--orange-6: #d87a16;
--orange-7: #e89a3c;
--orange-8: #f3b765;
--orange-9: #f8cf8d;
--orange-10: #fae3b7;
--primary-radius: #141414;
--primary-1: var(--blue-1);
--primary-2: var(--blue-2);
--primary-3: var(--blue-3);
--primary-4: var(--blue-4);
--primary-5: var(--blue-5);
--primary-6: var(--blue-6);
--primary-7: var(--blue-7);
--primary-8: var(--blue-8);
--primary-9: var(--blue-9);
--primary-10: var(--blue-10);
--primary-color: var(--primary-6);
--primary-color-hover: var(--primary-5);
--primary-color-active: var(--primary-7);
--primary-color-outline: var(--primary-2);
--info-color: var(--primary-color);
--success-color: var(--green-6);
--processing-color: var(--blue-6);
--highlight-color: var(--red-5);
--warning-color: var(--gold-6);
--warning-color-hover: var(--gold-5);
--warning-color-active: var(--gold-7);
--warning-color-outline: var(--gold-2);
--error-color: var(--red-5);
--error-color-hover: var(--red-4);
--error-color-active: var(--red-7);
--error-color-outline: var(--red-2);
--body-background: #000;
--component-background: #141414;
--popover-background: #1f1f1f;
--popover-customize-border-color: #3a3a3a;
--text-color: rgba(255, 255, 255, 0.85);
--text-color-secondary: rgba(255, 255, 255, 0.45);
--text-color-inverse: #fff;
--icon-color-hover: rgba(255, 255, 255, 0.75);
--heading-color: rgba(255, 255, 255, 0.85);
--item-hover-bg: rgba(255, 255, 255, 0.08);
--border-color-base: #434343;
--border-color-split: #303030;
--background-color-light: rgba(255, 255, 255, 0.04);
--background-color-base: rgba(255, 255, 255, 0.08);
--disabled-color: rgba(255, 255, 255, 0.3);
--disabled-bg: #f5f5f5;
--disabled-color-dark: rgba(255, 255, 255, 0.3);
--shadow-color: rgba(0, 0, 0, 0.45);
--shadow-color-inverse: #ffffff;
--box-shadow-base: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
--shadow-1-up: 0 -6px 16px -8px rgba(0, 0, 0, 0.32), 0 -9px 28px 0 rgba(0, 0, 0, 0.2),
0 -12px 48px 16px rgba(0, 0, 0, 0.12);
--shadow-1-down: 0 6px 16px -8px rgba(0, 0, 0, 0.32), 0 9px 28px 0 rgba(0, 0, 0, 0.2),
0 12px 48px 16px rgba(0, 0, 0, 0.12);
--shadow-1-right: 6px 0 16px -8px rgba(0, 0, 0, 0.32), 9px 0 28px 0 rgba(0, 0, 0, 0.2),
12px 0 48px 16px rgba(0, 0, 0, 0.12);
--shadow-2: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
--btn-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
--btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
--btn-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
--btn-default-bg: transparent;
--btn-default-ghost-color: rgba(0, 0, 0, 0.88);
--btn-default-ghost-border: rgba(255, 255, 255, 0.25);
--btn-text-hover-bg: rgba(255, 255, 255, 0.03);
--btn-text-active-bg: rgba(255, 255, 255, 0.04);
--checkbox-check-bg: transparent;
--descriptions-bg: #fafafa;
--divider-color: rgba(255, 255, 255, 0.12);
--dropdown-menu-submenu-disabled-bg: transparent;
--radio-dot-disabled-color: rgba(255, 255, 255, 0.2);
--radio-solid-checked-color: #fff;
--radio-disabled-button-checked-bg: rgba(255, 255, 255, 0.2);
--radio-disabled-button-checked-color: rgba(0, 0, 0, 0.25);
--layout-body-background: #fff;
--layout-header-background: #ffffff;
--layout-trigger-background: #262626;
--dropdown-menu-bg: #ffffff;
--input-placeholder-color: rgba(255, 255, 255, 0.3);
--input-icon-color: rgba(255, 255, 255, 0.3);
--input-bg: transparent;
--input-number-handler-active-bg: rgba(0, 0, 0, 0.04);
--input-icon-hover-color: rgba(255, 255, 255, 0.85);
--mentions-dropdown-bg: #ffffff;
--select-dropdown-bg: #ffffff;
--select-background: transparent;
--select-clear-background: #ffffff;
--select-selection-item-bg: rgba(255, 255, 255, 0.08);
--select-selection-item-border-color: rgba(5, 5, 5, 0.06);
--select-multiple-disabled-background: #ffffff;
--select-multiple-item-disabled-color: #595959;
--select-multiple-item-disabled-border-color: #ffffff;
--cascader-bg: transparent;
--cascader-menu-bg: #ffffff;
--cascader-menu-border-color-split: rgba(5, 5, 5, 0.06);
--tooltip-bg: #434343;
--popover-bg: #ffffff;
--modal-header-bg: #ffffff;
--modal-header-border-color-split: rgba(5, 5, 5, 0.06);
--modal-content-bg: #ffffff;
--modal-footer-border-color-split: rgba(5, 5, 5, 0.06);
--progress-steps-item-bg: rgba(255, 255, 255, 0.08);
--menu-popup-bg: #ffffff;
--menu-dark-bg: #ffffff;
--menu-dark-inline-submenu-bg: #ffffff;
--table-header-bg: #1d1d1d;
--table-header-sort-bg: #262626;
--table-body-sort-bg: rgba(255, 255, 255, 0.01);
--table-row-hover-bg: #262626;
--table-expanded-row-bg: #fafafa;
--table-header-cell-split-color: rgba(255, 255, 255, 0.08);
--table-header-sort-active-bg: #303030;
--table-header-filter-active-bg: #434343;
--table-filter-btns-bg: #ffffff;
--table-filter-dropdown-bg: #ffffff;
--table-expand-icon-bg: transparent;
--picker-bg: transparent;
--picker-basic-cell-disabled-bg: #303030;
--picker-border-color: rgba(5, 5, 5, 0.06);
--calendar-bg: #ffffff;
--calendar-input-bg: #ffffff;
--calendar-border-color: transparent;
--calendar-full-bg: #ffffff;
--badge-text-color: #fff;
--rate-star-bg: rgba(255, 255, 255, 0.12);
--card-actions-background: #ffffff;
--card-skeleton-bg: #303030;
--card-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.64), 0 3px 6px 0 rgba(0, 0, 0, 0.48), 0 5px 12px 4px rgba(0, 0, 0, 0.36);
--comment-bg: transparent;
--comment-author-time-color: rgba(255, 255, 255, 0.3);
--comment-action-hover-color: rgba(255, 255, 255, 0.65);
--back-top-bg: var(--tooltip-bg);
--back-top-hover-bg: var(--border-color-split);
--avatar-bg: rgba(255, 255, 255, 0.3);
--switch-bg: #fff;
--pagination-item-bg: transparent;
--pagination-item-bg-active: transparent;
--pagination-item-link-bg: transparent;
--pagination-item-disabled-color-active: #000;
--pagination-item-disabled-bg-active: rgba(255, 255, 255, 0.25);
--pagination-item-input-bg: #ffffff;
--page-header-back-color: rgba(0, 0, 0, 0.45);
--page-header-ghost-bg: transparent;
--slider-rail-background-color: #262626;
--slider-rail-background-color-hover: #d9d9d9;
--slider-dot-border-color: rgba(5, 5, 5, 0.06);
--slider-dot-border-color-active: #69b1ff;
--tree-bg: transparent;
--skeleton-to-color: rgba(255, 255, 255, 0.16);
--transfer-item-hover-bg: #262626;
--message-notice-content-bg: #ffffff;
--list-customize-card-bg: transparent;
--drawer-bg: #ffffff;
--timeline-color: rgba(5, 5, 5, 0.06);
--timeline-dot-color: #1677ff;
--steps-nav-arrow-color: rgba(255, 255, 255, 0.2);
--steps-background: transparent;
--notification-bg: #ffffff;
--sidebar-light-shadow: 0 4px 4px rgba(0, 0, 0, 0.6);
--sidebar-dark-shadow: 0 4px 4px rgba(0, 0, 0, 0.6);
--header-light-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
--header-dark-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
--header-tool-hover-bg: rgba(255, 255, 255, 0.05);
--header-dark-tool-hover-bg: rgba(255, 255, 255, 0.05);
--header-color-split: rgba(255, 255, 255, 0.15);
--logo-light-shadow: 0 3px 4px rgba(0, 0, 0, 0.6);
--logo-dark-shadow: 0 3px 4px rgba(0, 0, 0, 0.6);
--gradient-min: rgba(48, 48, 48, 0.2);
--gradient-max: rgba(48, 48, 48, 0.4);
--font-color: #ffffff;
--header-bottom: rgba(54, 54, 54, 0.6);
--breadcrumb-background: rgba(54, 54, 54, 0.6);
--snowy-background-color: #141414;
--tag-background: rgba(56, 56, 56);
--primary-fade-20: var(--primary-2);
--black--fade--85: rgba(255, 255, 255, 0.85);
--switch-shadow-color: 0 2px 4px rgba(0, 35, 11, 0.2);
--card-above-color: #303030;
--card-above-border-color: #484848;
--node-wrap-box-color: #303030;
--node-wrap-box-before-color: rgba(255, 255, 255, 0.09);
--node-wrap-box-before-borde-color: rgba(255, 255, 255, 0.09);
--auto-judge-before-color: #141414;
--cover-line-before-color: #141414;
--background-color: #141414;
--background-border: rgba(253, 253, 253, 0.12);
--background-card-color: #303030;
--background-list-color: #141414;
--background-primary-text: rgba(206, 206, 206, 0.8);
}
:root {
--blue-1: #e6f7ff;
--blue-2: #bae7ff;
--blue-3: #91d5ff;
--blue-4: #69c0ff;
--blue-5: #40a9ff;
--blue-6: #1677ff;
--blue-7: #096dd9;
--blue-8: #0050b3;
--blue-9: #003a8c;
--blue-10: #002766;
--green-1: #f6ffed;
--green-2: #d9f7be;
--green-3: #b7eb8f;
--green-4: #95de64;
--green-5: #73d13d;
--green-6: #52c41a;
--green-7: #389e0d;
--green-8: #237804;
--green-9: #135200;
--green-10: #092b00;
--red-1: #fff1f0;
--red-2: #ffccc7;
--red-3: #ffa39e;
--red-4: #ff7875;
--red-5: #ff4d4f;
--red-6: #f5222d;
--red-7: #cf1322;
--red-8: #a8071a;
--red-9: #820014;
--red-10: #5c0011;
--gold-1: #fffbe6;
--gold-2: #fff1b8;
--gold-3: #ffe58f;
--gold-4: #ffd666;
--gold-5: #ffc53d;
--gold-6: #faad14;
--gold-7: #d48806;
--gold-8: #ad6800;
--gold-9: #874d00;
--gold-10: #613400;
--purple-1: #f9f0ff;
--purple-2: #efdbff;
--purple-3: #d3adf7;
--purple-4: #b37feb;
--purple-5: #9254de;
--purple-6: #722ed1;
--purple-7: #531dab;
--purple-8: #391085;
--purple-9: #22075e;
--purple-10: #120338;
--cyan-1: #e6fffb;
--cyan-2: #b5f5ec;
--cyan-3: #87e8de;
--cyan-4: #5cdbd3;
--cyan-5: #36cfc9;
--cyan-6: #13c2c2;
--cyan-7: #08979c;
--cyan-8: #006d75;
--cyan-9: #00474f;
--cyan-10: #002329;
--pink-1: #fff0f6;
--pink-2: #ffd6e7;
--pink-3: #ffadd2;
--pink-4: #ff85c0;
--pink-5: #f759ab;
--pink-6: #eb2f96;
--pink-7: #c41d7f;
--pink-8: #9e1068;
--pink-9: #780650;
--pink-10: #520339;
--orange-1: #fff7e6;
--orange-2: #ffe7ba;
--orange-3: #ffd591;
--orange-4: #ffc069;
--orange-5: #ffa940;
--orange-6: #fa8c16;
--orange-7: #d46b08;
--orange-8: #ad4e00;
--orange-9: #873800;
--orange-10: #612500;
--primary-radius: #fff;
--primary-1: var(--blue-1);
--primary-2: var(--blue-2);
--primary-3: var(--blue-3);
--primary-4: var(--blue-4);
--primary-5: var(--blue-5);
--primary-6: var(--blue-6);
--primary-7: var(--blue-7);
--primary-8: var(--blue-8);
--primary-9: var(--blue-9);
--primary-10: var(--blue-10);
--primary-color: var(--primary-6);
--primary-color-hover: var(--primary-5);
--primary-color-active: var(--primary-7);
--primary-color-outline: var(--primary-2);
--info-color: var(--primary-color);
--success-color: var(--green-6);
--processing-color: var(--blue-6);
--highlight-color: var(--red-5);
--warning-color: var(--gold-6);
--warning-color-hover: var(--gold-5);
--warning-color-active: var(--gold-7);
--warning-color-outline: var(--gold-2);
--error-color: var(--red-5);
--error-color-hover: var(--red-4);
--error-color-active: var(--red-7);
--error-color-outline: var(--red-2);
--body-background: #fff;
--component-background: #fff;
--popover-background: #ffffff;
--popover-customize-border-color: rgba(5, 5, 5, 0.06);
--text-color: rgba(0, 0, 0, 0.85);
--text-color-secondary: rgba(0, 0, 0, 0.45);
--text-color-inverse: #fff;
--icon-color-hover: rgba(0, 0, 0, 0.75);
--heading-color: rgba(0, 0, 0, 0.85);
--item-hover-bg: #f5f5f5;
--border-color-base: #d9d9d9;
--border-color-split: #f0f0f0;
--background-color-light: #fafafa;
--background-color-base: #f5f5f5;
--disabled-color: rgba(0, 0, 0, 0.25);
--disabled-bg: #f5f5f5;
--disabled-color-dark: rgba(255, 255, 255, 0.35);
--shadow-color: rgba(195, 62, 62, 0.15);
--shadow-color-inverse: #ffffff;
--box-shadow-base: 0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);
--shadow-1-up: 0 -2px 8px rgba(0, 0, 0, 0.15);
--shadow-1-down: 0 2px 8px rgba(0, 0, 0, 0.15);
--shadow-1-left: -2px 0 8px rgba(0, 0, 0, 0.15);
--shadow-1-right: 2px 0 8px rgba(0, 0, 0, 0.15);
--shadow-2: 0 4px 12px rgba(0, 0, 0, 0.15);
--btn-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
--btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
--btn-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
--btn-default-bg: #ffffff;
--btn-default-ghost-color: #ffffff;
--btn-default-ghost-border: #ffffff;
--btn-text-hover-bg: rgba(0, 0, 0, 0.018);
--btn-text-active-bg: rgba(0, 0, 0, 0.028);
--checkbox-check-bg: #fff;
--descriptions-bg: #fafafa;
--divider-color: rgba(0, 0, 0, 0.06);
--dropdown-menu-submenu-disabled-bg: #ffffff;
--radio-dot-disabled-color: rgba(0, 0, 0, 0.2);
--radio-solid-checked-color: #ffffff;
--radio-disabled-button-checked-bg: coverTintMixin(#000, 90%);
--radio-disabled-button-checked-color: rgba(0, 0, 0, 0.25);
--layout-body-background: #f0f2f5;
--layout-header-background: #001529;
--layout-trigger-background: #002140;
--dropdown-menu-bg: #ffffff;
--input-placeholder-color: #bfbfbf;
--input-icon-color: rgba(0, 0, 0, 0.88);
--input-bg: #ffffff;
--input-number-handler-active-bg: #f4f4f4;
--input-icon-hover-color: rgba(0, 0, 0, 0.85);
--mentions-dropdown-bg: #ffffff;
--select-dropdown-bg: #ffffff;
--select-background: #ffffff;
--select-clear-background: #ffffff;
--select-selection-item-bg: #f5f5f5;
--select-selection-item-border-color: rgba(5, 5, 5, 0.06);
--select-multiple-disabled-background: rgba(0, 0, 0, 0.04);
--select-multiple-item-disabled-color: #bfbfbf;
--select-multiple-item-disabled-border-color: #d9d9d9;
--cascader-bg: #ffffff;
--cascader-menu-bg: #ffffff;
--cascader-menu-border-color-split: rgba(5, 5, 5, 0.06);
--tooltip-bg: rgba(0, 0, 0, 0.75);
--popover-bg: #ffffff;
--modal-header-bg: #ffffff;
--modal-header-border-color-split: rgba(5, 5, 5, 0.06);
--modal-content-bg: #ffffff;
--modal-footer-border-color-split: rgba(5, 5, 5, 0.06);
--progress-steps-item-bg: #f3f3f3;
--menu-popup-bg: #ffffff;
--menu-dark-bg: #001529;
--menu-dark-inline-submenu-bg: #000c17;
--table-header-bg: #fafafa;
--table-header-sort-bg: #f5f5f5;
--table-body-sort-bg: #fafafa;
--table-row-hover-bg: #fafafa;
--table-expanded-row-bg: #fbfbfb;
--table-header-cell-split-color: rgba(0, 0, 0, 0.06);
--table-header-sort-active-bg: rgba(0, 0, 0, 0.04);
--table-header-filter-active-bg: rgba(0, 0, 0, 0.04);
--table-filter-btns-bg: inherit;
--table-filter-dropdown-bg: #ffffff;
--table-expand-icon-bg: #ffffff;
--picker-bg: #ffffff;
--picker-basic-cell-disabled-bg: rgba(0, 0, 0, 0.04);
--picker-border-color: rgba(5, 5, 5, 0.06);
--calendar-bg: #ffffff;
--calendar-input-bg: #ffffff;
--calendar-border-color: #fff;
--calendar-full-bg: #ffffff;
--badge-text-color: #ffffff;
--rate-star-bg: rgba(5, 5, 5, 0.06);
--card-actions-background: #ffffff;
--card-skeleton-bg: #cfd8dc;
--card-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
--comment-bg: inherit;
--comment-author-time-color: #ccc;
--comment-action-hover-color: #595959;
--back-top-bg: rgba(0, 0, 0, 0.65);
--back-top-hover-bg: rgba(0, 0, 0, 0.88);
--avatar-bg: #ccc;
--switch-bg: #ffffff;
--pagination-item-bg: #ffffff;
--pagination-item-bg-active: #ffffff;
--pagination-item-link-bg: #ffffff;
--pagination-item-disabled-color-active: #fff;
--pagination-item-disabled-bg-active: #dbdbdb;
--pagination-item-input-bg: #ffffff;
--page-header-back-color: #000;
--page-header-ghost-bg: inherit;
--slider-rail-background-color: #f5f5f5;
--slider-rail-background-color-hover: #e1e1e1;
--slider-dot-border-color: rgba(5, 5, 5, 0.06);
--slider-dot-border-color-active: #69b1ff;
--tree-bg: #ffffff;
--skeleton-to-color: coverShadeMixin(rgba(190, 190, 190, 0.2), 5%);
--transfer-item-hover-bg: rgba(0, 0, 0, 0.04);
--message-notice-content-bg: #ffffff;
--list-customize-card-bg: #ffffff;
--drawer-bg: #ffffff;
--timeline-color: rgba(5, 5, 5, 0.06);
--timeline-dot-color: #1677ff;
--image-preview-operation-disabled-color: rgba(255, 255, 255, 0.45);
--steps-nav-arrow-color: rgba(0, 0, 0, 0.25);
--steps-background: #ffffff;
--notification-bg: #ffffff;
--sidebar-light-shadow: 1px 3px 3px rgba(0, 21, 41, 0.08);
--sidebar-dark-shadow: 0 4px 4px rgba(0, 0, 0, 0.35);
--header-light-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
--header-dark-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
--header-tool-hover-bg: rgba(0, 0, 0, 0.025);
--header-dark-tool-hover-bg: rgba(255, 255, 255, 0.05);
--header-color-split: rgba(0, 0, 0, 0.08);
--logo-light-shadow: 1px 2px 3px rgba(0, 21, 41, 0.08);
--logo-dark-shadow: 0 3px 4px rgba(0, 0, 0, 0.35);
--gradient-min: rgba(207, 216, 220, 0.2);
--gradient-max: rgba(207, 216, 220, 0.4);
--font-color: rgba(0, 0, 0, 0.88);
--header-bottom: rgba(246, 246, 246, 0.85);
--breadcrumb-background: rgba(253, 253, 253, 0.85);
--snowy-background-color: #ffffff;
--tag-background: rgba(253, 253, 253);
--success-fade-20: rgba(82, 196, 26, 0.2);
--error-fade-20: rgba(255, 77, 79, 0.2);
--warning-fade-20: rgba(250, 173, 20, 0.2);
--primary-fade-20: var(--primary-2);
--white--fade--65: rgba(255, 255, 255, 0.65);
--menu-dark-highlight-color: #fff;
--btn-primary-color: #fff;
--tooltip-color: #fff;
--card-above-color: #f0f0f0;
--card-above-border-color: #cccccc;
--node-wrap-box-color: #ffffff;
--node-wrap-box-before-color: #ffffff;
--node-wrap-box-before-borde-color: #cacaca;
--auto-judge-before-color: #fff;
--cover-line-before-color: #fff;
--background-color: #f5f5f5;
--background-border: #f0f0f0;
--background-card-color: #ffffff;
--background-list-color: #ececec;
--background-primary-text: #000000;
}
.body,
html {
width: 100%;
height: 100%;
background-color: #f6f8f9;
}
a,
button,
input,
textarea {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
box-sizing: border-box;
outline: none !important;
-webkit-appearance: none;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
outline: none;
}
/* 大布局样式 */
.admin-ui {
overflow: hidden;
height: 100%;
display: flex;
flex-flow: column;
}
.admin-ui-wrapper {
display: flex;
flex: 1;
overflow: auto;
}
.admin-ui-main {
display: flex;
flex-direction: column;
height: 100%;
flex: 1;
}
.main-content-wrapper {
padding: 11px 11px 0px;
overflow-y: auto;
overflow-x: hidden;
flex: auto;
}
.main-bottom-wrapper {
height: 60px;
margin-top: 25px;
text-align: center;
flex: auto;
display: flex;
align-items: flex-end;
justify-content: center;
padding-bottom: 25px;
}
/* 双排菜单布局 */
.snowy-doublerow-layout-menu {
line-height: 0;
align-items: center;
}
.snowy-doublerow-layout-menu-item-fort-div {
overflow: hidden;
text-overflow: ellipsis;
opacity: 1;
display: block;
flex: auto;
}
.snowy-doublerow-layout-menu-item-fort-div-span {
font-size: 13px;
text-overflow: ellipsis;
}
.snowy-title {
color: var(--text-color);
}
.ant-layout-sider-collapsed .logo-bar > span {
display: none;
}
.ant-layout-sider-dark .snowy-header-logo {
color: #fff;
}
/* 设置抽屉样式 */
.layout-setting {
position: fixed;
width: 40px;
height: 40px;
border-radius: 3px 0 0 3px;
bottom: 50%;
right: 0px;
z-index: 100;
background: #1677ff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
cursor: pointer;
}
.layout-setting i {
color: #fff;
}
/* 头部 */
.snowy-header {
display: flex;
justify-content: space-between;
border-bottom: 1px solid var(--header-bottom);
box-shadow: 0 0.4px 0.5px rgba(0, 21, 41, 0.12);
background: var(--snowy-background-color);
}
.snowy-header .ant-menu-item {
height: 48px;
line-height: 48px;
}
.snowy-header-primary-color {
color: white;
background-color: var(--primary-color);
}
.snowy-header-primary-color .ant-badge {
color: white;
}
.snowy-header-primary-color .ant-breadcrumb-link {
color: white;
}
.snowy-header-primary-color .ant-breadcrumb-separator {
color: white;
}
.snowy-header-primary-color .ant-menu-light .ant-menu-item:hover {
color: #ccc;
background-color: var(--primary-7);
}
.ant-layout-sider-dark .snowy-title {
color: #fff;
}
.snowy-header-left {
display: flex;
align-items: center;
padding-left: 20px;
}
.snowy-header-left .menu-unfold-outlined {
padding: 0 12px;
}
.snowy-header-right {
display: flex;
align-items: center;
}
.snowy-header-logo {
height: 49px;
display: flex;
justify-content: space-between;
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.snowy-header-logo-primary-color {
color: white;
background-color: var(--primary-color);
}
.snowy-header-logo .logo-bar {
font-weight: bold;
display: flex;
align-items: center;
font-size: 20px;
}
.snowy-header-logo .logo-bar .logo {
margin-right: 10px;
width: 35px;
height: 35px;
}
.top-snowy-header {
background: #001529;
color: white;
}
.top-snowy-header-light {
background: #ffffff;
color: #000000;
}
.top-snowy-header-layout {
background: var(--primary-color);
color: #ffffff;
}
.panel-item {
padding: 0 10px;
cursor: pointer;
height: 100%;
display: flex;
align-items: center;
/*color: var(--font-color);*/
}
.panel-item:hover {
background: var(--header-color-split);
}
.contextmenu {
position: fixed;
width: 200px;
margin: 0;
border-radius: 0px;
background: #fff;
border: 1px solid var(--border-color-split);
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
z-index: 3000;
list-style-type: none;
padding: 10px 0;
}
.contextmenu hr {
margin: 5px 0;
border: none;
height: 1px;
font-size: 0px;
background-color: var(--border-color-split);
}
.contextmenu li {
display: flex;
align-items: center;
margin: 0;
cursor: pointer;
line-height: 30px;
padding: 0 17px;
color: rgba(0, 0, 0, 0.88);
}
.contextmenu li i {
font-size: 14px;
margin-right: 10px;
}
.contextmenu li:hover {
background-color: #ffffff;
color: #66b1ff;
}
.contextmenu li.disabled {
cursor: not-allowed;
color: #bbb;
background: transparent;
}
/*页面最大化*/
.app-main.main-maximize .main-maximize-exit {
display: block;
}
.app-main.main-maximize .ant-layout-sider,
.app-main.main-maximize .ant-layout-sider-dark,
.app-main.main-maximize .layout-setting,
.app-main.main-maximize .snowy-header,
.app-main.main-maximize .admin-ui-breadcrumb,
.app-main.main-maximize .snowy-tags {
display: none;
}
.app-main.main-maximize .main-content-wrapper {
padding: 0;
}
/* 最大化后的退出按钮 */
.main-maximize-exit {
display: none;
position: fixed;
z-index: 3000;
top: -20px;
padding-top: 18px;
left: 50%;
margin-left: -20px;
border-radius: 50%;
width: 40px;
height: 40px;
cursor: pointer;
background: rgba(0, 0, 0, 0.2);
text-align: center;
}
.main-maximize-exit:hover {
background: rgba(0, 0, 0, 0.4);
}
.ant-layout-sider {
overflow: auto;
}
/* 重写antdv的一些样式，定义到全局 */
.ant-card-head-title {
padding: 12px 0 !important;
}
.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
padding: 12px 0 !important;
}
.ant-card-extra {
padding: 12px 0 !important;
}
.ant-card-head {
border-bottom: 0px !important;
min-height: 50px !important;
}
/* 重写antdv的表格滚动条 */
.ant-table-body::-webkit-scrollbar,
.ant-table-content::-webkit-scrollbar {
height: 10px;
width: 10px;
}
.ant-table-body::-webkit-scrollbar-thumb,
.ant-table-content::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
background: rgba(5, 5, 5, 0.06);
}
.ant-table-body::-webkit-scrollbar-track,
.ant-table-content::-webkit-scrollbar-track {
-webkit-box-shadow: 0;
border-radius: 10px;
background: #f5f5f5;
}
.left-span-label {
border-left: 4px solid var(--primary-color);
font-size: 15px;
color: var(--font-color);
font-weight: 600;
padding-left: 8px;
}
.left-tree-container {
height: calc(100vh - 8rem);
overflow: auto;
}
body::-webkit-scrollbar,
.ant-scrolling-effect::-webkit-scrollbar,
.ant-drawer-wrapper-body::-webkit-scrollbar,
.ant-drawer-body::-webkit-scrollbar,
.admin-ui::-webkit-scrollbar,
.ant-modal-wrap::-webkit-scrollbar,
.ant-transfer-list-content::-webkit-scrollbar,
.ant-card::-webkit-scrollbar,
.ant-layout-sider::-webkit-scrollbar,
.CodeMirror-scroll::-webkit-scrollbar,
.main-content-wrapper::-webkit-scrollbar,
.xn-icon-select-list::-webkit-scrollbar,
.form-user-table::-webkit-scrollbar,
.scopeDefineOrgTreeDiv::-webkit-scrollbar,
.user-table::-webkit-scrollbar,
.role-table::-webkit-scrollbar,
.org-table::-webkit-scrollbar,
.pos-table::-webkit-scrollbar,
.poi-list::-webkit-scrollbar,
.snowy-orgpos-vis::-webkit-scrollbar,
.index-message-list::-webkit-scrollbar,
.ant-picker-time-panel-column::-webkit-scrollbar,
.timeline-div::-webkit-scrollbar,
.gen-preview-content::-webkit-scrollbar,
.ant-menu::-webkit-scrollbar,
.ant-tabs-dropdown-menu::-webkit-scrollbar,
.xn-table::-webkit-scrollbar,
.selector-table::-webkit-scrollbar,
.card-div::-webkit-scrollbar,
.ant-table-body::-webkit-scrollbar,
.left-tree-container::-webkit-scrollbar,
.ant-card-body::-webkit-scrollbar,
.approval-card-record::-webkit-scrollbar,
.approval-card-form::-webkit-scrollbar,
.admin-ui-main::-webkit-scrollbar {
/*滚动条整体样式*/
width: 0;
/*高宽分别对应横竖滚动条的尺寸*/
height: 0;
}
body::-webkit-scrollbar-thumb,
.ant-scrolling-effect::-webkit-scrollbar-thumb,
.ant-drawer-wrapper-body::-webkit-scrollbar-thumb,
.ant-drawer-body::-webkit-scrollbar-thumb,
.admin-ui::-webkit-scrollbar-thumb,
.ant-modal-wrap::-webkit-scrollbar-thumb,
.ant-transfer-list-content::-webkit-scrollbar-thumb,
.ant-card::-webkit-scrollbar-thumb,
.ant-layout-sider::-webkit-scrollbar-thumb,
.CodeMirror-scroll::-webkit-scrollbar-thumb,
.main-content-wrapper::-webkit-scrollbar-thumb,
.xn-icon-select-list::-webkit-scrollbar-thumb,
.form-user-table::-webkit-scrollbar-thumb,
.scopeDefineOrgTreeDiv::-webkit-scrollbar-thumb,
.user-table::-webkit-scrollbar-thumb,
.role-table::-webkit-scrollbar-thumb,
.org-table::-webkit-scrollbar-thumb,
.pos-table::-webkit-scrollbar-thumb,
.poi-list::-webkit-scrollbar-thumb,
.snowy-orgpos-vis::-webkit-scrollbar-thumb,
.index-message-list::-webkit-scrollbar-thumb,
.ant-picker-time-panel-column::-webkit-scrollbar-thumb,
.timeline-div::-webkit-scrollbar-thumb,
.gen-preview-content::-webkit-scrollbar-thumb,
.ant-menu::-webkit-scrollbar-thumb,
.ant-tabs-dropdown-menu::-webkit-scrollbar-thumb,
.xn-table::-webkit-scrollbar-thumb,
.selector-table::-webkit-scrollbar-thumb,
.card-div::-webkit-scrollbar-thumb,
.ant-table-body::-webkit-scrollbar-thumb,
.left-tree-container::-webkit-scrollbar-thumb,
.ant-card-body::-webkit-scrollbar-thumb,
.approval-card-record::-webkit-scrollbar-thumb,
.approval-card-form::-webkit-scrollbar-thumb,
.admin-ui-main::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px;
background-color: #ffffff;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}
body::-webkit-scrollbar-track,
.ant-scrolling-effect::-webkit-scrollbar-track,
.ant-drawer-wrapper-body::-webkit-scrollbar-track,
.ant-drawer-body::-webkit-scrollbar-track,
.admin-ui::-webkit-scrollbar-track,
.ant-modal-wrap::-webkit-scrollbar-track,
.ant-transfer-list-content::-webkit-scrollbar-track,
.ant-card::-webkit-scrollbar-track,
.ant-layout-sider::-webkit-scrollbar-track,
.CodeMirror-scroll::-webkit-scrollbar-track,
.main-content-wrapper::-webkit-scrollbar-track,
.xn-icon-select-list::-webkit-scrollbar-track,
.form-user-table::-webkit-scrollbar-track,
.scopeDefineOrgTreeDiv::-webkit-scrollbar-track,
.user-table::-webkit-scrollbar-track,
.role-table::-webkit-scrollbar-track,
.org-table::-webkit-scrollbar-track,
.pos-table::-webkit-scrollbar-track,
.poi-list::-webkit-scrollbar-track,
.snowy-orgpos-vis::-webkit-scrollbar-track,
.index-message-list::-webkit-scrollbar-track,
.ant-picker-time-panel-column::-webkit-scrollbar-track,
.timeline-div::-webkit-scrollbar-track,
.gen-preview-content::-webkit-scrollbar-track,
.ant-menu::-webkit-scrollbar-track,
.ant-tabs-dropdown-menu::-webkit-scrollbar-track,
.xn-table::-webkit-scrollbar-track,
.selector-table::-webkit-scrollbar-track,
.card-div::-webkit-scrollbar-track,
.ant-table-body::-webkit-scrollbar-track,
.left-tree-container::-webkit-scrollbar-track,
.ant-card-body::-webkit-scrollbar-track,
.approval-card-record::-webkit-scrollbar-track,
.approval-card-form::-webkit-scrollbar-track,
.admin-ui-main::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
background: #ffffff;
border-radius: 5px;
opacity: 0;
display: none;
}
.json-box-9136076486841527 {
overflow: hidden !important;
}
.json-box-9136076486841527 .CodeMirror-scrollbar-filler {
display: none !important;
}
.ant-modal-close-x .anticon {
padding: 2px !important;
}
.xn-mb10 {
margin-bottom: 10px;
}
.xn-mt4 {
margin-top: 4px;
}
.xn-mg08 {
margin: 0 8px;
}
.xn-fdr {
float: right;
}
.xn-wd {
width: 100%;
}
.xn-wd90 {
width: 90px;
}
.xn-wdcalc-70 {
width: calc(100% - 70px);
}
.xn-mr8 {
margin-right: 8px;
}
.xn-ht400 {
height: 400px;
}
.xn-wh25 {
height: 25px;
width: 25px;
}
.xn-ml10 {
margin-left: 10px;
}
.xn-pl0 {
padding-left: 0px;
}
.xn-pd8 {
padding: 8px;
}
.xn-pb10 {
padding-bottom: 10px;
}
.xn-color-a0a0a0 {
color: #a0a0a0;
}
.xn-color-d9d9d9 {
color: #d9d9d9;
}
.xn-color-ff4d4f {
color: #ff4d4f;
}
.xn-color-00025 {
color: rgba(0, 0, 0, 0.25);
}
.xn-jk-line {
width: 188px;
margin-bottom: 8px;
display: block;
}
.xn-findform-line {
border: 1px solid var(--border-color-split);
cursor: pointer;
width: 100%;
height: 40px;
}
.odd {
background-color: var(--table-row-hover-bg);
}
.snowy-theme-dark .odd {
background-color: #1d1d1d;
}
.list-main {
background: var(--auto-judge-before-color) !important;
}
.drag-move-box:before {
background: var(--primary-color) !important;
}
.drag-move-box > .delete {
background: var(--primary-color) !important;
}
.drag-move-box > .copy {
background: var(--primary-color) !important;
}
.drag-move-box .show-key-box {
color: var(--primary-color) !important;
}
.left-ul-item:hover {
color: var(--primary-color) !important;
border: 1px solid var(--primary-color) !important;
box-shadow: 0 2px 6px var(--primary-color) !important;
}
.list-main > .moving:before {
background: var(--primary-color) !important;
}
.operating-area a:hover {
color: var(--primary-color) !important;
}
.batch-box > .delete {
background: var(--primary-color) !important;
}
.batch-box > .copy {
background: var(--primary-color) !important;
}
.batch-box.active:before {
background: var(--primary-color) !important;
}
.ant-modal .ant-modal-header {
margin: -20px -24px 20px -24px;
padding: 12px 24px;
background: rgb(from var(--primary-color) r g b / 10%);
}
.ant-modal .ant-modal-title {
margin-right: 22px;
}
.ant-modal .ant-modal-close {
top: 12px;
line-height: 1.5;
inset-inline-end: 24px;
}
.ant-modal .ant-modal-close-x {
line-height: 1.5;
}
.full-modal .ant-modal {
max-width: 100%;
top: 0;
padding-bottom: 0;
margin: 0;
}
.full-modal .ant-modal-content {
display: flex;
flex-direction: column;
height: calc(100vh);
}
.full-modal .ant-modal-body {
flex: 1;
overflow: auto;
}
.ant-modal-action {
display: inline-flex;
align-items: center;
z-index: 1010;
padding: 0;
color: rgba(0, 0, 0, 0.45);
font-weight: 600;
line-height: 1.5;
text-decoration: none;
background: transparent;
border-radius: 4px;
width: 22px;
height: 22px;
border: 0;
outline: 0;
cursor: pointer;
transition: color 0.2s, background-color 0.2s;
font-size: 16px;
font-style: normal;
text-align: center;
text-transform: none;
text-rendering: auto;
}
.ant-modal-action:hover {
color: rgba(0, 0, 0, 0.88);
background-color: rgba(0, 0, 0, 0.06);
text-decoration: none;
}
pre code.hljs {
display: block;
overflow-x: auto;
padding: 1em
}
code.hljs {
padding: 3px 5px
}
/*
Atom One Dark by Daniel Gamage
Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax
base: #282c34
mono-1: #abb2bf
mono-2: #818896
mono-3: #5c6370
hue-1: #56b6c2
hue-2: #61aeee
hue-3: #c678dd
hue-4: #98c379
hue-5: #e06c75
hue-5-2: #be5046
hue-6: #d19a66
hue-6-2: #e6c07b
*/
.hljs {
color: #abb2bf;
background: #282c34
}
.hljs-comment,
.hljs-quote {
color: #5c6370;
font-style: italic
}
.hljs-doctag,
.hljs-keyword,
.hljs-formula {
color: #c678dd
}
.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
color: #e06c75
}
.hljs-literal {
color: #56b6c2
}
.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta .hljs-string {
color: #98c379
}
.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
color: #d19a66
}
.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
color: #61aeee
}
.hljs-built_in,
.hljs-title.class_,
.hljs-class .hljs-title {
color: #e6c07b
}
.hljs-emphasis {
font-style: italic
}
.hljs-strong {
font-weight: bold
}
.hljs-link {
text-decoration: underline
}.s-tool-column-item[data-v-a0ba753a] {
display: flex;
align-items: center;
padding: 4px 16px 4px 4px;
}
.s-tool-column-item .ant-checkbox-wrapper[data-v-a0ba753a] {
flex: 1;
}
.s-tool-column-item .s-tool-column-handle[data-v-a0ba753a] {
opacity: 0.8;
cursor: move;
}
.s-tool-column-item .s-tool-column-handle .anticon-more[data-v-a0ba753a] {
font-size: 12px;
}
.s-tool-column-item .s-tool-column-handle .anticon-more + .anticon-more[data-v-a0ba753a] {
margin: 0px 4px 0 -8px;
}
.s-tool-column-header[data-v-a0ba753a] {
padding: 5px 16px 10px 24px;
min-width: 180px;
}
.s-tool-column .ant-divider[data-v-a0ba753a] {
margin: 0;
}
.s-tool-column .ant-checkbox-group[data-v-a0ba753a] {
padding: 4px 0;
display: block;
}
.s-table-tool[data-v-7a0b5dc9] {
display: flex;
margin-bottom: 16px;
}
.s-table-tool .s-table-tool-left[data-v-7a0b5dc9] {
flex: 1;
}
.s-table-tool .s-table-tool-right .s-tool-item[data-v-7a0b5dc9] {
font-size: 16px;
margin-left: 1rem;
cursor: pointer;
}
.s-table-alert[data-v-7a0b5dc9] {
background-color: var(--primary-1) !important;
border-color: var(--primary-color) !important;
}
.s-table-alert[data-v-7a0b5dc9] .ant-alert-icon,
.s-table-alert a[data-v-7a0b5dc9] {
color: var(--primary-color) !important;
}
/* Make clicks pass-through */
#nprogress {
pointer-events: none;
}
#nprogress .bar {
background: #29d;
position: fixed;
z-index: 1031;
top: 0;
left: 0;
width: 100%;
height: 2px;
}
/* Fancy blur effect */
#nprogress .peg {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px #29d, 0 0 5px #29d;
opacity: 1.0;
transform: rotate(3deg) translate(0px, -4px);
}
/* Remove these to get rid of the spinner */
#nprogress .spinner {
display: block;
position: fixed;
z-index: 1031;
top: 15px;
right: 15px;
}
#nprogress .spinner-icon {
width: 18px;
height: 18px;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: #29d;
border-left-color: #29d;
border-radius: 50%;
animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
overflow: hidden;
position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
position: absolute;
}
@keyframes nprogress-spinner {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
*, ::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: ;
--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 / 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: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
::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 / 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: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
.\!container {
width: 100% !important;
}
.container {
width: 100%;
}
@media (min-width: 640px) {
.\!container {
max-width: 640px !important;
}
.container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.\!container {
max-width: 768px !important;
}
.container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.\!container {
max-width: 1024px !important;
}
.container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.\!container {
max-width: 1280px !important;
}
.container {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.\!container {
max-width: 1536px !important;
}
.container {
max-width: 1536px;
}
}
.pointer-events-auto {
pointer-events: auto;
}
.visible {
visibility: visible;
}
.collapse {
visibility: collapse;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.-left-\[12px\] {
left: -12px;
}
.-top-\[20px\] {
top: -20px;
}
.bottom-0 {
bottom: 0px;
}
.bottom-0\.5 {
bottom: 0.125rem;
}
.left-0 {
left: 0px;
}
.right-0 {
right: 0px;
}
.right-0\.5 {
right: 0.125rem;
}
.top-0 {
top: 0px;
}
.float-right {
float: right;
}
.m-0 {
margin: 0px;
}
.\!mx-0 {
margin-left: 0px !important;
margin-right: 0px !important;
}
.mx-1 {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.my-10 {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.\!mb-0 {
margin-bottom: 0px !important;
}
.-mr-9 {
margin-right: -2.25rem;
}
.mb-0 {
margin-bottom: 0px;
}
.mb-0\.5 {
margin-bottom: 0.125rem;
}
.mb-1 {
margin-bottom: 0.25rem;
}
.mb-1\.5 {
margin-bottom: 0.375rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.mb-2\.5 {
margin-bottom: 0.625rem;
}
.mb-3 {
margin-bottom: 0.75rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.mb-5 {
margin-bottom: 1.25rem;
}
.mb-6 {
margin-bottom: 1.5rem;
}
.mb-8 {
margin-bottom: 2rem;
}
.ml-1 {
margin-left: 0.25rem;
}
.ml-2 {
margin-left: 0.5rem;
}
.ml-3 {
margin-left: 0.75rem;
}
.ml-4 {
margin-left: 1rem;
}
.ml-6 {
margin-left: 1.5rem;
}
.mr-1 {
margin-right: 0.25rem;
}
.mr-2 {
margin-right: 0.5rem;
}
.mr-3 {
margin-right: 0.75rem;
}
.mt-0\.5 {
margin-top: 0.125rem;
}
.mt-1 {
margin-top: 0.25rem;
}
.mt-10 {
margin-top: 2.5rem;
}
.mt-2 {
margin-top: 0.5rem;
}
.mt-3 {
margin-top: 0.75rem;
}
.mt-4 {
margin-top: 1rem;
}
.mt-6 {
margin-top: 1.5rem;
}
.mt-8 {
margin-top: 2rem;
}
.line-clamp-3 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
.flex {
display: flex;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.grid {
display: grid;
}
.contents {
display: contents;
}
.\!hidden {
display: none !important;
}
.hidden {
display: none;
}
.h-0 {
height: 0px;
}
.h-1\.5 {
height: 0.375rem;
}
.h-10 {
height: 2.5rem;
}
.h-16 {
height: 4rem;
}
.h-2 {
height: 0.5rem;
}
.h-6 {
height: 1.5rem;
}
.h-8 {
height: 2rem;
}
.h-\[22px\] {
height: 22px;
}
.h-\[300px\] {
height: 300px;
}
.h-\[50px\] {
height: 50px;
}
.h-auto {
height: auto;
}
.h-dvh {
height: 100dvh;
}
.h-full {
height: 100%;
}
.min-h-\[200px\] {
min-height: 200px;
}
.\!w-\[80px\] {
width: 80px !important;
}
.w-0 {
width: 0px;
}
.w-1 {
width: 0.25rem;
}
.w-1\.5 {
width: 0.375rem;
}
.w-10 {
width: 2.5rem;
}
.w-16 {
width: 4rem;
}
.w-2 {
width: 0.5rem;
}
.w-40 {
width: 10rem;
}
.w-6 {
width: 1.5rem;
}
.w-8 {
width: 2rem;
}
.w-\[60px\] {
width: 60px;
}
.w-\[65px\] {
width: 65px;
}
.w-\[75px\] {
width: 75px;
}
.w-\[95px\] {
width: 95px;
}
.w-full {
width: 100%;
}
.min-w-0 {
min-width: 0px;
}
.min-w-\[100px\] {
min-width: 100px;
}
.min-w-\[120px\] {
min-width: 120px;
}
.max-w-5xl {
max-width: 64rem;
}
.max-w-lg {
max-width: 32rem;
}
.flex-1 {
flex: 1 1 0%;
}
.flex-shrink {
flex-shrink: 1;
}
.shrink-0 {
flex-shrink: 0;
}
.border-collapse {
border-collapse: collapse;
}
.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.animate-spin {
animation: spin 1s linear infinite;
}
.cursor-default {
cursor: default;
}
.cursor-pointer {
cursor: pointer;
}
.select-text {
-webkit-user-select: text;
-moz-user-select: text;
user-select: text;
}
.resize {
resize: both;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-start {
align-items: flex-start;
}
.items-center {
align-items: center;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.gap-1 {
gap: 0.25rem;
}
.gap-1\.5 {
gap: 0.375rem;
}
.gap-2 {
gap: 0.5rem;
}
.gap-3 {
gap: 0.75rem;
}
.gap-4 {
gap: 1rem;
}
.gap-8 {
gap: 2rem;
}
.gap-x-2 {
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
}
.gap-x-4 {
-moz-column-gap: 1rem;
column-gap: 1rem;
}
.gap-y-2 {
row-gap: 0.5rem;
}
.gap-y-3 {
row-gap: 0.75rem;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.25rem * var(--tw-space-x-reverse));
margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.75rem * var(--tw-space-x-reverse));
margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.self-center {
align-self: center;
}
.overflow-auto {
overflow: auto;
}
.overflow-hidden {
overflow: hidden;
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-ellipsis {
text-overflow: ellipsis;
}
.whitespace-pre-wrap {
white-space: pre-wrap;
}
.break-all {
word-break: break-all;
}
.rounded {
border-radius: 0.25rem;
}
.rounded-full {
border-radius: 9999px;
}
.rounded-lg {
border-radius: 0.5rem;
}
.rounded-md {
border-radius: 0.375rem;
}
.rounded-xl {
border-radius: 0.75rem;
}
.\!border-2 {
border-width: 2px !important;
}
.border {
border-width: 1px;
}
.border-0 {
border-width: 0px;
}
.border-x {
border-left-width: 1px;
border-right-width: 1px;
}
.border-b {
border-bottom-width: 1px;
}
.border-l-\[24px\] {
border-left-width: 24px;
}
.border-r {
border-right-width: 1px;
}
.border-t {
border-top-width: 1px;
}
.border-t-\[24px\] {
border-top-width: 24px;
}
.border-solid {
border-style: solid;
}
.\!border-dashed {
border-style: dashed !important;
}
.\!border-gray-200 {
--tw-border-opacity: 1 !important;
border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important;
}
.border-\[\#d9d9d9\] {
--tw-border-opacity: 1;
border-color: rgb(217 217 217 / var(--tw-border-opacity));
}
.border-amber-100 {
--tw-border-opacity: 1;
border-color: rgb(254 243 199 / var(--tw-border-opacity));
}
.border-blue-100 {
--tw-border-opacity: 1;
border-color: rgb(219 234 254 / var(--tw-border-opacity));
}
.border-blue-100\/50 {
border-color: rgb(219 234 254 / 0.5);
}
.border-blue-200 {
--tw-border-opacity: 1;
border-color: rgb(191 219 254 / var(--tw-border-opacity));
}
.border-blue-300 {
--tw-border-opacity: 1;
border-color: rgb(147 197 253 / var(--tw-border-opacity));
}
.border-blue-500 {
--tw-border-opacity: 1;
border-color: rgb(59 130 246 / var(--tw-border-opacity));
}
.border-emerald-500 {
--tw-border-opacity: 1;
border-color: rgb(16 185 129 / var(--tw-border-opacity));
}
.border-gray-100 {
--tw-border-opacity: 1;
border-color: rgb(243 244 246 / var(--tw-border-opacity));
}
.border-gray-100\/80 {
border-color: rgb(243 244 246 / 0.8);
}
.border-gray-200 {
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-gray-50 {
--tw-border-opacity: 1;
border-color: rgb(249 250 251 / var(--tw-border-opacity));
}
.border-green-100 {
--tw-border-opacity: 1;
border-color: rgb(220 252 231 / var(--tw-border-opacity));
}
.border-green-200 {
--tw-border-opacity: 1;
border-color: rgb(187 247 208 / var(--tw-border-opacity));
}
.border-purple-100 {
--tw-border-opacity: 1;
border-color: rgb(243 232 255 / var(--tw-border-opacity));
}
.border-transparent {
border-color: transparent;
}
.border-l-transparent {
border-left-color: transparent;
}
.border-t-blue-500 {
--tw-border-opacity: 1;
border-top-color: rgb(59 130 246 / var(--tw-border-opacity));
}
.\!bg-gray-50 {
--tw-bg-opacity: 1 !important;
background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#e6f7ff\] {
--tw-bg-opacity: 1;
background-color: rgb(230 247 255 / var(--tw-bg-opacity));
}
.bg-\[\#eefaf2\] {
--tw-bg-opacity: 1;
background-color: rgb(238 250 242 / var(--tw-bg-opacity));
}
.bg-\[\#f8fafc\] {
--tw-bg-opacity: 1;
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
.bg-\[var\(--item-hover-bg\)\] {
background-color: var(--item-hover-bg);
}
.bg-amber-50\/50 {
background-color: rgb(255 251 235 / 0.5);
}
.bg-blue-100 {
--tw-bg-opacity: 1;
background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}
.bg-blue-50 {
--tw-bg-opacity: 1;
background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}
.bg-blue-50\/20 {
background-color: rgb(239 246 255 / 0.2);
}
.bg-blue-50\/30 {
background-color: rgb(239 246 255 / 0.3);
}
.bg-blue-50\/40 {
background-color: rgb(239 246 255 / 0.4);
}
.bg-blue-50\/50 {
background-color: rgb(239 246 255 / 0.5);
}
.bg-blue-500 {
--tw-bg-opacity: 1;
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-cyan-50 {
--tw-bg-opacity: 1;
background-color: rgb(236 254 255 / var(--tw-bg-opacity));
}
.bg-emerald-500 {
--tw-bg-opacity: 1;
background-color: rgb(16 185 129 / var(--tw-bg-opacity));
}
.bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-gray-50 {
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.bg-gray-50\/50 {
background-color: rgb(249 250 251 / 0.5);
}
.bg-gray-50\/80 {
background-color: rgb(249 250 251 / 0.8);
}
.bg-green-50 {
--tw-bg-opacity: 1;
background-color: rgb(240 253 244 / var(--tw-bg-opacity));
}
.bg-green-50\/50 {
background-color: rgb(240 253 244 / 0.5);
}
.bg-indigo-50 {
--tw-bg-opacity: 1;
background-color: rgb(238 242 255 / var(--tw-bg-opacity));
}
.bg-orange-50 {
--tw-bg-opacity: 1;
background-color: rgb(255 247 237 / var(--tw-bg-opacity));
}
.bg-purple-50 {
--tw-bg-opacity: 1;
background-color: rgb(250 245 255 / var(--tw-bg-opacity));
}
.bg-purple-50\/50 {
background-color: rgb(250 245 255 / 0.5);
}
.bg-red-50 {
--tw-bg-opacity: 1;
background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}
.bg-slate-50 {
--tw-bg-opacity: 1;
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.p-0 {
padding: 0px;
}
.p-0\.5 {
padding: 0.125rem;
}
.p-1 {
padding: 0.25rem;
}
.p-2 {
padding: 0.5rem;
}
.p-2\.5 {
padding: 0.625rem;
}
.p-3 {
padding: 0.75rem;
}
.p-4 {
padding: 1rem;
}
.p-5 {
padding: 1.25rem;
}
.p-6 {
padding: 1.5rem;
}
.p-8 {
padding: 2rem;
}
.px-0 {
padding-left: 0px;
padding-right: 0px;
}
.px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.px-12 {
padding-left: 3rem;
padding-right: 3rem;
}
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.px-2\.5 {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.py-0\.5 {
padding-top: 0.125rem;
padding-bottom: 0.125rem;
}
.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.pb-2 {
padding-bottom: 0.5rem;
}
.pb-3 {
padding-bottom: 0.75rem;
}
.pl-3 {
padding-left: 0.75rem;
}
.pl-\[60px\] {
padding-left: 60px;
}
.pr-1 {
padding-right: 0.25rem;
}
.pr-2 {
padding-right: 0.5rem;
}
.pr-8 {
padding-right: 2rem;
}
.pt-2 {
padding-top: 0.5rem;
}
.pt-3 {
padding-top: 0.75rem;
}
.pt-4 {
padding-top: 1rem;
}
.pt-6 {
padding-top: 1.5rem;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-\[10px\] {
font-size: 10px;
}
.text-\[11px\] {
font-size: 11px;
}
.text-\[12px\] {
font-size: 12px;
}
.text-\[13px\] {
font-size: 13px;
}
.text-\[14px\] {
font-size: 14px;
}
.text-\[15px\] {
font-size: 15px;
}
.text-\[16px\] {
font-size: 16px;
}
.text-\[17px\] {
font-size: 17px;
}
.text-\[20px\] {
font-size: 20px;
}
.text-\[40px\] {
font-size: 40px;
}
.font-6 {
font-weight: 600;
}
.italic {
font-style: italic;
}
.tabular-nums {
--tw-numeric-spacing: tabular-nums;
font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-none {
line-height: 1;
}
.leading-relaxed {
line-height: 1.625;
}
.leading-snug {
line-height: 1.375;
}
.text-\[\#1890ff\] {
--tw-text-opacity: 1;
color: rgb(24 144 255 / var(--tw-text-opacity));
}
.text-\[\#1aa04b\] {
--tw-text-opacity: 1;
color: rgb(26 160 75 / var(--tw-text-opacity));
}
.text-\[\#8b5cf6\] {
--tw-text-opacity: 1;
color: rgb(139 92 246 / var(--tw-text-opacity));
}
.text-amber-600 {
--tw-text-opacity: 1;
color: rgb(217 119 6 / var(--tw-text-opacity));
}
.text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-blue-400 {
--tw-text-opacity: 1;
color: rgb(96 165 250 / var(--tw-text-opacity));
}
.text-blue-500 {
--tw-text-opacity: 1;
color: rgb(59 130 246 / var(--tw-text-opacity));
}
.text-blue-600 {
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity));
}
.text-blue-700 {
--tw-text-opacity: 1;
color: rgb(29 78 216 / var(--tw-text-opacity));
}
.text-cyan-500 {
--tw-text-opacity: 1;
color: rgb(6 182 212 / var(--tw-text-opacity));
}
.text-emerald-500 {
--tw-text-opacity: 1;
color: rgb(16 185 129 / var(--tw-text-opacity));
}
.text-gray-200 {
--tw-text-opacity: 1;
color: rgb(229 231 235 / var(--tw-text-opacity));
}
.text-gray-300 {
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
}
.text-gray-400 {
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-gray-500 {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-gray-700 {
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
}
.text-gray-800 {
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-gray-900 {
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-green-500 {
--tw-text-opacity: 1;
color: rgb(34 197 94 / var(--tw-text-opacity));
}
.text-green-600 {
--tw-text-opacity: 1;
color: rgb(22 163 74 / var(--tw-text-opacity));
}
.text-indigo-600 {
--tw-text-opacity: 1;
color: rgb(79 70 229 / var(--tw-text-opacity));
}
.text-orange-500 {
--tw-text-opacity: 1;
color: rgb(249 115 22 / var(--tw-text-opacity));
}
.text-purple-500 {
--tw-text-opacity: 1;
color: rgb(168 85 247 / var(--tw-text-opacity));
}
.text-purple-600 {
--tw-text-opacity: 1;
color: rgb(147 51 234 / var(--tw-text-opacity));
}
.text-red-500 {
--tw-text-opacity: 1;
color: rgb(239 68 68 / var(--tw-text-opacity));
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-opacity-25 {
--tw-text-opacity: 0.25;
}
.underline {
text-decoration-line: underline;
}
.decoration-dashed {
text-decoration-style: dashed;
}
.underline-offset-4 {
text-underline-offset: 4px;
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.shadow {
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-md {
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 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-sm {
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 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-blue-200 {
--tw-shadow-color: #bfdbfe;
--tw-shadow: var(--tw-shadow-colored);
}
.ring-2 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-blue-50 {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(239 246 255 / var(--tw-ring-opacity));
}
.blur {
--tw-blur: blur(8px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
--tw-grayscale: grayscale(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-filter {
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-colors {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.duration-200 {
transition-duration: 200ms;
}
.ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
/*默认为row，横向排列*/
.layout-items-center {
display: flex;
align-items: center;
}
.layout-items-baseline {
display: flex;
align-items: baseline;
}
.layout-baseline-between {
display: flex;
align-items: baseline;
justify-content: space-between;
}
/*左右居中*/
.layout-center {
display: flex;
justify-content: center;
}
/*两边排列*/
.layout-slide {
display: flex;
align-items: center;
justify-content: space-between;
}
/*左中右排列*/
.layout-around {
display: flex;
align-items: center;
justify-content: space-around;
}
/*两边排列, 换行*/
.layout-slide-wrap {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
/*上下排列*/
.layout-col-slide {
display: flex;
flex-direction: column;
justify-content: space-between;
}
/*左右垂直居中*/
.layout-abs-center {
display: flex;
justify-content: center;
align-items: center;
}
/*横向左右垂直居右*/
.layout-end {
display: flex;
justify-content: flex-end;
align-items: center;
}
/*纵向左右垂直居中*/
.layout-col-center {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.text-color {
color: var(--text-color);
}
.last\:border-0:last-child {
border-width: 0px;
}
.hover\:\!border-blue-400:hover {
--tw-border-opacity: 1 !important;
border-color: rgb(96 165 250 / var(--tw-border-opacity)) !important;
}
.hover\:border-gray-200:hover {
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.hover\:\!bg-blue-50\/30:hover {
background-color: rgb(239 246 255 / 0.3) !important;
}
.hover\:bg-blue-50:hover {
--tw-bg-opacity: 1;
background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}
.hover\:bg-blue-50\/50:hover {
background-color: rgb(239 246 255 / 0.5);
}
.hover\:bg-emerald-600:hover {
--tw-bg-opacity: 1;
background-color: rgb(5 150 105 / var(--tw-bg-opacity));
}
.hover\:bg-gray-100\/80:hover {
background-color: rgb(243 244 246 / 0.8);
}
.hover\:bg-gray-50:hover {
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.hover\:text-blue-500:hover {
--tw-text-opacity: 1;
color: rgb(59 130 246 / var(--tw-text-opacity));
}
.hover\:text-blue-600:hover {
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity));
}
.hover\:text-red-600:hover {
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity));
}
.hover\:underline:hover {
text-decoration-line: underline;
}
.group:hover .group-hover\:border-blue-200 {
--tw-border-opacity: 1;
border-color: rgb(191 219 254 / var(--tw-border-opacity));
}
@media (min-width: 640px) {
.sm\:h-\[26px\] {
height: 26px;
}
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm\:flex-row {
flex-direction: row;
}
.sm\:items-center {
align-items: center;
}
.sm\:justify-between {
justify-content: space-between;
}
.sm\:gap-3 {
gap: 0.75rem;
}
.sm\:px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.sm\:px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.sm\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.sm\:text-\[12px\] {
font-size: 12px;
}
}
@media (min-width: 768px) {
.md\:\!inline {
display: inline !important;
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.md\:text-right {
text-align: right;
}
}
@media (min-width: 1024px) {
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}