/**
 * 通用css样式布局处理
 * Copyright (c) 2019 clearance
 */
/** 基础通用 **/
.pt5 {
  padding-top: 5px;
}

.pr5 {
  padding-right: 5px;
}

.pb5 {
  padding-bottom: 5px;
}

.mt5 {
  margin-top: 5px;
}

.mr5 {
  margin-right: 5px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb8 {
  margin-bottom: 8px;
}

.ml5 {
  margin-left: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mr10 {
  margin-right: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.ml10 {
  margin-left: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mr20 {
  margin-right: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.ml20 {
  margin-left: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mb30 {
  margin-bottom: 30px;
}

.ml30 {
  margin-left: 30px;
}

.mr30 {
  margin-right: 30px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

.el-form--inline .el-form-item .el-input,
.el-form--inline .el-form-item .el-cascader,
.el-form--inline .el-form-item .el-select,
.el-form--inline .el-form-item .el-autocomplete {
  width: 200px;
}

.el-form .el-form-item__label {
  font-weight: 700;
}

.el-dialog:not(.is-fullscreen) {
  margin-top: 6vh !important;
}

.el-dialog.scrollbar .el-dialog__body {
  overflow: auto;
  overflow-x: hidden;
  max-height: 70vh;
  padding: 10px 20px 0;
}

.el-table .el-table__header-wrapper th,
.el-table .el-table__fixed-header-wrapper th {
  word-break: break-word;
  background-color: #f8f8f9 !important;
  color: #515a6e;
  height: 40px !important;
  font-size: 13px;
}
.el-table .el-table__body-wrapper .el-button [class*=el-icon-] + span {
  margin-left: 1px;
}

/** 表单布局 **/
.form-header {
  font-size: 15px;
  color: #6379bb;
  border-bottom: 1px solid #ddd;
  margin: 8px 10px 25px 10px;
  padding-bottom: 5px;
}

/** 表格布局 **/
.pagination-container {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
  background-color: transparent !important;
}

/* 弹窗中的分页器 */
.el-dialog .pagination-container {
  position: static !important;
  margin: 10px 0 0 0;
  padding: 0 !important;
}
.el-dialog .pagination-container .el-pagination {
  position: static;
}

/* 移动端适配 */
@media (max-width: 768px) {
  .pagination-container .el-pagination > .el-pagination__jump {
    display: none !important;
  }
  .pagination-container .el-pagination > .el-pagination__sizes {
    display: none !important;
  }
}
/* tree border */
.tree-border {
  margin-top: 5px;
  border: 1px solid var(--el-border-color-light, #e5e6e7);
  background: var(--el-bg-color, #ffffff) none;
  border-radius: 4px;
  width: 100%;
}

.el-table .fixed-width .el-button--small {
  padding-left: 0;
  padding-right: 0;
  width: inherit;
}

/** 表格更多操作下拉样式 */
.el-table .el-dropdown-link {
  cursor: pointer;
  color: #409eff;
  margin-left: 10px;
}

.el-table .el-dropdown,
.el-icon-arrow-down {
  font-size: 12px;
}

.el-tree-node__content > .el-checkbox {
  margin-right: 8px;
}

.list-group-striped > .list-group-item {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}

.list-group {
  padding-left: 0px;
  list-style: none;
}

.list-group-item {
  border-bottom: 1px solid #e7eaec;
  border-top: 1px solid #e7eaec;
  margin-bottom: -1px;
  padding: 11px 0px;
  font-size: 13px;
}

.pull-right {
  float: right !important;
}

.el-card__header {
  padding: 14px 15px 7px !important;
  min-height: 40px;
}

.el-card__body {
  padding: 15px 20px 20px 20px !important;
}

.card-box {
  margin-bottom: 10px;
}

/* button color */
.el-button--cyan.is-active,
.el-button--cyan:active {
  background: #20b2aa;
  border-color: #20b2aa;
  color: #ffffff;
}

.el-button--cyan:focus,
.el-button--cyan:hover {
  background: #48d1cc;
  border-color: #48d1cc;
  color: #ffffff;
}

.el-button--cyan {
  background-color: #20b2aa;
  border-color: #20b2aa;
  color: #ffffff;
}

/* text color */
.text-navy {
  color: #1ab394;
}

.text-primary {
  color: inherit;
}

.text-success {
  color: #1c84c6;
}

.text-info {
  color: #23c6c8;
}

.text-warning {
  color: #f8ac59;
}

.text-danger {
  color: #ed5565;
}

.text-muted {
  color: #888888;
}

/* image */
.img-circle {
  border-radius: 50%;
}

.img-lg {
  width: 120px;
  height: 120px;
}

.avatar-upload-preview {
  position: absolute;
  top: 50%;
  transform: translate(50%, -50%);
  width: 200px;
  height: 200px;
  border-radius: 50%;
  box-shadow: 0 0 4px #ccc;
  overflow: hidden;
}

/* 拖拽列样式 */
.sortable-ghost {
  opacity: 0.8;
  color: #fff !important;
  background: #42b983 !important;
}

/* 表格右侧工具栏样式 */
.top-right-btn {
  margin-left: auto;
}

/* 分割面板样式 */
.splitpanes.default-theme .splitpanes__pane {
  background-color: var(--splitpanes-default-bg) !important;
}

/* fade */
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.28s;
}

.fade-enter-from,
.fade-leave-active {
  opacity: 0;
}

/* fade-transform */
.fade-transform--move,
.fade-transform-leave-active,
.fade-transform-enter-active {
  transition: all 0.5s;
}

.fade-transform-enter-from {
  opacity: 0;
  transform: translateX(-30px);
}

.fade-transform-leave-to {
  opacity: 0;
  transform: translateX(30px);
}

/* breadcrumb transition */
.breadcrumb-enter-active,
.breadcrumb-leave-active {
  transition: all 0.5s;
}

.breadcrumb-enter-from,
.breadcrumb-leave-active {
  opacity: 0;
  transform: translateX(20px);
}

.breadcrumb-move {
  transition: all 0.5s;
}

.breadcrumb-leave-active {
  position: absolute;
}

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-upload input[type=file] {
  display: none !important;
}

.el-upload__input {
  display: none;
}

.cell .el-tag {
  margin-right: 0px;
}

.small-padding .cell {
  padding-left: 5px;
  padding-right: 5px;
}

.fixed-width .el-button--mini {
  padding: 7px 10px;
  width: 60px;
}

.status-col .cell {
  padding: 0 10px;
  text-align: center;
}
.status-col .cell .el-tag {
  margin-right: 0px;
}

.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
}

.upload-container .el-upload {
  width: 100%;
}
.upload-container .el-upload .el-upload-dragger {
  width: 100%;
  height: 200px;
}

.el-dropdown-menu a {
  display: block;
}

.el-range-editor.el-input__inner {
  display: inline-flex !important;
}

.el-range-separator {
  box-sizing: content-box;
}

.el-menu--collapse > div > .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
  display: none;
}

.el-dropdown .el-dropdown-link {
  color: var(--el-color-primary) !important;
}

.inspection-detail-dialog.el-dialog .el-table__cell {
  padding: 10px 0 !important;
}
.inspection-detail-dialog.el-dialog .cell {
  white-space: pre-line;
}

:export {
  menuText: #bfcbd9;
  menuActiveText: #ffffff;
  menuBg: #001529;
  menuHover: #001529;
  menuLightBg: #ffffff;
  menuLightHover: #e6f7ff;
  menuLightText: #303133;
  menuLightActiveText: #1890ff;
  sideBarWidth: 256px;
  blue: #324157;
  lightBlue: #333c46;
  red: #c03639;
  pink: #e65d6e;
  green: #30b08f;
  tiffany: #4ab7bd;
  yellow: #fec171;
  panGreen: #30b08f;
  colorPrimary: #409eff;
  colorSuccess: #67c23a;
  colorWarning: #e6a23c;
  colorDanger: #f56c6c;
  colorInfo: #909399;
}

:root {
  /* 亮色模式变量 */
  --sidebar-bg: #001529;
  --sidebar-text: #bfcbd9;
  --menu-hover: #001529;
  --navbar-bg: #ffffff;
  --navbar-text: #303133;
  /* splitpanes default-theme 变量 */
  --splitpanes-default-bg: #ffffff;
}

html.dark {
  /* 默认通用 */
  --el-bg-color: #141414;
  --el-bg-color-overlay: #1d1e1f;
  --el-text-color-primary: #ffffff;
  --el-text-color-regular: #d0d0d0;
  --el-border-color: #434343;
  --el-border-color-light: #434343;
  /* 侧边栏 */
  --sidebar-bg: #141414;
  --sidebar-text: #ffffff;
  --menu-hover: #2d2d2d;
  --menu-active-text: #ffffff;
  /* 顶部导航栏 */
  --navbar-bg: #141414;
  --navbar-text: #ffffff;
  --navbar-hover: #141414;
  /* 标签栏 */
  --tags-bg: #141414;
  --tags-item-bg: #1d1e1f;
  --tags-item-border: #303030;
  --tags-item-text: #d0d0d0;
  --tags-item-hover: #2d2d2d;
  --tags-close-hover: #64666a;
  /* splitpanes 组件暗黑模式变量 */
  --splitpanes-bg: #141414;
  --splitpanes-border: #303030;
  --splitpanes-splitter-bg: #1d1e1f;
  --splitpanes-splitter-hover-bg: #2d2d2d;
  /* blockquote 暗黑模式变量 */
  --blockquote-bg: #1d1e1f;
  --blockquote-border: #303030;
  --blockquote-text: #d0d0d0;
  /* Cron 时间表达式 模式变量 */
  --cron-border: #303030;
  /* splitpanes default-theme 暗黑模式变量 */
  --splitpanes-default-bg: #141414;
  /* 侧边栏菜单覆盖 */
  /* 顶部栏栏菜单覆盖 */
  /* 分割窗格覆盖 */
  /* 表格样式覆盖 */
  /* 树组件高亮样式覆盖 */
  /* 下拉菜单样式覆盖 */
  /* blockquote样式覆盖 */
  /* 时间表达式标题样式覆盖 */
}
html.dark .sidebar-container .el-menu-item,
html.dark .sidebar-container .menu-title {
  color: var(--el-text-color-regular);
}
html.dark .sidebar-container .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title, html.dark .sidebar-container .theme-dark .el-sub-menu .el-menu-item {
  background-color: var(--el-bg-color) !important;
}
html.dark .el-menu--horizontal .el-menu-item:not(.is-disabled):hover, html.dark .el-menu--horizontal .el-menu-item:not(.is-disabled):focus {
  background-color: var(--navbar-hover) !important;
}
html.dark .splitpanes {
  background-color: var(--splitpanes-bg);
}
html.dark .splitpanes .splitpanes__pane {
  background-color: var(--splitpanes-bg);
  border-color: var(--splitpanes-border);
}
html.dark .splitpanes .splitpanes__splitter {
  background-color: var(--splitpanes-splitter-bg);
  border-color: var(--splitpanes-border);
}
html.dark .splitpanes .splitpanes__splitter:hover {
  background-color: var(--splitpanes-splitter-hover-bg);
}
html.dark .splitpanes .splitpanes__splitter:before, html.dark .splitpanes .splitpanes__splitter:after {
  background-color: var(--splitpanes-border);
}
html.dark .el-table {
  --el-table-header-bg-color: var(--el-bg-color-overlay) !important;
  --el-table-header-text-color: var(--el-text-color-regular) !important;
  --el-table-border-color: var(--el-border-color-light) !important;
  --el-table-row-hover-bg-color: var(--el-bg-color-overlay) !important;
}
html.dark .el-table .el-table__header-wrapper th,
html.dark .el-table .el-table__fixed-header-wrapper th {
  background-color: var(--el-bg-color-overlay, #f8f8f9) !important;
  color: var(--el-text-color-regular, #515a6e);
}
html.dark .el-tree .el-tree-node.is-current > .el-tree-node__content {
  background-color: var(--el-bg-color-overlay) !important;
  color: var(--el-color-primary);
}
html.dark .el-tree .el-tree-node__content:hover {
  background-color: var(--el-bg-color-overlay);
}
html.dark .el-dropdown-menu__item:not(.is-disabled):focus,
html.dark .el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: var(--navbar-hover) !important;
}
html.dark blockquote {
  background-color: var(--blockquote-bg) !important;
  border-left-color: var(--blockquote-border) !important;
  color: var(--blockquote-text) !important;
}
html.dark .popup-result .title {
  background: var(--cron-border);
}

#app .main-container {
  min-height: 100%;
  transition: margin-left 0.28s;
  margin-left: 256px;
  position: relative;
}
#app .sidebarHide {
  margin-left: 0 !important;
}
#app .sidebar-container {
  transition: width 0.28s;
  width: 256px !important;
  height: 100%;
  position: fixed;
  font-size: 0px;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  overflow: hidden;
  -webkit-box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
}
#app .sidebar-container .horizontal-collapse-transition {
  transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
}
#app .sidebar-container .scrollbar-wrapper {
  overflow-x: hidden !important;
}
#app .sidebar-container .el-scrollbar__bar.is-vertical {
  right: 0px;
}
#app .sidebar-container .el-scrollbar {
  height: 100%;
}
#app .sidebar-container.has-logo .el-scrollbar {
  height: calc(100% - 50px);
}
#app .sidebar-container .is-horizontal {
  display: none;
}
#app .sidebar-container a {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}
#app .sidebar-container .svg-icon {
  margin-right: 16px;
}
#app .sidebar-container .el-menu {
  border: none;
  height: 100%;
  width: 100% !important;
}
#app .sidebar-container .el-menu-item,
#app .sidebar-container .menu-title {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#app .sidebar-container .el-menu-item .el-menu-tooltip__trigger {
  display: inline-block !important;
}
#app .sidebar-container .sub-menu-title-noDropdown:hover,
#app .sidebar-container .el-sub-menu__title:hover {
  background-color: transparent !important;
  color: #ffffff !important;
}
#app .sidebar-container .theme-dark .is-active > .el-sub-menu__title {
  color: #ffffff !important;
}
#app .sidebar-container .nest-menu .el-sub-menu > .el-sub-menu__title, #app .sidebar-container .el-sub-menu .el-menu-item {
  min-width: 256px !important;
  background-color: #000c17 !important;
}
#app .sidebar-container .nest-menu .el-sub-menu > .el-sub-menu__title:hover, #app .sidebar-container .el-sub-menu .el-menu-item:hover {
  background-color: transparent !important;
  color: #ffffff !important;
}
#app .sidebar-container .nest-menu .el-sub-menu > .el-sub-menu__title.is-active, #app .sidebar-container .el-sub-menu .el-menu-item.is-active {
  background-color: #1890ff !important;
  color: #ffffff !important;
}
#app .sidebar-container .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title, #app .sidebar-container .theme-dark .el-sub-menu .el-menu-item {
  background-color: #000c17;
}
#app .sidebar-container .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title:hover, #app .sidebar-container .theme-dark .el-sub-menu .el-menu-item:hover {
  background-color: #1890ff !important;
}
#app .hideSidebar .sidebar-container {
  width: 54px !important;
}
#app .hideSidebar .main-container {
  margin-left: 54px;
}
#app .hideSidebar .sub-menu-title-noDropdown {
  padding: 0 !important;
  position: relative;
}
#app .hideSidebar .sub-menu-title-noDropdown .el-tooltip {
  padding: 0 !important;
}
#app .hideSidebar .sub-menu-title-noDropdown .el-tooltip .svg-icon {
  margin-left: 20px;
}
#app .hideSidebar .el-sub-menu {
  overflow: hidden;
}
#app .hideSidebar .el-sub-menu > .el-sub-menu__title {
  padding: 0 !important;
}
#app .hideSidebar .el-sub-menu > .el-sub-menu__title .svg-icon {
  margin-left: 20px;
}
#app .hideSidebar .el-menu--collapse .el-sub-menu > .el-sub-menu__title > span {
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
  display: inline-block;
}
#app .hideSidebar .el-menu--collapse .el-sub-menu > .el-sub-menu__title > i {
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
  display: inline-block;
}
#app .el-menu--collapse .el-menu .el-sub-menu {
  min-width: 256px !important;
}
#app .mobile .main-container {
  margin-left: 0px;
}
#app .mobile .sidebar-container {
  transition: transform 0.28s;
  width: 256px !important;
}
#app .mobile.hideSidebar .sidebar-container {
  pointer-events: none;
  transition-duration: 0.3s;
  transform: translate3d(-256px, 0, 0);
}
#app .withoutAnimation .main-container,
#app .withoutAnimation .sidebar-container {
  transition: none;
}

