@font-face {
  font-family: Righteous;
  src: url(/fonts/Righteous.207a66c3.woff2) format("woff2");
  font-display: swap;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}
nav {
  padding: 30px;
}
nav a {
  font-weight: 700;
  color: #2c3e50;
}
nav a.router-link-exact-active {
  color: #42b983;
}
body {
  margin: 0;
  padding: 0;
  background-color: #f8f8f8;
}
:focus-visible {
  outline: none;
}
* {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
:root {
  --bg-color: linear-gradient(90deg, #efe8e8, #e4f8ff);
  --popper-bg-color: hsla(0, 0%, 100%, 0.8);
  --popper-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  --image-preview-filter: brightness(1);
  --text-bg-color: rgba(0, 0, 0, 0.1);
  --background-image-filter: brightness(1);
  --upload-list-card-bg-color: hsla(0, 0%, 100%, 0.7);
  --upload-list-card-border: 1px solid #327ecc50;
  --upload-list-card-box-shadow: 1px 2px 5px 1px #327ecc50;
  --upload-list-item-border: 1px solid #a5bef7;
  --upload-list-dashboard-bg-color: hsla(0, 0%, 100%, 0.7);
  --upload-list-dashboard-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  --upload-list-file-icon-color: #327ecc;
  --el-upload-dragger-bg-color: hsla(0, 0%, 100%, 0.6);
  --el-upload-dragger-border: 3px dashed #409eff;
  --el-upload-dragger-border-color: #409eff;
  --el-upload-dragger-hover-box-shadow: 0 0 10px 5px #409eff;
  --el-upload-dragger-uniform-color: #409eff;
  --paste-card-textarea-border-color: #409eff;
  --paste-card-textarea-box-shadow: 0 0 6px 1px #409eff;
  --el-icon--upload-color: #1f8bf8;
  --upload-text-color: rgba(58, 58, 58, 0.8);
  --upload-header-color: rgba(58, 58, 58, 0.8);
  --upload-main-title-color: linear-gradient(90deg, #a1e3cc, #78aeec);
  --modern-action-group-bg: rgba(64, 158, 255, 0.08);
  --modern-action-group-border: rgba(64, 158, 255, 0.15);
  --logo-glow-color: #409eff;
  --modern-action-group-shadow: rgba(0, 0, 0, 0.06);
  --modern-action-group-hover-bg: rgba(64, 158, 255, 0.12);
  --modern-action-group-hover-shadow: rgba(64, 158, 255, 0.15);
  --file-name-bg: linear-gradient(
    135deg,
    rgba(64, 158, 255, 0.08),
    rgba(64, 158, 255, 0.03)
  );
  --file-name-border: rgba(64, 158, 255, 0.12);
  --file-name-hover-bg: linear-gradient(
    135deg,
    rgba(64, 158, 255, 0.12),
    rgba(64, 158, 255, 0.06)
  );
  --file-name-hover-border: rgba(64, 158, 255, 0.2);
  --upload-list-item-bg: linear-gradient(
    135deg,
    hsla(0, 0%, 100%, 0.9),
    hsla(0, 0%, 100%, 0.7)
  );
  --upload-list-item-border-color: rgba(64, 158, 255, 0.1);
  --upload-list-item-shadow: rgba(0, 0, 0, 0.04);
  --upload-list-item-hover-border: rgba(64, 158, 255, 0.25);
  --upload-list-item-hover-shadow: rgba(64, 158, 255, 0.12);
  --dashboard-title-bg: linear-gradient(
    135deg,
    rgba(64, 158, 255, 0.06),
    transparent
  );
  --toolbar-button-bg-color: hsla(0, 0%, 100%, 0.5);
  --toolbar-button-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
  --toolbar-button-shadow-hover: 1px 2px 4px rgba(0, 0, 0, 0.5);
  --toolbar-button-color: #327ecc;
  --page-footer-text-color: rgba(58, 58, 58, 0.8);
  --page-footer-name-color: rgba(12, 76, 105, 0.8);
  --login-container-bg-color: hsla(0, 0%, 100%, 0.6);
  --password-input-bg-color: hsla(0, 0%, 100%, 0.9);
  --password-input-border: 1px solid #dcdfe6;
  --login-title-color: #000;
  --login-container-box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
  --login-container-hover-box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.24);
  --login-submit-btn-bg-color: #487cb0e8;
  --login-title-glow-color: rgba(52, 152, 219, 0.5);
  --login-input-underline-color: #5b9bd3;
  --login-input-underline-secondary-color: #7ba9d8;
  --login-input-label-focus-color: #5b9bd3;
  --dialog-bg-color: hsla(0, 0%, 100%, 0.7);
  --dialog-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  --tabs-dropdown-popper-bg-color: hsla(0, 0%, 100%, 0.2);
  --tabs-dropdown-popper-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  --admin-header-content-bg-color: hsla(0, 0%, 100%, 0.75);
  --admin-header-content-hover-bg-color: hsla(0, 0%, 100%, 0.85);
  --admin-header-content-border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  --admin-header-content-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  --admin-header-content-hover-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
  --admin-container-bg-color: linear-gradient(90deg, #fdf3f6, #e4f8ff);
  --admin-container-color: #333;
  --admin-dashborad-stats-bg-color: hsla(0, 0%, 100%, 0.9);
  --admin-dashborad-stats-hover-bg-color: #f0eaf8;
  --admin-dashboard-search-card-bg-color: hsla(0, 0%, 100%, 0.9);
  --admin-dashboard-stats-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  --admin-dashboard-stats-hover-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  --admin-dashboard-search-card-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  --admin-dashboard-btn-color: #000;
  --admin-dashboard-btn-bg-color: hsla(0, 0%, 100%, 0.3);
  --admin-dashboard-btn-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  --admin-dashboard-btn-hover-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
  --admin-dashboard-imgcard-bg-color: hsla(0, 0%, 100%, 0.6);
  --admin-dashboard-imgcard-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  --admin-dashboard-tag-suggestion-bg-color: #fff;
  --admin-dashboard-tag-suggestion-border-color: #dcdfe6;
  --admin-dashboard-tag-suggestion-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  --admin-dashboard-tag-suggestion-item-hover-bg-color: #f5f7fa;
  --skeleton-bg-color: #e0e0e0;
  --skeleton-shimmer-color: hsla(0, 0%, 100%, 0.5);
  --admin-cuscfg-table-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  --admin-cuscfg-table-bg-color: hsla(0, 0%, 100%, 0.95);
  --admin-syscfg-tabs-border-color: #3c3c3c4c;
  --admin-purple: #b39ddb;
  --theme-toggle-color: #327ecc;
  --theme-toggle-bg-color: #327ecc;
  --admin-theme-toggle-color: #000;
  --admin-theme-toggle-bg-color: #000;
  --not-found-title-text-color: linear-gradient(90deg, #6b9788, #6285ac);
  --floating-btn-bg: linear-gradient(135deg, #409eff, #66b1ff);
  --floating-btn-color: #fff;
  --floating-btn-shadow: 0 4px 16px rgba(64, 158, 255, 0.4);
  --floating-btn-shadow-hover: 0 8px 24px rgba(64, 158, 255, 0.5);
  --floating-btn-right: 32px;
  --floating-btn-bottom: 32px;
  --glass-bg: hsla(0, 0%, 100%, 0.45);
  --glass-bg-hover: hsla(0, 0%, 100%, 0.55);
  --glass-border: hsla(0, 0%, 100%, 0.5);
  --glass-border-hover: hsla(0, 0%, 100%, 0.6);
  --glass-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  --glass-shadow-hover: 0 6px 16px rgba(0, 0, 0, 0.1);
  --glass-header-bg: hsla(0, 0%, 100%, 0.3);
  --glass-header-border: hsla(0, 0%, 100%, 0.4);
}
.dark {
  --bg-color: linear-gradient(90deg, #1c1c1c, #000);
  --popper-bg-color: rgba(0, 0, 0, 0.8);
  --popper-shadow: 0 0 10px 2px hsla(0, 0%, 100%, 0.1);
  --image-preview-filter: brightness(0.8);
  --text-bg-color: hsla(0, 0%, 100%, 0.1);
  --background-image-filter: brightness(0.6);
  --upload-list-card-bg-color: rgba(0, 0, 0, 0.7);
  --upload-list-card-border: 1px solid #8fadc8;
  --upload-list-card-box-shadow: -1px 2px 4px #c1ddf5ae;
  --upload-list-item-border: 1px solid #8fadc8;
  --upload-list-dashboard-bg-color: rgba(0, 0, 0, 0.7);
  --upload-list-dashboard-shadow: 0 2px 10px hsla(0, 0%, 100%, 0.1);
  --upload-list-file-icon-color: #8fadc8;
  --el-upload-dragger-bg-color: rgba(0, 0, 0, 0.6);
  --el-upload-dragger-border: 3px dashed #8fadc8;
  --el-upload-dragger-border-color: #8fadc8;
  --el-upload-dragger-hover-box-shadow: 0 0 10px 5px #8fadc8;
  --el-upload-dragger-uniform-color: #8fadc8;
  --paste-card-textarea-border-color: #8fadc8;
  --paste-card-textarea-box-shadow: 0 0 6px 1px #8fadc8;
  --el-icon--upload-color: #ffebcd;
  --upload-text-color: #faebd7;
  --upload-header-color: #ffebcd;
  --upload-main-title-color: linear-gradient(90deg, #effac3, #f3a060);
  --toolbar-button-bg-color: rgba(0, 0, 0, 0.7);
  --toolbar-button-shadow: -1px 2px 4px hsla(0, 0%, 100%, 0.3);
  --toolbar-button-shadow-hover: -1px 2px 4px hsla(0, 0%, 100%, 0.5);
  --toolbar-button-color: #bedefd;
  --modern-action-group-bg: rgba(64, 158, 255, 0.12);
  --modern-action-group-border: rgba(64, 158, 255, 0.2);
  --logo-glow-color: #8fadc8;
  --modern-action-group-shadow: rgba(0, 0, 0, 0.2);
  --modern-action-group-hover-bg: rgba(64, 158, 255, 0.18);
  --modern-action-group-hover-shadow: rgba(64, 158, 255, 0.25);
  --file-name-bg: linear-gradient(
    135deg,
    rgba(64, 158, 255, 0.12),
    rgba(64, 158, 255, 0.05)
  );
  --file-name-border: rgba(64, 158, 255, 0.18);
  --file-name-hover-bg: linear-gradient(
    135deg,
    rgba(64, 158, 255, 0.18),
    rgba(64, 158, 255, 0.08)
  );
  --file-name-hover-border: rgba(64, 158, 255, 0.3);
  --upload-list-item-bg: linear-gradient(
    135deg,
    rgba(30, 30, 30, 0.9),
    rgba(40, 40, 40, 0.7)
  );
  --upload-list-item-border-color: rgba(64, 158, 255, 0.15);
  --upload-list-item-shadow: rgba(0, 0, 0, 0.15);
  --upload-list-item-hover-border: rgba(64, 158, 255, 0.35);
  --upload-list-item-hover-shadow: rgba(64, 158, 255, 0.2);
  --dashboard-title-bg: linear-gradient(
    135deg,
    rgba(64, 158, 255, 0.1),
    transparent
  );
  --page-footer-text-color: #f0f8ff;
  --page-footer-name-color: #faebd7;
  --login-container-bg-color: rgba(0, 0, 0, 0.6);
  --password-input-bg-color: rgba(77, 77, 77, 0.8);
  --password-input-border: 1px solid #919191;
  --login-title-color: #f0f8ff;
  --login-container-box-shadow: -3px 2px 12px hsla(0, 0%, 100%, 0.12);
  --login-container-hover-box-shadow: -3px 2px 12px 4px hsla(0, 0%, 100%, 0.24);
  --login-submit-btn-bg-color: #8fadc8b4;
  --login-title-glow-color: rgba(143, 173, 200, 0.7);
  --login-input-underline-color: #a3c5e5;
  --login-input-underline-secondary-color: #b8d0e8;
  --login-input-label-focus-color: #a3c5e5;
  --dialog-bg-color: rgba(0, 0, 0, 0.8);
  --dialog-box-shadow: 0 0 10px 2px hsla(0, 0%, 100%, 0.1);
  --tabs-dropdown-popper-bg-color: rgba(0, 0, 0, 0.2);
  --tabs-dropdown-popper-shadow: 0 0 10px 2px hsla(0, 0%, 100%, 0.1);
  --admin-header-content-bg-color: rgba(0, 0, 0, 0.75);
  --admin-header-content-hover-bg-color: rgba(0, 0, 0, 0.85);
  --admin-header-content-border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
  --admin-header-content-box-shadow: 0 4px 6px hsla(0, 0%, 100%, 0.1);
  --admin-header-content-hover-box-shadow: 0 6px 10px hsla(0, 0%, 100%, 0.2);
  --admin-container-bg-color: linear-gradient(90deg, #464545, #2d2d2d);
  --admin-container-color: #f0f0f0;
  --admin-dashborad-stats-bg-color: rgba(0, 0, 0, 0.9);
  --admin-dashborad-stats-hover-bg-color: #1e1e1e;
  --admin-dashboard-stats-shadow: 0 2px 4px hsla(0, 0%, 100%, 0.1);
  --admin-dashboard-stats-hover-shadow: 0 4px 6px hsla(0, 0%, 100%, 0.15);
  --admin-dashboard-search-card-bg-color: rgba(0, 0, 0, 0.9);
  --admin-dashboard-search-card-box-shadow: 0 2px 6px hsla(0, 0%, 100%, 0.1);
  --admin-dashboard-btn-color: #f0f0f0;
  --admin-dashboard-btn-bg-color: rgba(0, 0, 0, 0.3);
  --admin-dashboard-btn-shadow: 0 2px 4px hsla(0, 0%, 100%, 0.3);
  --admin-dashboard-btn-hover-shadow: 0 4px 6px hsla(0, 0%, 100%, 0.3);
  --admin-dashboard-imgcard-bg-color: rgba(0, 0, 0, 0.6);
  --admin-dashboard-imgcard-shadow: 0 2px 12px hsla(0, 0%, 100%, 0.1);
  --admin-dashboard-tag-suggestion-bg-color: #2d2d2d;
  --admin-dashboard-tag-suggestion-border-color: #555;
  --admin-dashboard-tag-suggestion-box-shadow: 0 2px 12px hsla(0, 0%, 100%, 0.1);
  --admin-dashboard-tag-suggestion-item-hover-bg-color: #3a3a3a;
  --skeleton-bg-color: #3a3a3a;
  --skeleton-shimmer-color: hsla(0, 0%, 100%, 0.15);
  --admin-cuscfg-table-shadow:
    0 4px 6px rgba(0, 0, 0, 0.3), 0 0 1px 1px hsla(0, 0%, 100%, 0.05);
  --admin-cuscfg-table-bg-color: rgba(45, 45, 45, 0.95);
  --admin-syscfg-tabs-border-color: #cfcccc47;
  --theme-toggle-color: #bedefd;
  --theme-toggle-bg-color: #bedefd;
  --admin-theme-toggle-color: #fff;
  --admin-theme-toggle-bg-color: #fcfcfc;
  --not-found-title-text-color: linear-gradient(90deg, #effac3, #f3a060);
  --floating-btn-bg: linear-gradient(135deg, #409eff, #2d8cf0);
  --floating-btn-color: #fff;
  --floating-btn-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
  --floating-btn-shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.5);
  --glass-bg: rgba(30, 30, 30, 0.6);
  --glass-bg-hover: rgba(40, 40, 40, 0.7);
  --glass-border: hsla(0, 0%, 100%, 0.1);
  --glass-border-hover: hsla(0, 0%, 100%, 0.15);
  --glass-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  --glass-shadow-hover: 0 6px 16px rgba(0, 0, 0, 0.3);
  --glass-header-bg: hsla(0, 0%, 100%, 0.03);
  --glass-header-border: hsla(0, 0%, 100%, 0.08);
}
.el-message {
  border-radius: 50px !important;
  border: none !important;
  padding: 10px 30px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background-color: rgba(40, 40, 40, 0.85) !important;
  min-width: unset !important;
  top: 30px !important;
}
.el-message .el-message__icon {
  font-size: 18px !important;
  color: #fff !important;
}
.el-message .el-message__content {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #fff !important;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    Open Sans,
    Helvetica Neue,
    sans-serif;
  letter-spacing: 0.5px;
}
.el-message--success .el-message__icon {
  color: #67c23a !important;
}
.el-message--warning .el-message__icon {
  color: #e6a23c !important;
}
.el-message--error .el-message__icon {
  color: #f56c6c !important;
}
.dark .el-message {
  background-color: hsla(0, 0%, 100%, 0.2) !important;
  border: 1px solid hsla(0, 0%, 100%, 0.1) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}
.dialog-section {
  margin-bottom: 24px;
  background: var(--el-fill-color-lighter);
  border-radius: 12px;
  padding: 16px;
  border: 1px solid var(--el-border-color-lighter);
}
.section-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--el-border-color-lighter);
}
.section-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--el-text-color-primary);
}
.section-help-icon {
  color: var(--el-text-color-secondary);
  cursor: pointer;
  font-size: 14px;
  transition: color 0.2s;
}
.section-help-icon:hover {
  color: var(--el-color-primary);
}
.section-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.radio-card-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.radio-card-group .radio-card {
  margin-right: 0;
  padding: 10px 16px;
  border-radius: 8px;
  background: var(--el-bg-color);
  border: 1px solid var(--el-border-color-lighter);
  transition: all 0.2s ease;
}
.radio-card-group .radio-card:hover {
  border-color: var(--el-color-primary-light-5);
}
.radio-card-group .radio-card.is-checked {
  background: linear-gradient(
    135deg,
    rgba(64, 158, 255, 0.1),
    rgba(56, 189, 248, 0.05)
  );
  border-color: var(--el-color-primary);
}
.radio-card-group .el-radio__input {
  display: none;
}
.radio-card-group .el-radio__label {
  padding-left: 0;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
}
.setting-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: var(--el-bg-color);
  border-radius: 8px;
  border: 1px solid var(--el-border-color-lighter);
}
.setting-label {
  font-size: 14px;
  font-weight: 500;
  color: var(--el-text-color-primary);
}
.setting-input {
  width: 60%;
  max-width: 250px;
}
.dialog-action {
  display: flex;
  justify-content: flex-end;
  padding-top: 16px;
}
.confirm-btn {
  min-width: 100px;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .el-message {
    padding: 8px 18px !important;
    border-radius: 30px !important;
  }
  .el-message .el-message__icon {
    font-size: 14px !important;
  }
  .el-message .el-message__content {
    font-size: 13px !important;
  }
  .dialog-section {
    padding: 12px;
  }
  .radio-card-group {
    flex-direction: column;
  }
  .radio-card-group .radio-card {
    width: 100%;
    text-align: center;
  }
  .setting-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .setting-item .radio-card-group.compact {
    width: 100%;
  }
  .setting-input {
    width: 100%;
    max-width: none;
  }
  .radio-card-group.compact {
    flex-direction: row;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    width: 100%;
  }
  .radio-card-group.compact .radio-card {
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
    flex: 1;
  }
  .radio-card-group.compact .radio-card .el-radio__label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
  }
  .radio-card-group.compact .channel-icon {
    width: 16px;
    text-align: center;
    flex-shrink: 0;
  }
}
.slider-item {
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.slider-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}
.slider-wrapper .el-slider {
  flex: 1;
  min-width: 0;
}
.slider-input {
  width: 80px !important;
  flex-shrink: 0;
}
.slider-input .el-input__wrapper {
  padding: 0 8px;
}
.slider-input-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.slider-unit {
  font-size: 13px;
  font-weight: 500;
  color: var(--el-text-color-secondary);
}
@media (max-width: 768px) {
  .slider-wrapper {
    gap: 8px;
    width: 100%;
  }
  .slider-input {
    width: 80px !important;
  }
  .setting-input {
    width: 100% !important;
    max-width: none !important;
  }
  .dialog-section {
    overflow: hidden;
  }
  .radio-card-group.grid-2x2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
  .radio-card-group.grid-2x2 .radio-card {
    padding: 10px 12px;
    font-size: 13px;
    justify-content: center;
  }
}
.inline-help-icon {
  color: var(--el-text-color-secondary);
  cursor: pointer;
  font-size: 13px;
  margin-left: 6px;
  transition: color 0.2s;
}
.inline-help-icon:hover {
  color: var(--el-color-primary);
}
.radio-card-group.compact {
  gap: 8px;
}
.radio-card-group.compact .radio-card {
  padding: 8px 12px;
  font-size: 13px;
}
.radio-card-group.compact .radio-card .el-radio__label {
  display: flex;
  align-items: center;
  gap: 6px;
}
.radio-card-group.compact .channel-icon {
  width: 16px;
  text-align: center;
  flex-shrink: 0;
}
.radio-card-group.grid-2x2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.radio-card-group.grid-2x2 .radio-card {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 769px) {
  .radio-card-group.grid-2x2 .radio-card {
    justify-content: flex-start;
    padding-left: 20px;
  }
}
.radio-icon {
  font-size: 14px;
  opacity: 0.8;
  width: 20px;
  text-align: center;
  display: inline-block;
}
.radio-card.is-checked .radio-icon {
  opacity: 1;
}
.el-dialog,
.el-message-box {
  border-radius: 16px !important;
  overflow: hidden;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2) !important;
  border: 1px solid hsla(0, 0%, 100%, 0.5);
  background-color: hsla(0, 0%, 100%, 0.85) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.el-dialog__header,
.el-message-box__header {
  border-bottom: none;
  padding: 16px 20px !important;
  margin-right: 0 !important;
  position: relative;
}
.el-dialog__header:after {
  background: linear-gradient(
    90deg,
    transparent,
    rgba(156, 163, 175, 0.5) 20%,
    rgba(156, 163, 175, 0.8) 50%,
    rgba(156, 163, 175, 0.5) 80%,
    transparent
  );
}
.el-dialog__header:after,
.el-message-box__header:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  height: 1px;
}
.el-message-box__header:after {
  background: linear-gradient(
    90deg,
    rgba(156, 163, 175, 0.8),
    rgba(156, 163, 175, 0.5) 30%,
    transparent 80%
  );
}
.el-dialog__body,
.el-message-box__content {
  padding: 20px !important;
}
.el-dialog__footer,
.el-message-box__btns {
  border-top: none;
  padding: 12px 20px !important;
  background-color: transparent;
}
.dark .el-dialog,
.dark .el-message-box {
  background-color: rgba(30, 30, 30, 0.75) !important;
  border: 1px solid hsla(0, 0%, 100%, 0.08) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5) !important;
}
.dark .el-dialog__header,
.dark .el-message-box__header {
  border-bottom: none;
}
.dark .el-dialog__header:after {
  background: linear-gradient(
    90deg,
    transparent,
    rgba(156, 163, 175, 0.3) 20%,
    rgba(156, 163, 175, 0.5) 50%,
    rgba(156, 163, 175, 0.3) 80%,
    transparent
  );
}
.dark .el-message-box__header:after {
  background: linear-gradient(
    90deg,
    rgba(156, 163, 175, 0.5),
    rgba(156, 163, 175, 0.3) 30%,
    transparent 80%
  );
}
.dark .el-dialog__footer,
.dark .el-message-box__btns {
  border-top: none;
  background-color: transparent;
}
.dark .el-dialog__title,
.dark .el-message-box__title {
  color: #e5eaf3;
}
.dark .el-message-box__content {
  color: #cfd3dc;
}
.el-loading-mask {
  border-radius: 12px;
}
.el-dropdown__popper.el-popper {
  border-radius: 12px;
  border: none;
  background-color: var(--popper-bg-color);
  backdrop-filter: blur(10px);
  box-shadow: var(--popper-shadow);
}
.el-dropdown__popper.el-popper .el-dropdown-menu,
.el-dropdown__popper.el-popper .el-dropdown-menu__item {
  background: none;
  border: none;
}
.el-popper.is-light > .el-popper__arrow:before {
  background: none !important;
  border: none !important;
}
*,
body,
html {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
::-webkit-scrollbar,
body::-webkit-scrollbar,
html::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}
.os-theme-dark {
  --os-handle-bg: hsla(0, 0%, 50%, 0.5);
  --os-handle-bg-hover: hsla(0, 0%, 50%, 0.7);
  --os-handle-bg-active: hsla(0, 0%, 50%, 0.85);
}
.dark .os-theme-dark,
html.dark .os-theme-dark {
  --os-handle-bg: hsla(0, 0%, 71%, 0.6);
  --os-handle-bg-hover: hsla(0, 0%, 71%, 0.75);
  --os-handle-bg-active: hsla(0, 0%, 71%, 0.9);
}
.os-theme-dark .os-scrollbar,
.os-theme-dark .os-scrollbar-horizontal,
.os-theme-dark .os-scrollbar-vertical {
  --os-size: 10px;
  --os-padding-perpendicular: 2px;
  --os-padding-axis: 2px;
  --os-track-bg: transparent;
  --os-track-bg-hover: transparent;
  --os-track-bg-active: transparent;
}
.os-theme-dark .os-scrollbar .os-scrollbar-handle {
  border-radius: 10px !important;
  transition:
    background-color 0.2s ease,
    opacity 0.2s ease !important;
}