:root, :host {--spacing: 0.25rem;--font-sans: 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-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--defaults-font-family: var(--font-sans);--defaults-font-featureSettings: var(--font-sans--font-feature-settings);--defaults-font-variationSettings: var(--font-sans--font-variation-settings);--defaults-monoFont-family: var(--font-mono);--defaults-monoFont-featureSettings: var(--font-mono--font-feature-settings);--defaults-monoFont-variationSettings: var(--font-mono--font-variation-settings);}/*  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)  2. Remove default margins and padding  3. Reset all borders.*/*,::after,::before,::backdrop,::file-selector-button {  box-sizing: border-box; /* 1 */  margin: 0; /* 2 */  padding: 0; /* 2 */  border: 0 solid; /* 3 */}/*  1. Use a consistent sensible line-height in all browsers.  2. Prevent adjustments of font size after orientation changes in iOS.  3. Use a more readable tab size.  4. Use the user's configured `sans` font-family by default.  5. Use the user's configured `sans` font-feature-settings by default.  6. Use the user's configured `sans` font-variation-settings by default.  7. Disable tap highlights on iOS.*/html,:host {  line-height: 1.5; /* 1 */  -webkit-text-size-adjust: 100%; /* 2 */  tab-size: 4; /* 3 */  font-family: var(    --defaults-font-family,    ui-sans-serif,    system-ui,    sans-serif,    'Apple Color Emoji',    'Segoe UI Emoji',    'Segoe UI Symbol',    'Noto Color Emoji'  ); /* 4 */  font-feature-settings: var(--defaults-font-featureSettings, normal); /* 5 */  font-variation-settings: var(--defaults-font-variationSettings, normal); /* 6 */  -webkit-tap-highlight-color: transparent; /* 7 */}/*  Inherit line-height from `html` so users can set them as a class directly on the `html` element.*/body {  line-height: inherit;}/*  1. Add the correct height in Firefox.  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)  3. Reset the default border style to a 1px solid border.*/hr {  height: 0; /* 1 */  color: inherit; /* 2 */  border-top-width: 1px; /* 3 */}/*  Add the correct text decoration in Chrome, Edge, and Safari.*/abbr:where([title]) {  -webkit-text-decoration: underline dotted;  text-decoration: underline dotted;}/*  Remove the default font size and weight for headings.*/h1,h2,h3,h4,h5,h6 {  font-size: inherit;  font-weight: inherit;}/*  Reset links to optimize for opt-in styling instead of opt-out.*/a {  color: inherit;  -webkit-text-decoration: inherit;  text-decoration: inherit;}/*  Add the correct font weight in Edge and Safari.*/b,strong {  font-weight: bolder;}/*  1. Use the user's configured `mono` font-family by default.  2. Use the user's configured `mono` font-feature-settings by default.  3. Use the user's configured `mono` font-variation-settings by default.  4. Correct the odd `em` font sizing in all browsers.*/code,kbd,samp,pre {  font-family: var(    --defaults-monoFont-family,    ui-monospace,    SFMono-Regular,    Menlo,    Monaco,    Consolas,    'Liberation Mono',    'Courier New',    monospace  ); /* 1 */  font-feature-settings: var(--defaults-monoFont-featureSettings, normal); /* 2 */  font-variation-settings: var(--defaults-monoFont-variationSettings, normal); /* 3 */  font-size: 1em; /* 4 */}/*  Add the correct font size in all browsers.*/small {  font-size: 80%;}/*  Prevent `sub` and `sup` elements from affecting the line height in all browsers.*/sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}sub {  bottom: -0.25em;}sup {  top: -0.5em;}/*  1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)  2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)  3. Remove gaps between table borders by default.*/table {  text-indent: 0; /* 1 */  border-color: inherit; /* 2 */  border-collapse: collapse; /* 3 */}/*  Use the modern Firefox focus style for all focusable elements.*/:-moz-focusring {  outline: auto;}/*  Add the correct vertical alignment in Chrome and Firefox.*/progress {  vertical-align: baseline;}/*  Add the correct display in Chrome and Safari.*/summary {  display: list-item;}/*  Make lists unstyled by default.*/ol,ul,menu {  list-style: none;}/*  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)      This can trigger a poorly considered lint error in some tools but is included by design.*/img,svg,video,canvas,audio,iframe,embed,object {  display: block; /* 1 */  vertical-align: middle; /* 2 */}/*  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)*/img,video {  max-width: 100%;  height: auto;}/*  1. Inherit font styles in all browsers.  2. Remove border radius in all browsers.  3. Remove background color in all browsers.  4. Ensure consistent opacity for disabled states in all browsers.*/button,input,select,optgroup,textarea,::file-selector-button {  font: inherit; /* 1 */  font-feature-settings: inherit; /* 1 */  font-variation-settings: inherit; /* 1 */  letter-spacing: inherit; /* 1 */  color: inherit; /* 1 */  border-radius: 0; /* 2 */  background-color: transparent; /* 3 */  opacity: 1; /* 4 */}/*  Restore default font weight.*/:where(select:is([multiple], [size])) optgroup {  font-weight: bolder;}/*  Restore indentation.*/:where(select:is([multiple], [size])) optgroup option {  padding-inline-start: 20px;}/*  Restore space after button.*/::file-selector-button {  margin-inline-end: 4px;}/*  1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)  2. Set the default placeholder color to a semi-transparent version of the current text color.*/::placeholder {  opacity: 1; /* 1 */  color: color-mix(in oklab, currentColor 50%, transparent); /* 2 */}/*  Prevent resizing textareas horizontally by default.*/textarea {  resize: vertical;}/*  Remove the inner padding in Chrome and Safari on macOS.*/::-webkit-search-decoration {  -webkit-appearance: none;}/*  1. Ensure date/time inputs have the same height when empty in iOS Safari.  2. Ensure text alignment can be changed on date/time inputs in iOS Safari.*/::-webkit-date-and-time-value {  min-height: 1lh; /* 1 */  text-align: inherit; /* 2 */}/*  Prevent height from changing on date/time inputs in macOS Safari when the input is set to `display: block`.*/::-webkit-datetime-edit {  display: inline-flex;}/*  Remove excess padding from pseudo-elements in date/time inputs to ensure consistent height across browsers.*/::-webkit-datetime-edit-fields-wrapper {  padding: 0;}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {  padding-block: 0;}/*  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)*/:-moz-ui-invalid {  box-shadow: none;}/*  Correct the inability to style the border radius in iOS Safari.*/button,input:where([type='button'], [type='reset'], [type='submit']),::file-selector-button {  appearance: button;}/*  Correct the cursor style of increment and decrement buttons in Safari.*/::-webkit-inner-spin-button,::-webkit-outer-spin-button {  height: auto;}/*  Make elements with the HTML hidden attribute stay hidden by default.*/[hidden]:where(:not([hidden='until-found'])) {  display: none !important;}.container{width:100%;}@media (min-width: 40rem){.container{max-width:40rem;}}@media (min-width: 48rem){.container{max-width:48rem;}}@media (min-width: 64rem){.container{max-width:64rem;}}@media (min-width: 80rem){.container{max-width:80rem;}}@media (min-width: 96rem){.container{max-width:96rem;}}.mr-2{margin-right:calc(var(--spacing) * 2);}.flex{display:flex;}.h-full{height:100%;}.w-full{width:100%;}.block{display:block;}.hidden{display:none;}.visible{visibility:visible;}.resize{resize:both;}.items-end{align-items:flex-end;}.items-center{align-items:center;}.justify-end{justify-content:flex-end;}.justify-between{justify-content:space-between;}.fixed{position:fixed;}.relative{position:relative;}.static{position:static;}.filter{filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}.table{display:table;}.yt-button {
  background-color: red;
}
.file-formatter-item {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.file-formatter-item img {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  display: block;
}
.file-formatter-item-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.02);
  pointer-events: none;
  transition: background 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.file-formatter-item-icon {
  color: white;
  font-size: 12px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.file-formatter-item-preview {
  width: 100%;
  height: 70vh;
  border: none;
  border-radius: 8px;
}
.file-formatter-item:hover .file-formatter-item-mask {
  background: rgba(0, 0, 0, 0.5);
}
.file-formatter-item:hover .file-formatter-item-icon {
  opacity: 1;
}
.file-formatter-item-modal .ant-modal-content {
  padding: 16px;
  padding-bottom: 0;
}
.upload-formatter-image {
  display: flex;
  flex-direction: row;
}
.upload-formatter-image .ant-image {
  width: 40px;
  height: 40px;
  border-radius: 4px;
}
.upload-formatter-image .ant-image img {
  object-fit: cover;
  border-radius: 4px;
  cursor: pointer;
}
.upload-formatter-display {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.upload-formatter-file {
  display: inline-block;
  width: 40px;
  height: 40px;
  position: relative;
  cursor: pointer;
}
.upload-formatter-file img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 4px;
  display: block;
}
.upload-formatter-file-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.02);
  pointer-events: none;
  transition: background 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.upload-formatter-file-icon {
  color: white;
  font-size: 12px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.upload-formatter-file:hover .upload-formatter-file-mask {
  background: rgba(0, 0, 0, 0.5);
}
.upload-formatter-file:hover .upload-formatter-file-icon {
  opacity: 1;
}
.upload-formatter-modal iframe {
  width: 100%;
  height: 70vh;
  border: none;
}
.yt-table-icon-column-set {
  cursor: pointer;
  display: inline-block;
  margin-left: 8px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.yt-table-icon-column-set-highlight {
  color: #2f6cf7;
}
.yt-table-toolbar-settings-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  cursor: pointer;
}
.yt-table-toolbar-settings-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.yt-table-icon-column-set-highlight {
  color: #2f6cf7;
}
.yt-table-column-setting-dropdown {
  min-width: 180px;
  max-width: 320px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  padding: 8px 0;
}
.yt-table-column-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 8px;
  transition: background-color 0.3s;
  position: relative;
}
.yt-table-column-item:hover {
  background-color: rgba(0, 0, 0, 0.02);
}
.yt-table-column-item-left {
  display: flex;
  align-items: center;
  flex: 1;
  overflow: hidden;
}
.yt-table-column-item-right {
  display: flex;
  align-items: center;
  margin-left: 8px;
}
.yt-table-column-item-top:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #2f6cf7;
  z-index: 1;
}
.yt-table-column-item-bottom:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #2f6cf7;
  z-index: 1;
}
.yt-table-column-index {
  width: 20px;
  text-align: center;
  color: rgba(0, 0, 0, 0.45);
  margin-right: 4px;
}
.yt-table-column-title {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 8px;
}
.yt-table-column-actions {
  display: flex;
  align-items: center;
}
.yt-table-column-setting-wrapper {
  padding: 4px 0;
}
.yt-table-column-setting-wrapper-title {
  padding: 6px 12px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  line-height: 1.5;
}
.yt-table-column-setting-wrapper-null {
  padding: 4px 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
}
.yt-table-column-setting-popup-wrapper {
  max-height: 300px;
  overflow-y: auto;
}
.yt-table-column-setting-footer {
  display: flex;
  justify-content: flex-end;
  padding: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.yt-table-column-setting-footer button {
  margin-left: 8px;
}
.yt-table-column-setting-dialog {
  display: flex;
  flex-direction: column;
}
.yt-table-column-setting-dialog-fix {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
}
.yt-table-column-setting-dialog-fix > div {
  flex: 1;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 4px;
}
.yt-table-column-setting-dialog-no-fix {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  padding: 0;
  max-height: 300px;
  overflow-y: auto;
}
.yt-table-column-setting-dialog-footer {
  display: flex;
  align-items: center;
}
.yt-table-column-setting-dialog-footer .ant-checkbox-wrapper {
  margin-right: 8px;
}
.yt-table-column-setting-dialog-checkall-text {
  margin-left: 8px;
}
.yt-table-selection-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 8px;
  background: #eef1f7;
  box-sizing: border-box;
  border: 1px solid #d0d8f4;
  border-radius: 4px;
  width: 220px;
}
.yt-table-selection-total-left {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.yt-table-selection-total-icon {
  width: 16px;
  height: 16px;
  color: #284cc0;
  margin-right: 6px;
}
.yt-table-selection-total-text {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.65);
  display: flex;
  flex-direction: row;
  align-items: center;
}
.yt-table-selection-total-bold {
  font-size: 14px;
  color: #284cc0;
  max-width: 56px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 4px;
}
.yt-table-selection-total-total {
  max-width: 56px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 4px;
}
.yt-table-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.yt-table-toolbar-left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.yt-table-toolbar-right {
  display: flex;
  align-items: center;
}
.yt-table-icon-column-set {
  cursor: pointer;
  display: inline-block;
  margin-left: 8px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.yt-table-icon-column-set-highlight {
  color: #2f6cf7;
}
.yt-table-toolbar-settings-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  cursor: pointer;
}
.yt-table-toolbar-settings-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.yt-table-icon-column-set-highlight {
  color: #2f6cf7;
}
.yt-table-column-setting-dropdown {
  min-width: 180px;
  max-width: 320px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  padding: 8px 0;
}
.yt-table-column-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 8px;
  transition: background-color 0.3s;
  position: relative;
}
.yt-table-column-item:hover {
  background-color: rgba(0, 0, 0, 0.02);
}
.yt-table-column-item-left {
  display: flex;
  align-items: center;
  flex: 1;
  overflow: hidden;
}
.yt-table-column-item-right {
  display: flex;
  align-items: center;
  margin-left: 8px;
}
.yt-table-column-item-top:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #2f6cf7;
  z-index: 1;
}
.yt-table-column-item-bottom:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #2f6cf7;
  z-index: 1;
}
.yt-table-column-index {
  width: 20px;
  text-align: center;
  color: rgba(0, 0, 0, 0.45);
  margin-right: 4px;
}
.yt-table-column-title {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 8px;
}
.yt-table-column-actions {
  display: flex;
  align-items: center;
}
.yt-table-column-setting-wrapper {
  padding: 4px 0;
}
.yt-table-column-setting-wrapper-title {
  padding: 6px 12px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  line-height: 1.5;
}
.yt-table-column-setting-wrapper-null {
  padding: 4px 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
}
.yt-table-column-setting-popup-wrapper {
  max-height: 300px;
  overflow-y: auto;
}
.yt-table-column-setting-footer {
  display: flex;
  justify-content: flex-end;
  padding: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.yt-table-column-setting-footer button {
  margin-left: 8px;
}
.yt-table-column-setting-dialog {
  display: flex;
  flex-direction: column;
}
.yt-table-column-setting-dialog-fix {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
}
.yt-table-column-setting-dialog-fix > div {
  flex: 1;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 4px;
}
.yt-table-column-setting-dialog-no-fix {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  padding: 0;
  max-height: 300px;
  overflow-y: auto;
}
.yt-table-column-setting-dialog-footer {
  display: flex;
  align-items: center;
}
.yt-table-column-setting-dialog-footer .ant-checkbox-wrapper {
  margin-right: 8px;
}
.yt-table-column-setting-dialog-checkall-text {
  margin-left: 8px;
}
.yt-table-operate-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.yt-table-operate-buttons .ant-btn.ant-btn-link {
  height: auto;
  padding: 0;
}
.yt-table-container .ant-table-cell {
  max-width: 60vw !important;
  min-width: 46px !important;
}
.yt-layout-section-title {
  font-size: var(--font-size-title, 20px) !important;
  font-weight: var(--font-weight-medium, 500) !important;
  line-height: var(--font-lineheight, 1.5) !important;
}
body .yt-layout-section-block-wrapper {
  grid-template-columns: repeat(12, 1fr);
}
body .yt-layout-block--span-1 {
  grid-column: span 1;
}
body .yt-layout-block--span-2 {
  grid-column: span 2;
}
body .yt-layout-block--span-3 {
  grid-column: span 3;
}
body .yt-layout-block--span-4 {
  grid-column: span 4;
}
body .yt-layout-block--span-5 {
  grid-column: span 5;
}
body .yt-layout-block--span-6 {
  grid-column: span 6;
}
body .yt-layout-block--span-7 {
  grid-column: span 7;
}
body .yt-layout-block--span-8 {
  grid-column: span 8;
}
body .yt-layout-block--span-9 {
  grid-column: span 9;
}
body .yt-layout-block--span-10 {
  grid-column: span 10;
}
body .yt-layout-block--span-11 {
  grid-column: span 11;
}
body .yt-layout-block--span-12 {
  grid-column: span 12;
}
@media only screen and (max-width: 584px) {
  .yt-layout-row-flex {
    display: block !important;
  }
  .yt-layout-page-content {
    display: block !important;
  }
  .yt-layout-page-aside {
    width: 100% !important;
  }
}
:root,
:host {
  /*
   @desc block-gap
   @namespace size/gap
   var(--semantic 区块间隙
  */
  --page-block-gap: var(--s-2, 8px);
}
@media (max-width: 500px) {
  :root,
  :host {
    /*
   @desc block-gap
   @namespace size/gap
   var(--semantic 区块间隙
  */
    --page-block-gap: var(--m-s-12, 0.12rem);
  }
}
.yt-layout-section {
  display: grid;
  box-sizing: border-box;
}
.yt-layout-section-block-wrapper {
  display: grid;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  gap: var(--page-block-gap);
}
.yt-layout-section-inner-without-head {
  margin: 0 auto;
}
.yt-layout-section--no-gap {
  margin-bottom: 0;
}
.yt-layout-section-no-padding {
  padding: 0;
}
.yt-layout-page-content--with-nav .yt-layout-section,
.yt-layout-page-content--with-aside .yt-layout-section {
  padding-left: 0;
  padding-right: 0;
}
.yt-layout-page-content--with-nav .yt-layout-section-inner,
.yt-layout-page-content--with-aside .yt-layout-section-inner {
  max-width: none;
}
.yt-layout-page--col-1 .yt-layout-section-block-wrapper,
.yt-layout-page--col-1 .yt-layout-section-inner {
  grid-template-columns: repeat(1, 1fr);
}
.yt-layout-page--col-1 .yt-layout-block--span-2 {
  grid-column: span 1;
}
.yt-layout-page--col-1 .yt-layout-block--span-3 {
  grid-column: span 1;
}
.yt-layout-page--col-1 .yt-layout-block--span-4 {
  grid-column: span 1;
}
.yt-layout-page--col-1 .yt-layout-block--span-5 {
  grid-column: span 1;
}
.yt-layout-page--col-1 .yt-layout-block--span-6 {
  grid-column: span 1;
}
.yt-layout-page--col-1 .yt-layout-block--span-7 {
  grid-column: span 1;
}
.yt-layout-page--col-1 .yt-layout-block--span-8 {
  grid-column: span 1;
}
.yt-layout-page--col-1 .yt-layout-block--span-9 {
  grid-column: span 1;
}
.yt-layout-page--col-1 .yt-layout-block--span-10 {
  grid-column: span 1;
}
.yt-layout-page--col-1 .yt-layout-block--span-11 {
  grid-column: span 1;
}
.yt-layout-page--col-1 .yt-layout-block--span-12 {
  grid-column: span 1;
}
.yt-layout-page--col-1 .yt-layout-block--span-13 {
  grid-column: span 1;
}
.yt-layout-page--col-1 .yt-layout-block--span-14 {
  grid-column: span 1;
}
.yt-layout-page--col-1 .yt-layout-block--span-15 {
  grid-column: span 1;
}
.yt-layout-page--col-1 .yt-layout-block--span-16 {
  grid-column: span 1;
}
.yt-layout-page--col-1 .yt-layout-block--span-1 {
  grid-column: span 1;
}
.yt-layout-page--col-2 .yt-layout-section-block-wrapper,
.yt-layout-page--col-2 .yt-layout-section-inner {
  grid-template-columns: repeat(2, 1fr);
}
.yt-layout-page--col-2 .yt-layout-block--span-3 {
  grid-column: span 2;
}
.yt-layout-page--col-2 .yt-layout-block--span-4 {
  grid-column: span 2;
}
.yt-layout-page--col-2 .yt-layout-block--span-5 {
  grid-column: span 2;
}
.yt-layout-page--col-2 .yt-layout-block--span-6 {
  grid-column: span 2;
}
.yt-layout-page--col-2 .yt-layout-block--span-7 {
  grid-column: span 2;
}
.yt-layout-page--col-2 .yt-layout-block--span-8 {
  grid-column: span 2;
}
.yt-layout-page--col-2 .yt-layout-block--span-9 {
  grid-column: span 2;
}
.yt-layout-page--col-2 .yt-layout-block--span-10 {
  grid-column: span 2;
}
.yt-layout-page--col-2 .yt-layout-block--span-11 {
  grid-column: span 2;
}
.yt-layout-page--col-2 .yt-layout-block--span-12 {
  grid-column: span 2;
}
.yt-layout-page--col-2 .yt-layout-block--span-13 {
  grid-column: span 2;
}
.yt-layout-page--col-2 .yt-layout-block--span-14 {
  grid-column: span 2;
}
.yt-layout-page--col-2 .yt-layout-block--span-15 {
  grid-column: span 2;
}
.yt-layout-page--col-2 .yt-layout-block--span-16 {
  grid-column: span 2;
}
.yt-layout-page--col-2 .yt-layout-block--span-1 {
  grid-column: span 1;
}
.yt-layout-page--col-2 .yt-layout-block--span-2 {
  grid-column: span 2;
}
.yt-layout-page--col-4 .yt-layout-section-block-wrapper,
.yt-layout-page--col-4 .yt-layout-section-inner {
  grid-template-columns: repeat(4, 1fr);
}
.yt-layout-page--col-4 .yt-layout-block--span-5 {
  grid-column: span 4;
}
.yt-layout-page--col-4 .yt-layout-block--span-6 {
  grid-column: span 4;
}
.yt-layout-page--col-4 .yt-layout-block--span-7 {
  grid-column: span 4;
}
.yt-layout-page--col-4 .yt-layout-block--span-8 {
  grid-column: span 4;
}
.yt-layout-page--col-4 .yt-layout-block--span-9 {
  grid-column: span 4;
}
.yt-layout-page--col-4 .yt-layout-block--span-10 {
  grid-column: span 4;
}
.yt-layout-page--col-4 .yt-layout-block--span-11 {
  grid-column: span 4;
}
.yt-layout-page--col-4 .yt-layout-block--span-12 {
  grid-column: span 4;
}
.yt-layout-page--col-4 .yt-layout-block--span-13 {
  grid-column: span 4;
}
.yt-layout-page--col-4 .yt-layout-block--span-14 {
  grid-column: span 4;
}
.yt-layout-page--col-4 .yt-layout-block--span-15 {
  grid-column: span 4;
}
.yt-layout-page--col-4 .yt-layout-block--span-16 {
  grid-column: span 4;
}
.yt-layout-page--col-4 .yt-layout-block--span-1 {
  grid-column: span 1;
}
.yt-layout-page--col-4 .yt-layout-block--span-2 {
  grid-column: span 2;
}
.yt-layout-page--col-4 .yt-layout-block--span-3 {
  grid-column: span 3;
}
.yt-layout-page--col-4 .yt-layout-block--span-4 {
  grid-column: span 4;
}
.yt-layout-page--col-8 .yt-layout-section-block-wrapper,
.yt-layout-page--col-8 .yt-layout-section-inner {
  grid-template-columns: repeat(8, 1fr);
}
.yt-layout-page--col-8 .yt-layout-block--span-9 {
  grid-column: span 8;
}
.yt-layout-page--col-8 .yt-layout-block--span-10 {
  grid-column: span 8;
}
.yt-layout-page--col-8 .yt-layout-block--span-11 {
  grid-column: span 8;
}
.yt-layout-page--col-8 .yt-layout-block--span-12 {
  grid-column: span 8;
}
.yt-layout-page--col-8 .yt-layout-block--span-13 {
  grid-column: span 8;
}
.yt-layout-page--col-8 .yt-layout-block--span-14 {
  grid-column: span 8;
}
.yt-layout-page--col-8 .yt-layout-block--span-15 {
  grid-column: span 8;
}
.yt-layout-page--col-8 .yt-layout-block--span-16 {
  grid-column: span 8;
}
.yt-layout-page--col-8 .yt-layout-block--span-1 {
  grid-column: span 1;
}
.yt-layout-page--col-8 .yt-layout-block--span-2 {
  grid-column: span 2;
}
.yt-layout-page--col-8 .yt-layout-block--span-3 {
  grid-column: span 3;
}
.yt-layout-page--col-8 .yt-layout-block--span-4 {
  grid-column: span 4;
}
.yt-layout-page--col-8 .yt-layout-block--span-5 {
  grid-column: span 5;
}
.yt-layout-page--col-8 .yt-layout-block--span-6 {
  grid-column: span 6;
}
.yt-layout-page--col-8 .yt-layout-block--span-7 {
  grid-column: span 7;
}
.yt-layout-page--col-8 .yt-layout-block--span-8 {
  grid-column: span 8;
}
.yt-layout-page--col-12 .yt-layout-section-block-wrapper,
.yt-layout-page--col-12 .yt-layout-section-inner {
  grid-template-columns: repeat(12, 1fr);
}
.yt-layout-page--col-12 .yt-layout-block--span-13 {
  grid-column: span 12;
}
.yt-layout-page--col-12 .yt-layout-block--span-14 {
  grid-column: span 12;
}
.yt-layout-page--col-12 .yt-layout-block--span-15 {
  grid-column: span 12;
}
.yt-layout-page--col-12 .yt-layout-block--span-16 {
  grid-column: span 12;
}
.yt-layout-page--col-12 .yt-layout-block--span-1 {
  grid-column: span 1;
}
.yt-layout-page--col-12 .yt-layout-block--span-2 {
  grid-column: span 2;
}
.yt-layout-page--col-12 .yt-layout-block--span-3 {
  grid-column: span 3;
}
.yt-layout-page--col-12 .yt-layout-block--span-4 {
  grid-column: span 4;
}
.yt-layout-page--col-12 .yt-layout-block--span-5 {
  grid-column: span 5;
}
.yt-layout-page--col-12 .yt-layout-block--span-6 {
  grid-column: span 6;
}
.yt-layout-page--col-12 .yt-layout-block--span-7 {
  grid-column: span 7;
}
.yt-layout-page--col-12 .yt-layout-block--span-8 {
  grid-column: span 8;
}
.yt-layout-page--col-12 .yt-layout-block--span-9 {
  grid-column: span 9;
}
.yt-layout-page--col-12 .yt-layout-block--span-10 {
  grid-column: span 10;
}
.yt-layout-page--col-12 .yt-layout-block--span-11 {
  grid-column: span 11;
}
.yt-layout-page--col-12 .yt-layout-block--span-12 {
  grid-column: span 12;
}
.yt-layout-page--col-16 .yt-layout-section-block-wrapper,
.yt-layout-page--col-16 .yt-layout-section-inner {
  grid-template-columns: repeat(16, 1fr);
}
.yt-layout-page--col-16 .yt-layout-block--span-1 {
  grid-column: span 1;
}
.yt-layout-page--col-16 .yt-layout-block--span-2 {
  grid-column: span 2;
}
.yt-layout-page--col-16 .yt-layout-block--span-3 {
  grid-column: span 3;
}
.yt-layout-page--col-16 .yt-layout-block--span-4 {
  grid-column: span 4;
}
.yt-layout-page--col-16 .yt-layout-block--span-5 {
  grid-column: span 5;
}
.yt-layout-page--col-16 .yt-layout-block--span-6 {
  grid-column: span 6;
}
.yt-layout-page--col-16 .yt-layout-block--span-7 {
  grid-column: span 7;
}
.yt-layout-page--col-16 .yt-layout-block--span-8 {
  grid-column: span 8;
}
.yt-layout-page--col-16 .yt-layout-block--span-9 {
  grid-column: span 9;
}
.yt-layout-page--col-16 .yt-layout-block--span-10 {
  grid-column: span 10;
}
.yt-layout-page--col-16 .yt-layout-block--span-11 {
  grid-column: span 11;
}
.yt-layout-page--col-16 .yt-layout-block--span-12 {
  grid-column: span 12;
}
.yt-layout-page--col-16 .yt-layout-block--span-13 {
  grid-column: span 13;
}
.yt-layout-page--col-16 .yt-layout-block--span-14 {
  grid-column: span 14;
}
.yt-layout-page--col-16 .yt-layout-block--span-15 {
  grid-column: span 15;
}
.yt-layout-page--col-16 .yt-layout-block--span-16 {
  grid-column: span 16;
}
.yt-layout-page--no-padding .yt-layout-section {
  padding-left: 0;
  padding-right: 0;
}
.yt-layout-block--no-padding,
.yt-layout-block-content--no-padding {
  padding: 0;
}
.yt-layout-cell {
  box-sizing: border-box;
}
.yt-layout-cell-align--left {
  align-items: flex-start;
}
.yt-layout-cell-align--center {
  align-items: center;
}
.yt-layout-cell-align--right {
  align-items: flex-end;
}
.yt-layout-cell-align-stretch > *,
.yt-layout-cell-align-stretch > text {
  margin-left: 0;
  margin-right: 0;
}
.yt-layout-float,
.yt-layout-float + .yt-layout-float {
  margin: 0 !important;
  margin-left: -2px !important;
}
.yt-rule-tree-relation-bar {
  position: relative;
  width: 14px;
  border: 2px solid var(--color-brand1-2, #e0ebff);
  border-right: none;
}
.yt-rule-tree-relation-bar-action {
  position: absolute;
  top: calc(50% - 12px);
  left: -12px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background-color: var(--color-brand1-2, #e0ebff);
  color: var(--color-brand1-7, #034dfa);
  border-radius: 50%;
  transform: scale(0.9);
  cursor: pointer;
  user-select: none;
}
.yt-rule-tree-relation-bar-action:hover {
  opacity: 0.8;
}
.yt-rule-tree-relation-bar-action--disabled {
  cursor: not-allowed;
}
.yt-rule-tree-relation-bar-action--disabled:hover {
  opacity: 1;
}
.rule-tree-rule-item {
  align-items: flex-start;
}
.rule-tree-rule-item .rule-actions {
  visibility: hidden;
  transform: translateY(2px);
}
.rule-tree-rule-item .rule-actions i {
  opacity: 0.5;
  cursor: pointer;
}
.rule-tree-rule-item .rule-actions i:hover {
  opacity: 0.7;
}
.rule-tree-rule-item:hover .rule-actions {
  visibility: visible;
}
.yt-rule-tree-rule-group {
  display: flex;
  gap: 12px;
}
.yt-rule-tree-rule-group .group-actions .transient-btn {
  display: none;
}
.yt-rule-tree-rule-group.mouseover > .group-body > .group-actions .transient-btn {
  display: block;
}
.yt-rule-tree-rule-group-actions {
  position: relative;
  top: 6px;
}
.yt-rule-tree-placeholder {
  color: #bbb9b9;
  background: whitesmoke;
  padding: 2px 8px;
  border-radius: 4px;
}
.yt-amount-input-wrapper {
  position: relative;
  width: 100%;
}
.yt-amount-input {
  width: 100%;
}
.yt-amount-input-tooltip .ant-tooltip-inner {
  font-size: 14px;
  font-weight: 500;
}
.yt-currency-select-popup .ant-select-item-option-content {
  width: 100%;
}
.yt-currency-select-menu-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.yt-currency-select-menu-item-header {
  display: flex;
  align-items: center;
  flex: 0 0 56px;
}
.yt-currency-select-menu-item-header .currency-value {
  color: #25282e;
  margin-right: 8px;
}
.yt-currency-select-menu-item-footer {
  color: #8f9196;
  flex: 1;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.yt-currency-select-country-icon {
  font-size: 18px;
  margin-right: 8px;
}
.yt-currency-select-value {
  display: flex;
  align-items: center;
}
.yt-currency-select.ant-select {
  min-width: 88px;
}
.yt-currency-select .ant-select-selector {
  display: flex;
  align-items: center;
}
.yt-single-select-preview .ant-select-arrow {
  display: none;
}
.yt-single-select-preview .ant-select-arrow {
  display: none;
}
.yt-date-picker-preview .ant-picker-suffix {
  display: none;
}
.yt-cascader-preview .ant-select-arrow {
  display: none;
}
.yt-rich-editor-error {
  color: red;
  padding: 12px;
  border: 1px solid #ff4d4f;
}
.yt-rich-editor-loading {
  text-align: center;
  padding: 24px;
}
.yt-rich-editor-not-found {
  color: orange;
  padding: 12px;
  border: 1px solid #faad14;
}
.yt-rich-editor-preview {
  min-height: 32px;
  padding: 8px 0;
  word-break: break-word;
}
.yt-input-number-range {
  display: flex;
  flex-direction: row;
  border-width: 1px;
  border-style: solid;
  border-color: #d9d9d9;
  border-radius: 4px;
  background: #fff;
}
.yt-input-number-range .yt-input-number-range-item-icon {
  padding: 0 8px;
}
.yt-upload .ant-upload-list-item-done {
  cursor: pointer;
  color: #284cc0;
}
.yt-upload .ant-upload-list-item-done:hover {
  color: #284cc0;
}
.yt-upload .ant-upload-list-item-done .anticon-paper-clip {
  color: #284cc0 !important;
}
.yt-form-item-label {
  overflow: hidden;
  /* 隐藏超出部分 */
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
  white-space: nowrap;
  /* 禁止换行 */
}
.yt-filter .ant-form-item {
  margin-bottom: 0;
}
.yt-filter .ant-form-item .ant-form-item-required::before {
  display: none !important;
}
.yt-filter .yt-range-date-picker,
.yt-filter .yt-date-picker,
.yt-filter .yt-input-number,
.yt-filter .yt-time-picker,
.yt-filter .yt-range-time-picker,
.yt-filter .ant-input-number,
.yt-filter .ant-picker {
  width: 100%;
}
.yt-form .ant-form-item {
  margin-bottom: 0;
}
.yt-form .ant-form-item .ant-form-item-required::before {
  display: none !important;
}
.yt-form-group {
  display: flex;
  position: relative;
  color: #333;
  font-size: 16px;
  font-weight: 500;
  padding: 16px 0;
}
.yt-form-group-title {
  margin-right: 8px;
}
.yt-form-group::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -8px;
  width: 100%;
  height: 1px;
  background-color: #e8e8e8;
}
.yt-form .yt-range-date-picker,
.yt-form .yt-date-picker,
.yt-form .yt-input-number,
.yt-form .yt-time-picker,
.yt-form .yt-range-time-picker,
.yt-form .ant-picker,
.yt-form .ant-input-number {
  width: 100%;
}
.yt-form .footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 64px;
  padding: 0 20px;
  margin-top: 32px;
  background: var(--ant-color-bg-layout);
  border-radius: 8px;
}
.yt-form-single {
  min-width: 200px;
  max-width: 712px;
  margin: 0 auto;
}
.yt-form-item-label {
  overflow: hidden;
  /* 隐藏超出部分 */
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
  white-space: nowrap;
  /* 禁止换行 */
}
.yt-form-item-label-required::before {
  content: "*";
  display: inline-block;
  margin-inline-end: 4px;
  color: #ff4d4f;
  line-height: 1;
}
.yt-layout-section-extra {
  display: flex;
  flex-flow: row nowrap;
}
.yt-layout-section-extra > button {
  margin-left: 4px;
}
.yt-layout-block-fold {
  display: none !important;
}
.yt-layout-block-relative {
  position: relative;
}
.yt-layout-block-fold-button {
  background: #f6f7fc !important;
  border: none !important;
}
.yt-layout-block-toggle-container {
  width: 16px;
  height: 100%;
  display: none;
  overflow: auto;
  align-items: center;
  position: fixed;
  z-index: 100;
  cursor: pointer;
}
.yt-layout-block-toggle-container-fold {
  display: flex;
}
.yt-layout-block-toggle-container:hover {
  background: #d4dbf2;
}
.yt-layout-block-toggle-container .yt-layout-block-toggle-button {
  width: 100%;
  height: 64px;
  background: #284cc0;
  border-radius: 0 4px 4px 0;
  display: flex;
  align-items: center;
}
.yt-layout-block-toggle-button::before,
.yt-layout-block-toggle-button::after {
  content: "";
  display: inline-block;
  color: #fff;
  width: 6px;
  height: 6px;
  border-right: 1px solid;
  border-bottom: 1px solid;
  transform: rotate(310deg);
  margin-right: -1px;
}
.yt-layout-block-add-card {
  position: relative;
  display: none;
}
.yt-layout-block-add-card-btn {
  color: #284cc0;
  position: absolute;
  left: 50%;
  cursor: pointer;
  transform: translate(-50%, 3px);
}
.yt-layout-block:hover .yt-layout-block-add-card {
  display: block;
}
.yt-layout-block-design-tool {
  position: absolute;
  right: 0;
  height: 100%;
  z-index: 999;
}
.yt-layout-block-design-tool-drag {
  position: absolute;
  height: 100%;
  width: 8px;
  background: #005be5;
  left: 50%;
  bottom: 0;
  top: 0;
  padding: 3px;
  background-clip: content-box;
  opacity: 0;
}
.yt-layout-block-design-tool-insert {
  cursor: pointer;
  position: absolute;
  background: #005be5;
  left: -2px;
  background-clip: content-box;
  top: -6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}
.yt-layout-block-design-tool-insert::after {
  content: "";
}
.yt-layout-block-design-tool-insert:hover {
  left: -6px;
  top: -10px;
  width: 20px;
  height: 20px;
}
.yt-layout-block-design-tool-insert:hover::after {
  display: block;
  content: "+";
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}
.yt-layout-block-design-tool:hover .yt-layout-block-design-tool-drag,
.yt-layout-block-design-tool:hover .yt-layout-block-design-tool-insert {
  opacity: 1;
}
.yt-page-header {
  margin-bottom: 16px;
}
.yt-page-body {
  padding: 0 8px;
}
.engine-design-mode #app {
  height: 100vh;
  margin: 0;
}
.engine-design-mode #app > div {
  height: 100%;
}
.engine-design-mode #app > div .yt-page {
  padding: 12px;
  min-height: 100%;
}
.yt-rgl-container > .yt-rgl-item:not(.auto-height) > .yt-rgl-item-container {
  height: 100%;
  overflow: auto;
}