.el-menu--vertical > .el-menu .svg-icon {
  margin-right: 16px;
}
.el-menu--vertical .nest-menu .el-sub-menu > .el-sub-menu__title:hover,
.el-menu--vertical .el-menu-item:hover {
  background-color: rgba(0, 0, 0, 0.06) !important;
}
.el-menu--vertical > .el-menu--popup {
  max-height: 100vh;
  overflow-y: auto;
}
.el-menu--vertical > .el-menu--popup::-webkit-scrollbar-track-piece {
  background: #d3dce6;
}
.el-menu--vertical > .el-menu--popup::-webkit-scrollbar {
  width: 6px;
}
.el-menu--vertical > .el-menu--popup::-webkit-scrollbar-thumb {
  background: #99a9bf;
  border-radius: 20px;
}

.blue-btn {
  background: #324157;
}
.blue-btn:hover {
  color: #324157;
}
.blue-btn:hover:before, .blue-btn:hover:after {
  background: #324157;
}

.light-blue-btn {
  background: #333c46;
}
.light-blue-btn:hover {
  color: #333c46;
}
.light-blue-btn:hover:before, .light-blue-btn:hover:after {
  background: #333c46;
}

.red-btn {
  background: #c03639;
}
.red-btn:hover {
  color: #c03639;
}
.red-btn:hover:before, .red-btn:hover:after {
  background: #c03639;
}

.pink-btn {
  background: #e65d6e;
}
.pink-btn:hover {
  color: #e65d6e;
}
.pink-btn:hover:before, .pink-btn:hover:after {
  background: #e65d6e;
}

.green-btn {
  background: #30b08f;
}
.green-btn:hover {
  color: #30b08f;
}
.green-btn:hover:before, .green-btn:hover:after {
  background: #30b08f;
}

.tiffany-btn {
  background: #4ab7bd;
}
.tiffany-btn:hover {
  color: #4ab7bd;
}
.tiffany-btn:hover:before, .tiffany-btn:hover:after {
  background: #4ab7bd;
}

.yellow-btn {
  background: #fec171;
}
.yellow-btn:hover {
  color: #fec171;
}
.yellow-btn:hover:before, .yellow-btn:hover:after {
  background: #fec171;
}

.pan-btn {
  font-size: 14px;
  color: #fff;
  padding: 14px 36px;
  border-radius: 8px;
  border: none;
  outline: none;
  transition: 600ms ease all;
  position: relative;
  display: inline-block;
}
.pan-btn:hover {
  background: #fff;
}
.pan-btn:hover:before, .pan-btn:hover:after {
  width: 100%;
  transition: 600ms ease all;
}
.pan-btn:before, .pan-btn:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 2px;
  width: 0;
  transition: 400ms ease all;
}
.pan-btn::after {
  right: inherit;
  top: inherit;
  left: 0;
  bottom: 0;
}

.custom-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #fff;
  color: #fff;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  padding: 10px 15px;
  font-size: 14px;
  border-radius: 4px;
}

body {
  height: 100%;
  margin: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

label {
  font-weight: 700;
}

html {
  height: 100%;
  box-sizing: border-box;
}

#app {
  height: 100%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

.no-padding {
  padding: 0px !important;
}

.padding-content {
  padding: 4px 0;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.pr-5 {
  padding-right: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.block {
  display: block;
}

.pointer {
  cursor: pointer;
}

.inlineBlock {
  display: block;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

aside {
  background: #eef1f6;
  padding: 8px 24px;
  margin-bottom: 20px;
  border-radius: 2px;
  display: block;
  line-height: 32px;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  color: #2c3e50;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
aside a {
  color: #337ab7;
  cursor: pointer;
}
aside a:hover {
  color: rgb(32, 160, 255);
}

.app-container {
  padding: 20px;
}

.components-container {
  margin: 30px 50px;
  position: relative;
}

.text-center {
  text-align: center;
}

.sub-navbar {
  height: 50px;
  line-height: 50px;
  position: relative;
  width: 100%;
  text-align: right;
  padding-right: 20px;
  transition: 600ms ease position;
  background: linear-gradient(90deg, rgb(32, 182, 249) 0%, rgb(32, 182, 249) 0%, rgb(33, 120, 241) 100%, rgb(33, 120, 241) 100%);
}
.sub-navbar .subtitle {
  font-size: 20px;
  color: #fff;
}
.sub-navbar.draft {
  background: #d0d0d0;
}
.sub-navbar.deleted {
  background: #d0d0d0;
}

.link-type,
.link-type:focus {
  color: #337ab7;
  cursor: pointer;
}
.link-type:hover,
.link-type:focus:hover {
  color: rgb(32, 160, 255);
}

.filter-container {
  padding-bottom: 10px;
}
.filter-container .filter-item {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
}:root {
  /* 亮色模式变量 */
  --sidebar-bg: #001529;
  --sidebar-text: #bfcbd9;
  --menu-hover: #001529;
  --navbar-bg: #ffffff;
  --navbar-text: #303133;
  /* splitpanes default-theme 变量 */
  --splitpanes-default-bg: #ffffff;
}

html._dark_eac4y_38 {
  /* 默认通用 */
  --el-bg-color: #141414;
  --el-bg-color-overlay: #1d1e1f;
  --el-text-color-primary: #ffffff;
  --el-text-color-regular: #d0d0d0;
  --el-border-color: #434343;
  --el-border-color-light: #434343;
  /* 侧边栏 */
  --sidebar-bg: #141414;
  --sidebar-text: #ffffff;
  --menu-hover: #2d2d2d;
  --menu-active-text: #ffffff;
  /* 顶部导航栏 */
  --navbar-bg: #141414;
  --navbar-text: #ffffff;
  --navbar-hover: #141414;
  /* 标签栏 */
  --tags-bg: #141414;
  --tags-item-bg: #1d1e1f;
  --tags-item-border: #303030;
  --tags-item-text: #d0d0d0;
  --tags-item-hover: #2d2d2d;
  --tags-close-hover: #64666a;
  /* splitpanes 组件暗黑模式变量 */
  --splitpanes-bg: #141414;
  --splitpanes-border: #303030;
  --splitpanes-splitter-bg: #1d1e1f;
  --splitpanes-splitter-hover-bg: #2d2d2d;
  /* blockquote 暗黑模式变量 */
  --blockquote-bg: #1d1e1f;
  --blockquote-border: #303030;
  --blockquote-text: #d0d0d0;
  /* Cron 时间表达式 模式变量 */
  --cron-border: #303030;
  /* splitpanes default-theme 暗黑模式变量 */
  --splitpanes-default-bg: #141414;
  /* 侧边栏菜单覆盖 */
  /* 顶部栏栏菜单覆盖 */
  /* 分割窗格覆盖 */
  /* 表格样式覆盖 */
  /* 树组件高亮样式覆盖 */
  /* 下拉菜单样式覆盖 */
  /* blockquote样式覆盖 */
  /* 时间表达式标题样式覆盖 */
}
html._dark_eac4y_38 ._sidebar-container_eac4y_84 ._el-menu-item_eac4y_84,
html._dark_eac4y_38 ._sidebar-container_eac4y_84 ._menu-title_eac4y_85 {
  color: var(--el-text-color-regular);
}
html._dark_eac4y_38 ._sidebar-container_eac4y_84 ._theme-dark_eac4y_88 ._nest-menu_eac4y_88 ._el-sub-menu_eac4y_88 > ._el-sub-menu__title_eac4y_88, html._dark_eac4y_38 ._sidebar-container_eac4y_84 ._theme-dark_eac4y_88 ._el-sub-menu_eac4y_88 ._el-menu-item_eac4y_84 {
  background-color: var(--el-bg-color) !important;
}
html._dark_eac4y_38 ._el-menu--horizontal_eac4y_91 ._el-menu-item_eac4y_84:not(._is-disabled_eac4y_91):hover, html._dark_eac4y_38 ._el-menu--horizontal_eac4y_91 ._el-menu-item_eac4y_84:not(._is-disabled_eac4y_91):focus {
  background-color: var(--navbar-hover) !important;
}
html._dark_eac4y_38 ._splitpanes_eac4y_94 {
  background-color: var(--splitpanes-bg);
}
html._dark_eac4y_38 ._splitpanes_eac4y_94 ._splitpanes__pane_eac4y_97 {
  background-color: var(--splitpanes-bg);
  border-color: var(--splitpanes-border);
}
html._dark_eac4y_38 ._splitpanes_eac4y_94 ._splitpanes__splitter_eac4y_101 {
  background-color: var(--splitpanes-splitter-bg);
  border-color: var(--splitpanes-border);
}
html._dark_eac4y_38 ._splitpanes_eac4y_94 ._splitpanes__splitter_eac4y_101:hover {
  background-color: var(--splitpanes-splitter-hover-bg);
}
html._dark_eac4y_38 ._splitpanes_eac4y_94 ._splitpanes__splitter_eac4y_101:before, html._dark_eac4y_38 ._splitpanes_eac4y_94 ._splitpanes__splitter_eac4y_101:after {
  background-color: var(--splitpanes-border);
}
html._dark_eac4y_38 ._el-table_eac4y_111 {
  --el-table-header-bg-color: var(--el-bg-color-overlay) !important;
  --el-table-header-text-color: var(--el-text-color-regular) !important;
  --el-table-border-color: var(--el-border-color-light) !important;
  --el-table-row-hover-bg-color: var(--el-bg-color-overlay) !important;
}
html._dark_eac4y_38 ._el-table_eac4y_111 ._el-table__header-wrapper_eac4y_117 th,
html._dark_eac4y_38 ._el-table_eac4y_111 ._el-table__fixed-header-wrapper_eac4y_118 th {
  background-color: var(--el-bg-color-overlay, #f8f8f9) !important;
  color: var(--el-text-color-regular, #515a6e);
}
html._dark_eac4y_38 ._el-tree_eac4y_122 ._el-tree-node_eac4y_122._is-current_eac4y_122 > ._el-tree-node__content_eac4y_122 {
  background-color: var(--el-bg-color-overlay) !important;
  color: var(--el-color-primary);
}
html._dark_eac4y_38 ._el-tree_eac4y_122 ._el-tree-node__content_eac4y_122:hover {
  background-color: var(--el-bg-color-overlay);
}
html._dark_eac4y_38 ._el-dropdown-menu__item_eac4y_129:not(._is-disabled_eac4y_91):focus,
html._dark_eac4y_38 ._el-dropdown-menu__item_eac4y_129:not(._is-disabled_eac4y_91):hover {
  background-color: var(--navbar-hover) !important;
}
html._dark_eac4y_38 blockquote {
  background-color: var(--blockquote-bg) !important;
  border-left-color: var(--blockquote-border) !important;
  color: var(--blockquote-text) !important;
}
html._dark_eac4y_38 ._popup-result_eac4y_138 ._title_eac4y_138 {
  background: var(--cron-border);
}.sidebarLogoFade-enter-active[data-v-0046ad71] {
  transition: opacity 1.5s;
}
.sidebarLogoFade-enter[data-v-0046ad71],
.sidebarLogoFade-leave-to[data-v-0046ad71] {
  opacity: 0;
}
.sidebar-logo-container[data-v-0046ad71] {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: var(--0046ad71-getLogoBackground);
  text-align: center;
  overflow: hidden;
}
.sidebar-logo-container .sidebar-logo-link[data-v-0046ad71] {
  height: 100%;
  width: 100%;
}
.sidebar-logo-container .sidebar-logo-link .sidebar-logo[data-v-0046ad71] {
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-right: 12px;
}
.sidebar-logo-container .sidebar-logo-link .sidebar-title[data-v-0046ad71] {
  display: inline-block;
  margin: 0;
  color: var(--0046ad71-getLogoTextColor);
  font-weight: 600;
  line-height: 50px;
  font-size: 14px;
  font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
  vertical-align: middle;
}
.sidebar-logo-container.collapse .sidebar-logo[data-v-0046ad71] {
  margin-right: 0px;
}.sidebar-container[data-v-b4a86e30] {
  background-color: var(--b4a86e30-getMenuBackground);
}
.sidebar-container .scrollbar-wrapper[data-v-b4a86e30] {
  background-color: var(--b4a86e30-getMenuBackground);
}
.sidebar-container .el-menu[data-v-b4a86e30] {
  border: none;
  height: 100%;
  width: 100% !important;
}
.sidebar-container .el-menu .el-menu-item[data-v-b4a86e30]:hover,
.sidebar-container .el-menu .el-sub-menu__title[data-v-b4a86e30]:hover {
  background-color: var(--menu-hover, rgba(0, 0, 0, 0.06)) !important;
}
.sidebar-container .el-menu .el-menu-item[data-v-b4a86e30] {
  color: var(--b4a86e30-getMenuTextColor);
}
.sidebar-container .el-menu .el-menu-item.is-active[data-v-b4a86e30] {
  color: var(--menu-active-text, #409eff);
  background-color: var(--menu-hover, rgba(0, 0, 0, 0.06)) !important;
}
.sidebar-container .el-menu .el-sub-menu__title[data-v-b4a86e30] {
  color: var(--b4a86e30-getMenuTextColor);
}
.copyright[data-v-6ac5facf] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 36px;
  padding: 10px 20px;
  text-align: right;
  background-color: #f8f8f8;
  color: #666;
  font-size: 14px;
  border-top: 1px solid #e7e7e7;
  z-index: 999;
}
.app-main[data-v-e7e0a46a] {
  /* 50= navbar  50  */
  min-height: calc(100vh - 50px);
  width: 100%;
  position: relative;
  overflow: hidden;
}
.fixed-header + .app-main[data-v-e7e0a46a] {
  overflow-y: auto;
  scrollbar-gutter: auto;
  height: calc(100vh - 50px);
  min-height: 0px;
}
.app-main[data-v-e7e0a46a]:has(.copyright) {
  padding-bottom: 36px;
}
.fixed-header + .app-main[data-v-e7e0a46a] {
  margin-top: 50px;
}
.hasTagsView .app-main[data-v-e7e0a46a] {
  /* 84 = navbar + tags-view = 50 + 34 */
  min-height: calc(100vh - 84px);
}
.hasTagsView .fixed-header + .app-main[data-v-e7e0a46a] {
  margin-top: 84px;
  height: calc(100vh - 84px);
  min-height: 0px;
}::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background-color: #c0c0c0;
  border-radius: 3px;
}.app-breadcrumb.el-breadcrumb[data-v-2b4d8509] {
  display: inline-block;
  font-size: 14px;
  line-height: 50px;
  margin-left: 8px;
}
.app-breadcrumb.el-breadcrumb .no-redirect[data-v-2b4d8509] {
  color: #97a8be;
  cursor: text;
}.topmenu-container.el-menu--horizontal > .el-menu-item {
  float: left;
  height: 50px !important;
  line-height: 50px !important;
  color: #999093 !important;
  padding: 0 5px !important;
  margin: 0 10px !important;
}
.topmenu-container.el-menu--horizontal > .el-menu-item.is-active,
.el-menu--horizontal > .el-sub-menu.is-active .el-submenu__title {
  border-bottom: 2px solid var(--theme) !important;
  color: #303133;
}

/* sub-menu item */
.topmenu-container.el-menu--horizontal > .el-sub-menu .el-sub-menu__title {
  float: left;
  height: 50px !important;
  line-height: 50px !important;
  color: #999093 !important;
  padding: 0 5px !important;
  margin: 0 10px !important;
}

/* 背景色隐藏 */
.topmenu-container.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus,
.topmenu-container.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
.topmenu-container.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
  background-color: #ffffff;
}

/* 图标右间距 */
.topmenu-container .svg-icon {
  margin-right: 4px;
}

/* topmenu more arrow */
.topmenu-container .el-sub-menu .el-sub-menu__icon-arrow {
  position: static;
  vertical-align: middle;
  margin-left: 8px;
  margin-top: 0px;
}
.hamburger[data-v-4140561e] {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
.hamburger.is-active[data-v-4140561e] {
  transform: rotate(180deg);
}
.screenfull-svg[data-v-58f47df7] {
  display: inline-block;
  cursor: pointer;
  fill: #5a5e66;
  width: 20px;
  height: 20px;
  vertical-align: 10px;
}.size-icon--style[data-v-fa34d887] {
  font-size: 18px;
  line-height: 50px;
  padding-right: 7px;
}.header-search .search-icon[data-v-4cb96339] {
  cursor: pointer;
  font-size: 18px;
  vertical-align: middle;
}
.result-wrap[data-v-4cb96339] {
  height: 280px;
  margin: 6px 0;
}
.result-wrap .search-item[data-v-4cb96339] {
  display: flex;
  height: 48px;
  align-items: center;
  padding-right: 10px;
}
.result-wrap .search-item .left[data-v-4cb96339] {
  width: 60px;
  text-align: center;
}
.result-wrap .search-item .left .menu-icon[data-v-4cb96339] {
  width: 18px;
  height: 18px;
}
.result-wrap .search-item .search-info[data-v-4cb96339] {
  padding-left: 5px;
  margin-top: 10px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1;
}
.result-wrap .search-item .search-info .menu-title[data-v-4cb96339],
.result-wrap .search-item .search-info .menu-path[data-v-4cb96339] {
  height: 20px;
}
.result-wrap .search-item .search-info .menu-path[data-v-4cb96339] {
  color: #ccc;
  font-size: 10px;
}
.result-wrap .search-item[data-v-4cb96339]:hover {
  cursor: pointer;
}.navbar[data-v-bd143a29] {
  height: 50px;
  overflow: hidden;
  position: relative;
  background: var(--navbar-bg);
  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
  z-index: 1000; /* 确保导航栏在最上层 */
}
.navbar .hamburger-container[data-v-bd143a29] {
  line-height: 46px;
  height: 100%;
  float: left;
  cursor: pointer;
  transition: background 0.3s;
  -webkit-tap-highlight-color: transparent;
}
.navbar .hamburger-container[data-v-bd143a29]:hover {
  background: rgba(0, 0, 0, 0.025);
}
.navbar .breadcrumb-container[data-v-bd143a29] {
  float: left;
}
.navbar .topmenu-container[data-v-bd143a29] {
  position: absolute;
  left: 50px;
}
.navbar .errLog-container[data-v-bd143a29] {
  display: inline-block;
  vertical-align: top;
}
.navbar .right-menu[data-v-bd143a29] {
  float: right;
  height: 100%;
  line-height: 50px;
  display: flex;
  align-items: center;
}
.navbar .right-menu[data-v-bd143a29]:focus {
  outline: none;
}
.navbar .right-menu .right-menu-item[data-v-bd143a29] {
  display: inline-block;
  padding: 0 8px;
  height: 100%;
  font-size: 18px;
  color: #5a5e66;
  vertical-align: text-bottom;
}
.navbar .right-menu .right-menu-item.hover-effect[data-v-bd143a29] {
  cursor: pointer;
  transition: background 0.3s;
}
.navbar .right-menu .right-menu-item.hover-effect[data-v-bd143a29]:hover {
  background: rgba(0, 0, 0, 0.025);
}
.navbar .right-menu .right-menu-item.theme-switch-wrapper[data-v-bd143a29] {
  display: flex;
  align-items: center;
}
.navbar .right-menu .right-menu-item.theme-switch-wrapper svg[data-v-bd143a29] {
  transition: transform 0.3s;
}
.navbar .right-menu .right-menu-item.theme-switch-wrapper svg[data-v-bd143a29]:hover {
  transform: scale(1.15);
}
.navbar .right-menu .avatar-container[data-v-bd143a29] {
  margin-right: 0px;
  padding-right: 0px;
}
.navbar .right-menu .avatar-container .avatar-wrapper[data-v-bd143a29] {
  margin-top: 10px;
  right: 8px;
  position: relative;
}
.navbar .right-menu .avatar-container .avatar-wrapper .user-avatar[data-v-bd143a29] {
  cursor: pointer;
  width: 30px;
  height: 30px;
  margin-right: 8px;
  border-radius: 50%;
}
.navbar .right-menu .avatar-container .avatar-wrapper .user-nickname[data-v-bd143a29] {
  position: relative;
  left: 0px;
  bottom: 10px;
  font-size: 14px;
  font-weight: bold;
}
.navbar .right-menu .avatar-container .avatar-wrapper i[data-v-bd143a29] {
  cursor: pointer;
  position: absolute;
  right: -20px;
  top: 25px;
  font-size: 12px;
}
.notification-wrapper[data-v-bd143a29] {
  position: relative;
  display: inline-block;
}
.notification-bell[data-v-bd143a29] {
  position: relative;
  cursor: pointer;
  padding: 8px;
  border-radius: 50%;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.notification-bell[data-v-bd143a29]:hover {
  background-color: #f0f0f0;
  transform: scale(1.05);
}
.bell-icon[data-v-bd143a29] {
  width: 24px;
  height: 24px;
  color: #606266;
  /* 移除了摇晃动画 */
}
.notification-badge[data-v-bd143a29] {
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(135deg, #ff4757, #ff3838);
  color: white;
  font-size: 12px;
  min-width: 18px;
  height: 18px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  font-weight: bold;
  border: 2px solid white;
  z-index: 10;
  box-shadow: 0 2px 8px rgba(255, 56, 56, 0.3);
}
.notification-dropdown-overlay[data-v-bd143a29] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: transparent;
  z-index: 9999; /* 确保在最上层 */
}
.notification-dropdown[data-v-bd143a29] {
  position: fixed;
  width: 320px;
  max-height: 70vh;
  background: white;
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
  border: 1px solid #e4e7ed;
  z-index: 10000; /* 确保在最上层 */
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.dropdown-enter-active[data-v-bd143a29],
.dropdown-leave-active[data-v-bd143a29] {
  transition: all 0.3s ease;
}
.dropdown-enter-from[data-v-bd143a29],
.dropdown-leave-to[data-v-bd143a29] {
  opacity: 0;
  transform: translateY(-10px);
}
.dropdown-header[data-v-bd143a29] {
  padding: 16px 20px;
  border-bottom: 1px solid #f0f0f0;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
}
.dropdown-header h3[data-v-bd143a29] {
  margin: 0 0 12px 0;
  font-size: 16px;
  font-weight: 600;
}
.header-actions[data-v-bd143a29] {
  display: flex;
  gap: 10px;
}
.refresh-btn[data-v-bd143a29] {
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 12px;
  border: none;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  gap: 4px;
  background: rgba(255, 255, 255, 0.2);
  color: white;
}
.refresh-btn[data-v-bd143a29]:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.3);
}
.refresh-btn[data-v-bd143a29]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.dropdown-content[data-v-bd143a29] {
  flex: 1;
  overflow-y: auto;
  padding: 8px 0;
}
.loading-state[data-v-bd143a29], .empty-state[data-v-bd143a29] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  color: #909399;
}
.loading-spinner[data-v-bd143a29] {
  width: 40px;
  height: 40px;
  border: 3px solid #f3f3f3;
  border-top: 3px solid #409eff;
  border-radius: 50%;
  animation: spin-bd143a29 1s linear infinite;
  margin-bottom: 12px;
}
@keyframes spin-bd143a29 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.empty-state p[data-v-bd143a29] {
  margin: 12px 0 0;
  font-size: 14px;
}
.notification-list[data-v-bd143a29] {
  padding: 0 8px;
}
.notification-item[data-v-bd143a29] {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border-radius: 8px;
  margin: 4px 0;
  cursor: pointer;
  transition: all 0.2s;
}
.notification-item[data-v-bd143a29]:hover {
  background: #f5f7fa;
}
.item-icon[data-v-bd143a29] {
  margin-right: 12px;
}
.icon-bg[data-v-bd143a29] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: white;
  font-size: 16px;
}
.icon-bg.customsClearance[data-v-bd143a29] {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}
.icon-bg.documentPreparation[data-v-bd143a29] {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}
.icon-bg.internalConfirmation[data-v-bd143a29] {
  background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
}
.item-content[data-v-bd143a29] {
  flex: 1;
}
.item-label[data-v-bd143a29] {
  font-weight: 600;
  color: #303133;
  font-size: 14px;
  margin-bottom: 4px;
}
.item-desc[data-v-bd143a29] {
  font-size: 12px;
  color: #909399;
}
.item-count[data-v-bd143a29] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.count-number[data-v-bd143a29] {
  background: #f56c6c;
  color: white;
  font-size: 12px;
  min-width: 20px;
  height: 20px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  font-weight: bold;
}
.arrow-icon[data-v-bd143a29] {
  color: #c0c4cc;
}
.dropdown-footer[data-v-bd143a29] {
  padding: 16px 20px;
  border-top: 1px solid #f0f0f0;
  text-align: center;
}
.view-all-link[data-v-bd143a29] {
  color: #409eff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: color 0.2s;
}
.view-all-link[data-v-bd143a29]:hover {
  color: #66b1ff;
  text-decoration: underline;
}
.dropdown-content[data-v-bd143a29]::-webkit-scrollbar {
  width: 6px;
}
.dropdown-content[data-v-bd143a29]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
.dropdown-content[data-v-bd143a29]::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}
.dropdown-content[data-v-bd143a29]::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}.setting-drawer-title[data-v-5fbf36ff] {
  margin-bottom: 12px;
  color: var(--el-text-color-primary, rgba(0, 0, 0, 0.85));
  line-height: 22px;
  font-weight: bold;
}
.setting-drawer-title .drawer-title[data-v-5fbf36ff] {
  font-size: 14px;
}
.setting-drawer-block-checbox[data-v-5fbf36ff] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 20px;
}
.setting-drawer-block-checbox .setting-drawer-block-checbox-item[data-v-5fbf36ff] {
  position: relative;
  margin-right: 16px;
  border-radius: 2px;
  cursor: pointer;
}
.setting-drawer-block-checbox .setting-drawer-block-checbox-item img[data-v-5fbf36ff] {
  width: 48px;
  height: 48px;
}
.setting-drawer-block-checbox .setting-drawer-block-checbox-item .setting-drawer-block-checbox-selectIcon[data-v-5fbf36ff] {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding-top: 15px;
  padding-left: 24px;
  color: #1890ff;
  font-weight: 700;
  font-size: 14px;
}
.drawer-item[data-v-5fbf36ff] {
  color: var(--el-text-color-regular, rgba(0, 0, 0, 0.65));
  padding: 12px 0;
  font-size: 14px;
}
.drawer-item .comp-style[data-v-5fbf36ff] {
  float: right;
  margin: -3px 8px 0px 0px;
}.scroll-container[data-v-6e0e10fc] {
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.scroll-container[data-v-6e0e10fc] .el-scrollbar__bar {
  bottom: 0px;
}
.scroll-container[data-v-6e0e10fc] .el-scrollbar__wrap {
  height: 39px;
}.tags-view-container[data-v-ad7a7ef0] {
  height: 34px;
  width: 100%;
  background: var(--tags-bg, #fff);
  border-bottom: 1px solid var(--tags-item-border, #d8dce5);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 0 3px 0 rgba(0, 0, 0, 0.04);
}
.tags-view-container .tags-view-wrapper .tags-view-item[data-v-ad7a7ef0] {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 26px;
  line-height: 26px;
  border: 1px solid var(--tags-item-border, #d8dce5);
  color: var(--tags-item-text, #495060);
  background: var(--tags-item-bg, #fff);
  padding: 0 8px;
  font-size: 12px;
  margin-left: 5px;
  margin-top: 4px;
}
.tags-view-container .tags-view-wrapper .tags-view-item[data-v-ad7a7ef0]:first-of-type {
  margin-left: 15px;
}
.tags-view-container .tags-view-wrapper .tags-view-item[data-v-ad7a7ef0]:last-of-type {
  margin-right: 15px;
}
.tags-view-container .tags-view-wrapper .tags-view-item.active[data-v-ad7a7ef0] {
  background-color: #42b983;
  color: #fff;
  border-color: #42b983;
}
.tags-view-container .tags-view-wrapper .tags-view-item.active[data-v-ad7a7ef0]::before {
  content: "";
  background: #fff;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: relative;
  margin-right: 5px;
}
.tags-view-container .tags-view-item.active.has-icon[data-v-ad7a7ef0]::before {
  content: none !important;
}
.tags-view-container .contextmenu[data-v-ad7a7ef0] {
  margin: 0;
  background: var(--el-bg-color-overlay, #fff);
  z-index: 3000;
  position: absolute;
  list-style-type: none;
  padding: 5px 0;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  color: var(--tags-item-text, #333);
  box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);
  border: 1px solid var(--el-border-color-light, #e4e7ed);
}
.tags-view-container .contextmenu li[data-v-ad7a7ef0] {
  margin: 0;
  padding: 7px 16px;
  cursor: pointer;
}
.tags-view-container .contextmenu li[data-v-ad7a7ef0]:hover {
  background: var(--tags-item-hover, #eee);
}.tags-view-wrapper .tags-view-item .el-icon-close {
  width: 16px;
  height: 16px;
  vertical-align: 2px;
  border-radius: 50%;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transform-origin: 100% 50%;
}
.tags-view-wrapper .tags-view-item .el-icon-close:before {
  transform: scale(0.6);
  display: inline-block;
  vertical-align: -3px;
}
.tags-view-wrapper .tags-view-item .el-icon-close:hover {
  background-color: var(--tags-close-hover, #b4bccc);
  color: #fff;
  width: 12px !important;
  height: 12px !important;
}[data-v-051739fd]:export {
  menuText: #bfcbd9;
  menuActiveText: #ffffff;
  menuBg: #001529;
  menuHover: #001529;
  menuLightBg: #ffffff;
  menuLightHover: #e6f7ff;
  menuLightText: #303133;
  menuLightActiveText: #1890ff;
  sideBarWidth: 256px;
  blue: #324157;
  lightBlue: #333c46;
  red: #c03639;
  pink: #e65d6e;
  green: #30b08f;
  tiffany: #4ab7bd;
  yellow: #fec171;
  panGreen: #30b08f;
  colorPrimary: #409eff;
  colorSuccess: #67c23a;
  colorWarning: #e6a23c;
  colorDanger: #f56c6c;
  colorInfo: #909399;
}
[data-v-051739fd]:root {
  /* 亮色模式变量 */
  --sidebar-bg: #001529;
  --sidebar-text: #bfcbd9;
  --menu-hover: #001529;
  --navbar-bg: #ffffff;
  --navbar-text: #303133;
  /* splitpanes default-theme 变量 */
  --splitpanes-default-bg: #ffffff;
}
html.dark[data-v-051739fd] {
  /* 默认通用 */
  --el-bg-color: #141414;
  --el-bg-color-overlay: #1d1e1f;
  --el-text-color-primary: #ffffff;
  --el-text-color-regular: #d0d0d0;
  --el-border-color: #434343;
  --el-border-color-light: #434343;
  /* 侧边栏 */
  --sidebar-bg: #141414;
  --sidebar-text: #ffffff;
  --menu-hover: #2d2d2d;
  --menu-active-text: #ffffff;
  /* 顶部导航栏 */
  --navbar-bg: #141414;
  --navbar-text: #ffffff;
  --navbar-hover: #141414;
  /* 标签栏 */
  --tags-bg: #141414;
  --tags-item-bg: #1d1e1f;
  --tags-item-border: #303030;
  --tags-item-text: #d0d0d0;
  --tags-item-hover: #2d2d2d;
  --tags-close-hover: #64666a;
  /* splitpanes 组件暗黑模式变量 */
  --splitpanes-bg: #141414;
  --splitpanes-border: #303030;
  --splitpanes-splitter-bg: #1d1e1f;
  --splitpanes-splitter-hover-bg: #2d2d2d;
  /* blockquote 暗黑模式变量 */
  --blockquote-bg: #1d1e1f;
  --blockquote-border: #303030;
  --blockquote-text: #d0d0d0;
  /* Cron 时间表达式 模式变量 */
  --cron-border: #303030;
  /* splitpanes default-theme 暗黑模式变量 */
  --splitpanes-default-bg: #141414;
  /* 侧边栏菜单覆盖 */
  /* 顶部栏栏菜单覆盖 */
  /* 分割窗格覆盖 */
  /* 表格样式覆盖 */
  /* 树组件高亮样式覆盖 */
  /* 下拉菜单样式覆盖 */
  /* blockquote样式覆盖 */
  /* 时间表达式标题样式覆盖 */
}
html.dark .sidebar-container .el-menu-item[data-v-051739fd],
html.dark .sidebar-container .menu-title[data-v-051739fd] {
  color: var(--el-text-color-regular);
}
html.dark .sidebar-container .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title[data-v-051739fd], html.dark .sidebar-container .theme-dark .el-sub-menu .el-menu-item[data-v-051739fd] {
  background-color: var(--el-bg-color) !important;
}
html.dark .el-menu--horizontal .el-menu-item[data-v-051739fd]:not(.is-disabled):hover, html.dark .el-menu--horizontal .el-menu-item[data-v-051739fd]:not(.is-disabled):focus {
  background-color: var(--navbar-hover) !important;
}
html.dark .splitpanes[data-v-051739fd] {
  background-color: var(--splitpanes-bg);
}
html.dark .splitpanes .splitpanes__pane[data-v-051739fd] {
  background-color: var(--splitpanes-bg);
  border-color: var(--splitpanes-border);
}
html.dark .splitpanes .splitpanes__splitter[data-v-051739fd] {
  background-color: var(--splitpanes-splitter-bg);
  border-color: var(--splitpanes-border);
}
html.dark .splitpanes .splitpanes__splitter[data-v-051739fd]:hover {
  background-color: var(--splitpanes-splitter-hover-bg);
}
html.dark .splitpanes .splitpanes__splitter[data-v-051739fd]:before, html.dark .splitpanes .splitpanes__splitter[data-v-051739fd]:after {
  background-color: var(--splitpanes-border);
}
html.dark .el-table[data-v-051739fd] {
  --el-table-header-bg-color: var(--el-bg-color-overlay) !important;
  --el-table-header-text-color: var(--el-text-color-regular) !important;
  --el-table-border-color: var(--el-border-color-light) !important;
  --el-table-row-hover-bg-color: var(--el-bg-color-overlay) !important;
}
html.dark .el-table .el-table__header-wrapper th[data-v-051739fd],
html.dark .el-table .el-table__fixed-header-wrapper th[data-v-051739fd] {
  background-color: var(--el-bg-color-overlay, #f8f8f9) !important;
  color: var(--el-text-color-regular, #515a6e);
}
html.dark .el-tree .el-tree-node.is-current > .el-tree-node__content[data-v-051739fd] {
  background-color: var(--el-bg-color-overlay) !important;
  color: var(--el-color-primary);
}
html.dark .el-tree .el-tree-node__content[data-v-051739fd]:hover {
  background-color: var(--el-bg-color-overlay);
}
html.dark .el-dropdown-menu__item[data-v-051739fd]:not(.is-disabled):focus,
html.dark .el-dropdown-menu__item[data-v-051739fd]:not(.is-disabled):hover {
  background-color: var(--navbar-hover) !important;
}
html.dark blockquote[data-v-051739fd] {
  background-color: var(--blockquote-bg) !important;
  border-left-color: var(--blockquote-border) !important;
  color: var(--blockquote-text) !important;
}
html.dark .popup-result .title[data-v-051739fd] {
  background: var(--cron-border);
}
.app-wrapper[data-v-051739fd] {
  position: relative;
  height: 100%;
  width: 100%;
}
.app-wrapper[data-v-051739fd]:after {
  content: "";
  display: table;
  clear: both;
}
.app-wrapper.mobile.openSidebar[data-v-051739fd] {
  position: fixed;
  top: 0;
}
.main-container[data-v-051739fd]:has(.fixed-header) {
  height: 100vh;
  overflow: hidden;
}
.drawer-bg[data-v-051739fd] {
  background: #000;
  opacity: 0.3;
  width: 100%;
  top: 0;
  height: 100%;
  position: absolute;
  z-index: 999;
}
.fixed-header[data-v-051739fd] {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9;
  width: calc(100% - 256px);
  transition: width 0.28s;
}
.hideSidebar .fixed-header[data-v-051739fd] {
  width: calc(100% - 54px);
}
.sidebarHide .fixed-header[data-v-051739fd] {
  width: 100%;
}
.mobile .fixed-header[data-v-051739fd] {
  width: 100%;
}.sub-el-icon,
.nav-icon {
  display: inline-block;
  font-size: 15px;
  margin-right: 12px;
  position: relative;
}
.svg-icon {
  width: 1em;
  height: 1em;
  position: relative;
  fill: currentColor;
  vertical-align: -2px;
}/* 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;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          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%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          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;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.pagination-container[data-v-8c60cd3a] {
  background: #fff;
}
.pagination-container.hidden[data-v-8c60cd3a] {
  display: none;
}
[data-v-f9a120d8] .el-transfer__button {
  border-radius: 50%;
  display: block;
  margin-left: 0px;
}
[data-v-f9a120d8] .el-transfer__button:first-child {
  margin-bottom: 10px;
}
[data-v-f9a120d8] .el-dropdown-menu__item {
  line-height: 30px;
  padding: 0 17px;
}
.check-line[data-v-f9a120d8] {
  width: 90%;
  height: 1px;
  background-color: #ccc;
  margin: 3px auto;
}.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
  margin-left: 1px;
  margin-right: 1px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover {
  background-color: #f3f4f6;
}
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  background-color: #dbeafe;
  color: #2563eb;
}
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #2563eb;
}
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #2563eb;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #4b5563;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #4b5563;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #4b5563;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #4b5563;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #4b5563;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #4b5563;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #4b5563;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
  margin-right: 1px;
  margin-left: 1px;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: flex;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding: 5px 8px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #d1d5db;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #d1d5db;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #d1d5db;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 3px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
  margin: 2px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #d1d5db;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #d1d5db;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #d1d5db;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #d1d5db;
  box-shadow: 0px 0px 5px #d1d5db;
  color: #4b5563;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #d1d5db;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #d1d5db;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #2563eb;
}
.ql-container.ql-snow {
  border: 1px solid #d1d5db;
}

.editor-img-uploader {
  display: none;
}
.editor,
.ql-toolbar {
  white-space: pre-wrap !important;
  line-height: normal !important;
}
.quill-img {
  display: none;
}
.ql-snow .ql-tooltip[data-mode='link']::before {
  content: '请输入链接地址:';
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: '保存';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode='video']::before {
  content: '请输入视频地址:';
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: '14px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='small']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {
  content: '10px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='large']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {
  content: '18px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='huge']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {
  content: '32px';
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: '文本';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='1']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {
  content: '标题1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='2']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {
  content: '标题2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='3']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {
  content: '标题3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='4']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {
  content: '标题4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='5']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {
  content: '标题5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='6']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {
  content: '标题6';
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: '标准字体';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='serif']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {
  content: '衬线字体';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='monospace']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {
  content: '等宽字体';
}
[data-v-a849f13c] .hide .el-upload--picture-card {
  display: none;
}
[data-v-a849f13c] .el-upload.el-upload--picture-card.is-disabled {
  display: none !important;
}.el-image[data-v-bce5d939] {
  border-radius: 5px;
  background-color: #ebeef5;
  box-shadow: 0 0 5px 1px #ccc;
}
.el-image[data-v-bce5d939] .el-image__inner {
  transition: all 0.3s;
  cursor: pointer;
}
.el-image[data-v-bce5d939] .el-image__inner:hover {
  transform: scale(1.2);
}
.el-image[data-v-bce5d939] .image-slot {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #909399;
  font-size: 30px;
}
.el-tag + .el-tag[data-v-00e5bcbc] {
  margin-left: 10px;
}
/* ============================================
全局页面通用样式 - 适用于所有管理页面
============================================ */
/* 1. 页面最外层容器 */
.page-container {
  height: 100%;
  background: #f0f2f5;
  padding: 20px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

/* 2. 顶部区域样式 */
.page-top-section {
  background: #fff;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 16px;
  flex-shrink: 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  /* 表单样式统一 */
}
.page-top-section h2 {
  font-size: 18px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 20px;
  padding: 0;
}
.page-top-section .el-form {
  margin: 0;
}
.page-top-section .el-form .el-form-item {
  margin-bottom: 16px;
  margin-right: 16px;
}
.page-top-section .el-form .el-form-item:last-child {
  margin-right: 0;
}

/* 3. 操作按钮区域样式 - 只修改特定按钮 */
.page-action-buttons {
  display: flex;
  gap: 10px;
  margin-bottom: 16px;
  flex-shrink: 0;
  align-items: center;
  /* 针对 el-row 布局的样式转换 */
  /* 普通按钮样式（商品页面样式）- 只修改特定按钮 */
}
.page-action-buttons .el-row.mb8 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 0;
  width: 100%;
}
.page-action-buttons .el-col {
  flex: none !important;
  width: auto !important;
  max-width: none !important;
  /* 只修改特定的按钮类型，不修改链接按钮 */
}
.page-action-buttons .el-col .el-button:not(.el-button--link) {
  height: 32px;
  padding: 8px 15px;
  font-size: 14px;
  border-radius: 4px;
  line-height: 1;
  border: 1px solid;
  transition: all 0.3s;
  /* 移除 plain 样式，转换为实心按钮 */
}
.page-action-buttons .el-col .el-button:not(.el-button--link).is-plain {
  border: 1px solid !important;
}
.page-action-buttons .el-col .el-button:not(.el-button--link).is-plain.el-button--primary {
  background-color: #409eff !important;
  border-color: #409eff !important;
  color: #fff !important;
}
.page-action-buttons .el-col .el-button:not(.el-button--link).is-plain.el-button--primary:hover {
  background-color: #66b1ff !important;
  border-color: #66b1ff !important;
}
.page-action-buttons .el-col .el-button:not(.el-button--link).is-plain.el-button--info {
  background-color: #67c23a !important; /* 导入按钮改为绿色 */
  border-color: #67c23a !important;
  color: #fff !important;
}
.page-action-buttons .el-col .el-button:not(.el-button--link).is-plain.el-button--info:hover {
  background-color: #85ce61 !important;
  border-color: #85ce61 !important;
}
.page-action-buttons .el-col .el-button:not(.el-button--link).is-plain.el-button--warning {
  background-color: #67c23a !important; /* 导出按钮改为绿色 */
  border-color: #67c23a !important;
  color: #fff !important;
}
.page-action-buttons .el-col .el-button:not(.el-button--link).is-plain.el-button--warning:hover {
  background-color: #85ce61 !important;
  border-color: #85ce61 !important;
}
.page-action-buttons .el-col .el-button:not(.el-button--link).is-plain.el-button--danger {
  background-color: #f56c6c !important;
  border-color: #f56c6c !important;
  color: #fff !important;
}
.page-action-buttons .el-col .el-button:not(.el-button--link).is-plain.el-button--danger:hover {
  background-color: #f78989 !important;
  border-color: #f78989 !important;
}
.page-action-buttons .el-col .el-button:not(.el-button--link).is-plain.el-button--success {
  background-color: #67c23a !important;
  border-color: #67c23a !important;
  color: #fff !important;
}
.page-action-buttons .el-col .el-button:not(.el-button--link).is-plain.el-button--success:hover {
  background-color: #85ce61 !important;
  border-color: #85ce61 !important;
}
.page-action-buttons .el-button:not(.el-button--link) {
  height: 32px;
  padding: 8px 15px;
  font-size: 14px;
  border-radius: 4px;
  line-height: 1;
  border: 1px solid;
  /* 不同类型按钮的颜色 */
}
.page-action-buttons .el-button:not(.el-button--link).el-button--primary {
  background-color: #409eff;
  border-color: #409eff;
  color: #fff;
}
.page-action-buttons .el-button:not(.el-button--link).el-button--primary:hover {
  background-color: #66b1ff;
  border-color: #66b1ff;
}
.page-action-buttons .el-button:not(.el-button--link).el-button--info {
  background-color: #67c23a !important; /* 导入按钮改为绿色 */
  border-color: #67c23a !important;
  color: #fff !important;
}
.page-action-buttons .el-button:not(.el-button--link).el-button--info:hover {
  background-color: #85ce61 !important;
  border-color: #85ce61 !important;
}
.page-action-buttons .el-button:not(.el-button--link).el-button--warning {
  background-color: #67c23a !important; /* 导出按钮改为绿色 */
  border-color: #67c23a !important;
  color: #fff !important;
}
.page-action-buttons .el-button:not(.el-button--link).el-button--warning:hover {
  background-color: #85ce61 !important;
  border-color: #85ce61 !important;
}
.page-action-buttons .el-button:not(.el-button--link).el-button--danger {
  background-color: #f56c6c;
  border-color: #f56c6c;
  color: #fff;
}
.page-action-buttons .el-button:not(.el-button--link).el-button--danger:hover {
  background-color: #f78989;
  border-color: #f78989;
}
.page-action-buttons .el-button:not(.el-button--link).el-button--success {
  background-color: #67c23a;
  border-color: #67c23a;
  color: #fff;
}
.page-action-buttons .el-button:not(.el-button--link).el-button--success:hover {
  background-color: #85ce61;
  border-color: #85ce61;
}

/* 4. 表格区域样式 */
.page-table-section {
  background: #fff;
  border-radius: 8px;
  padding: 20px 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

/* 5. 表格内部样式 */
.page-table-wrapper {
  flex: 1;
  overflow: hidden;
  padding: 0 20px;
}
.page-table-wrapper .el-table {
  height: 100% !important;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.page-table-wrapper .el-table .el-table__header th {
  background: #1890ff !important;
  color: #fff !important;
  padding: 12px 0;
  font-weight: 500;
  border: none;
}
.page-table-wrapper .el-table .el-table__header th.blue-header {
  background: #1890ff !important;
  color: #fff !important;
}
.page-table-wrapper .el-table .el-table__header th .cell {
  white-space: pre-line;
  line-height: 1.4;
  font-weight: 500;
}
.page-table-wrapper .el-table .el-table__body tr:hover > td {
  background-color: #f5f7fa !important;
}
.page-table-wrapper .el-pagination {
  padding: 16px 0;
  justify-content: flex-end;
}

/* 6. 表格单元格通用样式 */
.tax-item {
  display: flex;
  justify-content: space-between;
  line-height: 1.6;
  font-size: 12px;
}
.tax-item .tax-date {
  color: #1890ff;
  text-decoration: underline;
  cursor: pointer;
}
.tax-item .tax-rate {
  color: #606266;
}

.warning-yes {
  color: #e6a23c;
}

.warning-no {
  color: #909399;
}

/* 7. 异常提醒按钮特殊样式 */
.exception-button {
  color: #e6a23c !important;
  border-color: #e6a23c !important;
  background-color: transparent !important;
}
.exception-button:hover {
  color: #fff !important;
  background-color: #e6a23c !important;
  border-color: #e6a23c !important;
}

/* ============================================
   按钮样式覆盖 - 专门处理导入导出按钮
   ============================================ */
/* 1. 强制覆盖所有页面中的导入导出按钮样式 */
.page-container {
  /* 导入按钮 - 统一为绿色 */
  /* 2. 特殊处理：批量导入和批量导出按钮 */
}
.page-container .el-button.el-button--info:not(.el-button--link),
.page-container .el-button.el-button--warning:not(.el-button--link),
.page-container .el-button[icon=Upload]:not(.el-button--link),
.page-container .el-button[icon^=Upload]:not(.el-button--link),
.page-container .el-button[icon=Download]:not(.el-button--link),
.page-container .el-button[icon^=Download]:not(.el-button--link) {
  /* 强制改为绿色（success）样式 */
  background-color: #67c23a !important;
  border-color: #67c23a !important;
  color: #fff !important;
  /* 隐藏图标 */
}
.page-container .el-button.el-button--info:not(.el-button--link):hover,
.page-container .el-button.el-button--warning:not(.el-button--link):hover,
.page-container .el-button[icon=Upload]:not(.el-button--link):hover,
.page-container .el-button[icon^=Upload]:not(.el-button--link):hover,
.page-container .el-button[icon=Download]:not(.el-button--link):hover,
.page-container .el-button[icon^=Download]:not(.el-button--link):hover {
  background-color: #85ce61 !important;
  border-color: #85ce61 !important;
}
.page-container .el-button.el-button--info:not(.el-button--link):focus,
.page-container .el-button.el-button--warning:not(.el-button--link):focus,
.page-container .el-button[icon=Upload]:not(.el-button--link):focus,
.page-container .el-button[icon^=Upload]:not(.el-button--link):focus,
.page-container .el-button[icon=Download]:not(.el-button--link):focus,
.page-container .el-button[icon^=Download]:not(.el-button--link):focus {
  background-color: #5daf34 !important;
  border-color: #5daf34 !important;
}
.page-container .el-button.el-button--info:not(.el-button--link):active,
.page-container .el-button.el-button--warning:not(.el-button--link):active,
.page-container .el-button[icon=Upload]:not(.el-button--link):active,
.page-container .el-button[icon^=Upload]:not(.el-button--link):active,
.page-container .el-button[icon=Download]:not(.el-button--link):active,
.page-container .el-button[icon^=Download]:not(.el-button--link):active {
  background-color: #5daf34 !important;
  border-color: #5daf34 !important;
}
.page-container .el-button.el-button--info:not(.el-button--link) i, .page-container .el-button.el-button--info:not(.el-button--link) .el-icon,
.page-container .el-button.el-button--warning:not(.el-button--link) i,
.page-container .el-button.el-button--warning:not(.el-button--link) .el-icon,
.page-container .el-button[icon=Upload]:not(.el-button--link) i,
.page-container .el-button[icon=Upload]:not(.el-button--link) .el-icon,
.page-container .el-button[icon^=Upload]:not(.el-button--link) i,
.page-container .el-button[icon^=Upload]:not(.el-button--link) .el-icon,
.page-container .el-button[icon=Download]:not(.el-button--link) i,
.page-container .el-button[icon=Download]:not(.el-button--link) .el-icon,
.page-container .el-button[icon^=Download]:not(.el-button--link) i,
.page-container .el-button[icon^=Download]:not(.el-button--link) .el-icon {
  display: none !important;
}
.page-container .el-button:contains("导入"):not(.el-button--link),
.page-container .el-button:contains("导出"):not(.el-button--link),
.page-container .el-button:contains("Import"):not(.el-button--link),
.page-container .el-button:contains("Export"):not(.el-button--link) {
  /* 这个选择器在一些浏览器中可能不支持，作为备用方案 */
  background-color: #67c23a !important;
  border-color: #67c23a !important;
  color: #fff !important;
}
.page-container .el-button:contains("导入"):not(.el-button--link):hover,
.page-container .el-button:contains("导出"):not(.el-button--link):hover,
.page-container .el-button:contains("Import"):not(.el-button--link):hover,
.page-container .el-button:contains("Export"):not(.el-button--link):hover {
  background-color: #85ce61 !important;
  border-color: #85ce61 !important;
}

/* 3. 操作按钮区域特殊处理 */
.page-action-buttons {
  /* 批量操作按钮统一为绿色 */
  /* 确保新增、编辑等主要操作保持蓝色 */
  /* 确保删除等危险操作保持红色 */
}
.page-action-buttons .el-button:not(.el-button--primary):not(.el-button--danger):not(.el-button--warning):not(.el-button--link) {
  /* 除了主按钮和危险按钮外，其他都改为绿色 */
  background-color: #67c23a !important;
  border-color: #67c23a !important;
  color: #fff !important;
}
.page-action-buttons .el-button:not(.el-button--primary):not(.el-button--danger):not(.el-button--warning):not(.el-button--link):hover {
  background-color: #85ce61 !important;
  border-color: #85ce61 !important;
}
.page-action-buttons .el-button.el-button--primary:not(.el-button--link) {
  background-color: #409eff !important;
  border-color: #409eff !important;
  color: #fff !important;
}
.page-action-buttons .el-button.el-button--danger:not(.el-button--link) {
  background-color: #f56c6c !important;
  border-color: #f56c6c !important;
  color: #fff !important;
}

/* ============================================
   用户管理页面特殊处理 - 保持某些按钮原有样式
   ============================================ */
/* 用户管理页面整体样式 */
.page-container.user-management {
  /* splitpanes 布局适配 */
  /* 左侧部门树区域 - 保持原有样式 */
  /* 右侧搜索区域 */
  /* 操作按钮区域 */
  /* 表格区域 */
}
.page-container.user-management :deep(.splitpanes) {
  height: calc(100vh - 40px);
}
.page-container.user-management :deep(.splitpanes) .splitpanes__pane {
  padding: 0;
  display: flex;
  flex-direction: column;
}
.page-container.user-management .head-container:first-child {
  margin-bottom: 20px;
}
.page-container.user-management .head-container:last-child {
  flex: 1;
  overflow: hidden;
}
.page-container.user-management .page-top-section {
  margin-bottom: 16px;
}
.page-container.user-management .page-top-section .el-form {
  margin: 0;
}
.page-container.user-management .page-top-section .el-form .el-form-item {
  margin-bottom: 16px;
  margin-right: 16px;
}
.page-container.user-management .page-top-section .el-form .el-form-item:last-child {
  margin-right: 0;
}
.page-container.user-management .page-action-buttons {
  margin-bottom: 16px;
  /* 搜索和重置按钮保持原有样式 */
  /* 显隐列按钮保持原有样式 */
}
.page-container.user-management .page-action-buttons .el-button[icon=Search],
.page-container.user-management .page-action-buttons .el-button[icon=Refresh] {
  /* 恢复原有样式 - 不应用全局样式 */
  border: 1px solid;
  background-color: var(--el-color-primary);
  border-color: var(--el-color-primary);
  color: #fff;
  /* 显示图标 */
}
.page-container.user-management .page-action-buttons .el-button[icon=Search].el-button--primary,
.page-container.user-management .page-action-buttons .el-button[icon=Refresh].el-button--primary {
  background-color: var(--el-color-primary);
  border-color: var(--el-color-primary);
}
.page-container.user-management .page-action-buttons .el-button[icon=Search] .el-icon,
.page-container.user-management .page-action-buttons .el-button[icon=Refresh] .el-icon {
  display: inline-block;
  margin-right: 5px;
}
.page-container.user-management .page-action-buttons .right-toolbar {
  flex: 1;
  text-align: right;
}
.page-container.user-management .page-action-buttons .right-toolbar .el-button {
  /* 恢复原有样式 */
  border: 1px solid #dcdfe6;
  background: #fff;
  color: #606266;
}
.page-container.user-management .page-action-buttons .right-toolbar .el-button:hover {
  color: #409eff;
  border-color: #c6e2ff;
  background-color: #ecf5ff;
}
.page-container.user-management .page-action-buttons .right-toolbar .el-button .el-icon {
  display: inline-block;
  font-size: 14px;
  margin-right: 5px;
}
.page-container.user-management .page-table-section {
  flex: 1;
  margin-top: 0;
}
.page-container.user-management .page-table-section .page-table-wrapper {
  height: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
  /* 用户管理表格特殊处理 */
}
.page-container.user-management .page-table-section .page-table-wrapper .el-table {
  flex: 1;
  /* 表格头部保持全局样式 */
  /* 表格操作列按钮特殊处理 - 保持原有样式 */
}
.page-container.user-management .page-table-section .page-table-wrapper .el-table .el-table__header th {
  background: #1890ff !important;
  color: #fff !important;
}
.page-container.user-management .page-table-section .page-table-wrapper .el-table .el-button--link {
  /* 恢复原有样式 */
  padding: 0;
  background: transparent;
  border: none;
  color: #409eff;
  /* 显示图标 */
}
.page-container.user-management .page-table-section .page-table-wrapper .el-table .el-button--link:hover {
  color: #66b1ff;
}
.page-container.user-management .page-table-section .page-table-wrapper .el-table .el-button--link .el-icon {
  display: inline-block;
  font-size: 14px;
}
.page-container.user-management .page-table-section .page-table-wrapper .el-pagination {
  margin-top: 16px;
  padding: 12px 0;
  justify-content: flex-end;
}

/* 8. 重要：确保表格中的链接按钮不受全局样式影响 */
.page-container .el-table .el-button--link {
  /* 完全恢复原生样式 */
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  color: #409eff !important;
  /* 确保图标显示 */
  /* 移除所有全局样式覆盖 */
}
.page-container .el-table .el-button--link:hover {
  color: #66b1ff !important;
  background: transparent !important;
  border: none !important;
}
.page-container .el-table .el-button--link i, .page-container .el-table .el-button--link .el-icon {
  display: inline-block !important;
  font-size: 14px !important;
  margin-right: 4px !important;
}
.page-container .el-table .el-button--link.is-plain {
  border: none !important;
  background: transparent !important;
}/* ============================================
   按钮样式覆盖 - 专门处理导入导出按钮
   ============================================ */
/* 1. 强制覆盖所有页面中的导入导出按钮样式 */
.page-container {
  /* 导入按钮 - 统一为绿色 */
  /* 2. 特殊处理：批量导入和批量导出按钮 */
}
.page-container .el-button.el-button--info,
.page-container .el-button.el-button--warning,
.page-container .el-button[icon=Upload],
.page-container .el-button[icon^=Upload],
.page-container .el-button[icon=Download],
.page-container .el-button[icon^=Download] {
  /* 强制改为绿色（success）样式 */
  background-color: #67c23a !important;
  border-color: #67c23a !important;
  color: #fff !important;
  /* 隐藏图标 */
}
.page-container .el-button.el-button--info:hover,
.page-container .el-button.el-button--warning:hover,
.page-container .el-button[icon=Upload]:hover,
.page-container .el-button[icon^=Upload]:hover,
.page-container .el-button[icon=Download]:hover,
.page-container .el-button[icon^=Download]:hover {
  background-color: #85ce61 !important;
  border-color: #85ce61 !important;
}
.page-container .el-button.el-button--info:focus,
.page-container .el-button.el-button--warning:focus,
.page-container .el-button[icon=Upload]:focus,
.page-container .el-button[icon^=Upload]:focus,
.page-container .el-button[icon=Download]:focus,
.page-container .el-button[icon^=Download]:focus {
  background-color: #5daf34 !important;
  border-color: #5daf34 !important;
}
.page-container .el-button.el-button--info:active,
.page-container .el-button.el-button--warning:active,
.page-container .el-button[icon=Upload]:active,
.page-container .el-button[icon^=Upload]:active,
.page-container .el-button[icon=Download]:active,
.page-container .el-button[icon^=Download]:active {
  background-color: #5daf34 !important;
  border-color: #5daf34 !important;
}
.page-container .el-button.el-button--info i, .page-container .el-button.el-button--info .el-icon,
.page-container .el-button.el-button--warning i,
.page-container .el-button.el-button--warning .el-icon,
.page-container .el-button[icon=Upload] i,
.page-container .el-button[icon=Upload] .el-icon,
.page-container .el-button[icon^=Upload] i,
.page-container .el-button[icon^=Upload] .el-icon,
.page-container .el-button[icon=Download] i,
.page-container .el-button[icon=Download] .el-icon,
.page-container .el-button[icon^=Download] i,
.page-container .el-button[icon^=Download] .el-icon {
  display: none !important;
}
.page-container .el-button:contains("导入"),
.page-container .el-button:contains("导出"),
.page-container .el-button:contains("Import"),
.page-container .el-button:contains("Export") {
  /* 这个选择器在一些浏览器中可能不支持，作为备用方案 */
  background-color: #67c23a !important;
  border-color: #67c23a !important;
  color: #fff !important;
}
.page-container .el-button:contains("导入"):hover,
.page-container .el-button:contains("导出"):hover,
.page-container .el-button:contains("Import"):hover,
.page-container .el-button:contains("Export"):hover {
  background-color: #85ce61 !important;
  border-color: #85ce61 !important;
}

/* 3. 操作按钮区域特殊处理 */
.page-action-buttons {
  /* 批量操作按钮统一为绿色 */
  /* 确保新增、编辑等主要操作保持蓝色 */
  /* 确保删除等危险操作保持红色 */
}
.page-action-buttons .el-button:not(.el-button--primary):not(.el-button--danger):not(.el-button--warning) {
  /* 除了主按钮和危险按钮外，其他都改为绿色 */
  background-color: #67c23a !important;
  border-color: #67c23a !important;
  color: #fff !important;
}
.page-action-buttons .el-button:not(.el-button--primary):not(.el-button--danger):not(.el-button--warning):hover {
  background-color: #85ce61 !important;
  border-color: #85ce61 !important;
}
.page-action-buttons .el-button.el-button--primary {
  background-color: #409eff !important;
  border-color: #409eff !important;
  color: #fff !important;
}
.page-action-buttons .el-button.el-button--danger {
  background-color: #f56c6c !important;
  border-color: #f56c6c !important;
  color: #fff !important;
}