@charset "UTF-8";
/*fade*/
.fade-enter-active,
.fade-leave-active {
  -webkit-transition: opacity 0.28s;
  transition: opacity 0.28s;
}
.fade-enter,
.fade-leave-active {
  opacity: 0;
}
/*fade*/
.breadcrumb-enter-active,
.breadcrumb-leave-active {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.breadcrumb-enter,
.breadcrumb-leave-active {
  opacity: 0;
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}
.breadcrumb-move {
  -webkit-transition: all 0.5s;
  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;
  min-width: 60px;
}
.status-col .cell {
  padding: 0 10px;
  text-align: center;
}
.status-col .cell .el-tag {
  margin-right: 0px;
}
.el-dialog {
  -webkit-transform: none;
          transform: none;
  left: 0;
  position: relative;
  margin-bottom: 0 !important;
}
.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: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
.el-range-separator {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.el-button {
  padding: 9px 19px !important;
  font-size: 12px !important;
}
.el-button--mini {
  padding: 7px 10px !important;
  min-width: 60px !important;
}
.el-button--primary {
  background-color: #007dff;
}
.el-input {
  font-size: 12px !important;
}
.cascader-sty .el-cascader {
  width: 50%;
  min-width: 260px;
}
.cascader-search {
  width: 300px;
}
.cascader-search .el-form-item__content {
  width: 100% !important;
}
.el-input__suffix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.el-cascader {
  line-height: 32px !important;
  width: 100%;
}
.el-cascader .el-input {
  width: 100%;
}
.el-cascader .el-input__suffix {
  top: -3px;
}
.el-cascader .el-cascader__tags .el-tag {
  max-width: 40%;
}
.el-cascader .el-cascader__tags .el-tag .el-tag__close {
  display: inline-block;
}
.multiple-cascader {
  width: 300px !important;
}
.el-input__inner {
  max-height: 32px !important;
  line-height: 32px !important;
}
.el-input__prefix .el-icon-time {
  line-height: 32px !important;
}
.el-input__icon.el-icon-circle-close.el-input__clear, .el-input__prefix .el-icon-search {
  line-height: 32px !important;
}
.auto-height-select .el-input__inner {
  max-height: none !important;
  line-height: 32px !important;
}
.cascader-input .el-input__inner {
  max-height: 2000px !important;
  line-height: 32px !important;
}
.cascader-input .el-input__inner .el-cascader__tags .el-tag .el-tag__close {
  display: none;
}
.el-form-item__content .el-input-group {
  vertical-align: unset;
}
.el-form-item__label {
  font-size: 12px !important;
}
.el-form-item__content {
  line-height: 32px !important;
}
.el-date-editor--daterange.el-input__inner {
  width: 260px !important;
  height: 32px !important;
}
.el-date-editor .el-range__icon {
  line-height: 24px !important;
}
.el-date-editor .el-icon-circle-close::before {
  line-height: 26px !important;
}
.el-date-editor .el-range-separator {
  line-height: 24px !important;
}
.el-date-editor .el-range__close-icon {
  line-height: 24px !important;
}
.el-date-editor .el-range-input {
  font-size: 12px !important;
}
.el-select .el-input .el-select__caret {
  line-height: 32px !important;
}
.el-form--inline .el-form-item {
  margin-right: 20px !important;
  margin-bottom: 12px !important;
}
.el-form--inline .el-form-item .el-form-item--default {
  margin-right: 0 !important;
}
.el-table thead {
  color: #101426 !important;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
}
.el-table thead th {
  background: #f5f6fa;
}
.el-table tbody {
  font-size: 12px;
  line-height: 20px;
}
.el-table tbody td {
  padding: 0;
}
.el-table th.gutter {
  display: table-cell !important;
}
.el-table colgroup.gutter {
  display: table-cell !important;
}
.el-pagination {
  text-align: right;
  padding: 10px 5px !important;
}
.el-table__expanded-cell[class*=cell] {
  padding: 0 !important;
}
.el-table__expanded-cell {
  border-bottom: 0px !important;
}
.text-expand .el-table__body-wrapper {
  overflow-x: hidden !important;
}
.input-drop-down .el-input-group__append {
  padding: 0 0 0 20px !important;
}
.custom-table > .el-table,
.custom-table-tab > .el-table {
  height: calc(100vh - var(--height)) !important;
  max-height: calc(100vh - var(--height)) !important;
}
.custom-right-bottom-table > .el-table {
  height: calc(100vh - var(--height)) !important;
  max-height: calc(100vh - var(--height)) !important;
}
.custom-tab-right-bottom-table > .el-table {
  height: calc(100vh - 380px) !important;
  max-height: calc(100vh - 380px) !important;
}
.custom-tab-full-table > .el-table {
  height: calc(100vh - 220px) !important;
  max-height: calc(100vh - 220px) !important;
}
.common-table > .el-table {
  height: calc(100vh - 200px) !important;
  max-height: calc(100vh - 200px) !important;
}
.custom-table-tab-dialog > .el-table {
  height: calc(100vh - 150px) !important;
  max-height: calc(100vh - 150px) !important;
}
@media screen and (max-width: 2560px) {
  .custom-table-dialog .el-table {
    height: calc(100vh - 220px) !important;
    max-height: calc(100vh - 220px) !important;
  }
}
@media screen and (max-width: 2560px) {
  .custom-two-table-dialog .el-table {
    height: calc(100vh - 270px) !important;
    max-height: calc(100vh - 270px) !important;
  }
}
@media screen and (max-width: 2560px) {
  .special-custom-table .el-table {
    height: calc(100vh - 520px) !important;
    max-height: calc(100vh - 520px) !important;
  }
}
.special-custom-table tr.el-table__row.el-table__row--striped.cellClass > td {
  background: #f5f5f5;
}
.special-custom-table tr.el-table__row.cellClass > td {
  background: #f5f5f5;
}
.tags-view-wrapper .tags-view-item .el-icon-close:before {
  color: #4379ee;
}
.el-table .cell {
  line-height: unset;
}
.el-table .cell .el-form-item {
  margin-top: 16px;
}
.cus-dialog-full .el-dialog {
  margin-top: 0 !important;
  height: 100vh;
}
.cus-dialog-full .el-dialog .el-dialog__body {
  height: calc(100vh - 92px);
  max-height: calc(100vh - 92px);
  overflow-y: auto;
}
.cus-dialog-full .el-dialog .el-dialog__footer {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.cus-dialog-table-full .el-dialog {
  margin-top: 0 !important;
  height: 100vh;
}
.cus-dialog-table-full .el-dialog .el-dialog__footer {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.cus-dialog-fixed .el-dialog {
  margin-top: 80px !important;
  height: calc(100vh - 160px);
}
.cus-dialog-fixed .el-dialog .el-dialog__body {
  height: calc(100vh - 266px);
  max-height: calc(100vh - 252px);
  overflow-y: auto;
}
.cus-dialog-fixed .el-dialog .el-dialog__footer {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.cus-dialog-part .el-dialog {
  margin-top: 180px !important;
  height: calc(100vh - 360px);
}
.cus-dialog-part .el-dialog .el-dialog__body {
  height: calc(100vh - 352px);
  max-height: calc(100vh - 352px);
  overflow-y: auto;
}
.cus-dialog-part .el-dialog .el-dialog__footer {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.custom-table .cellClass .cell {
  max-height: 80px;
}
.custom-table .cellClass div {
  max-height: 80px;
}
.custom-dialog .el-dialog {
  border-radius: 12px;
}
.custom-dialog .el-dialog .el-dialog__header {
  border-bottom: 1px solid #f0f1f3;
  padding: 10px 24px;
}
.custom-dialog .el-dialog .el-dialog__header .el-dialog__title {
  font-size: 16px;
  line-height: 21px;
  color: #0c1232;
}
.custom-dialog .el-dialog .el-dialog__header .el-dialog__headerbtn {
  position: absolute;
  top: 12px;
  right: 24px;
  padding: 0;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 16px;
}
.custom-dialog .el-dialog .el-dialog__body {
  padding: 20px 30px 0px 30px;
}
.custom-dialog .el-dialog .el-dialog__body .el-form-item {
  margin-bottom: 20px !important;
}
.custom-dialog .el-dialog .el-dialog__footer {
  padding: 15px 20px;
  border-top: 1px solid #f0f1f3;
  background-color: #fff;
  border-radius: 0 0 12px 12px;
  z-index: 10000;
}
.custom-dialog .el-dialog .el-dialog__footer .el-button {
  padding: 10px 36px !important;
  font-size: 12px !important;
}
.custom-dialog .el-dialog .el-dialog__footer .el-button--default {
  color: #000;
  background-color: #f5f6f6;
}
.custom-dialog .el-dialog .el-dialog__footer .el-button--default:hover {
  color: #000;
  background-color: #ededed;
  border-color: #ededed;
}
.custom-dialog .el-dialog .el-dialog__footer .el-button--primary {
  background-color: #3e92ef;
  color: #fff;
}
.custom-dialog .el-dialog .el-dialog__footer .el-button--primary:hover {
  background-color: #3389eb;
  border-color: #3389eb;
  color: #fff;
}
.el-dialog-form .el-form-item {
  width: 100%;
}
.el-dialog-form .el-form-item .el-form-item__label {
  line-height: 22px;
}
.el-select {
  width: 100%;
}
.el-select.is-collapse .el-select__tags .el-tag:nth-child(1) {
  width: 45%;
}
.el-input-number {
  width: 100% !important;
}
.cascader-sty .el-cascader {
  width: 100%;
}
.el-dialog .el-date-editor.el-input,
.el-dialog .el-date-editor.el-input__inner {
  width: 100% !important;
}
.el-dialog .el-date-editor .el-input__icon {
  line-height: 32px;
}
.input-with-select .el-input-group__append {
  padding: 0 !important;
}
.input-with-select .el-input-group__append .el-select {
  margin: 0 !important;
  margin-top: -2px !important;
}
.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.el-scrollbar__bar {
  opacity: 1 !important;
}
.el-table th.el-table__cell {
  background-color: #f5f7fa !important;
}
.compose-form-one .el-input__inner {
  border-right: none;
  border-radius: 4px 0px 0px 4px;
  background-color: #f5f7fa;
  color: #909399;
}
.compose-form-two {
  border-radius: 0px 4px 4px 0px !important;
}
.compose-form-two .el-input__inner {
  border-radius: 0px 4px 4px 0px;
}
.rate-sty {
  height: 40px;
  line-height: 40px;
}
.rate-sty .el-rate__text {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin-bottom: 2px;
}
.rate-sty .el-rate__item {
  height: 40px;
  vertical-align: top;
}
.rate-sty .el-rate__item .el-rate__icon {
  height: 40px;
  line-height: 40px;
}
.el-table td > .cell .el-button.table-btn {
  padding: 0 18px !important;
  color: #fff !important;
  height: 30px;
}
.el-table td > .cell .el-button.table-btn-plain {
  padding: 0 18px !important;
  height: 30px;
}
.el-table td > .cell .el-button.table-btn-nobg {
  padding: 0 18px !important;
  height: 30px;
  color: #606266 !important;
}
.el-table td > .cell .el-button.table-btn-nobg:hover {
  color: #409eff !important;
}
.el-table td > .cell .el-button.table-grey-btn {
  padding: 0 18px !important;
  color: #fff !important;
  background-color: #acacac;
  border: 1px solid #acacac;
  height: 30px;
}
.el-table td > .cell .el-button--text.table-grey-text-btn {
  color: #acacac !important;
}
.el-step .is-finish .el-step__line {
  background-color: #409eff;
}
.bg-button--design {
  padding: 10px 36px !important;
  font-size: 12px !important;
  background-color: #3e92ef !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
}
.bg-button--design:hover {
  border: none !important;
  background-color: #3389eb !important;
}
.bg-button--design:active {
  border: none !important;
  background-color: #3389eb !important;
}
.default-button--design {
  padding: 10px 36px !important;
  font-size: 12px !important;
  border: none !important;
  color: #000 !important;
  background-color: #f5f6f6 !important;
}
.default-button--design:hover {
  border: none !important;
  background-color: #ededed !important;
}
.default-button--design:active {
  border: none !important;
  background-color: #ededed !important;
}
#app .main-container {
  min-height: 100%;
  -webkit-transition: margin-left 0.28s;
  transition: margin-left 0.28s;
  margin-left: 230px;
  position: relative;
}
#app .sidebar-container {
  -webkit-transition: width 0.28s;
  transition: width 0.28s;
  width: 230px !important;
  background-color: #fff;
  height: 100%;
  position: fixed;
  font-size: 0px;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  overflow: hidden;
}
#app .sidebar-container .nest-menu .el-menu-item > span, #app .sidebar-container .nest-menu .el-submenu__title > span {
  display: block;
  padding-left: 32px !important;
}
#app .sidebar-container .horizontal-collapse-transition {
  -webkit-transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
  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% - 110px);
}
#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 .sub-el-icon {
  margin-right: 12px;
  margin-left: -2px;
}
#app .sidebar-container .el-menu {
  border: none;
  height: 100%;
  width: 100% !important;
}
#app .sidebar-container .submenu-title-noDropdown i,
#app .sidebar-container .el-submenu__title i {
  color: #c6ccd8 !important;
}
#app .sidebar-container .submenu-title-noDropdown:hover,
#app .sidebar-container .el-submenu__title:hover {
  background-color: #f5f6fa !important;
}
#app .sidebar-container li.el-menu-item.is-active {
  border-right: 5px solid #409eff;
  background-color: #f5f6fa !important;
}
#app .sidebar-container li.el-menu-item.is-active.submenu-title-noDropdown {
  padding-left: 15px !important;
}
#app .sidebar-container li.el-menu-item.is-active.submenu-title-noDropdown .el-tooltip {
  margin-left: -3px !important;
}
#app .sidebar-container .nest-menu .el-submenu > .el-submenu__title, #app .sidebar-container .el-submenu .el-menu-item {
  min-width: 230px !important;
  background-color: #fff !important;
}
#app .sidebar-container .nest-menu .el-submenu > .el-submenu__title:hover, #app .sidebar-container .el-submenu .el-menu-item:hover {
  background-color: #f5f6fa !important;
}
#app .hideSidebar .sidebar-container {
  width: 80px !important;
}
#app .hideSidebar .main-container {
  margin-left: 80px;
}
#app .hideSidebar .el-menu--collapse .el-submenu > .el-submenu__title > span {
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
  display: inline-block;
}
#app .el-menu--collapse .el-menu .el-submenu {
  min-width: 230px !important;
}
#app .mobile .main-container {
  margin-left: 0px;
}
#app .mobile .sidebar-container {
  -webkit-transition: -webkit-transform 0.28s;
  transition: -webkit-transform 0.28s;
  transition: transform 0.28s;
  transition: transform 0.28s, -webkit-transform 0.28s;
  width: 230px !important;
}
#app .mobile.hideSidebar .sidebar-container {
  pointer-events: none;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transform: translate3d(-230px, 0, 0);
          transform: translate3d(-230px, 0, 0);
}
#app .withoutAnimation .main-container,
#app .withoutAnimation .sidebar-container {
  -webkit-transition: none;
  transition: none;
}
.el-menu--vertical > .el-menu .svg-icon {
  margin-right: 16px;
}
.el-menu--vertical > .el-menu .sub-el-icon {
  margin-right: 12px;
  margin-left: -2px;
}
.el-menu--vertical .nest-menu .el-submenu > .el-submenu__title:hover,
.el-menu--vertical .el-menu-item:hover {
  background-color: #f5f6fa !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;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino, Microsoft YaHei, Arial, sans-serif !important;
  background: #f5f6fa;
}
label {
  font-weight: 700;
}
html {
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#app {
  height: 100%;
}
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          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: #20a0ff;
}
.app-home {
  /* margin-top: 40px;
  margin-left: 120px;
  margin-right: 120px; */
  margin: 10px 24px 10px 24px;
  padding: 20px 24px 50px 24px;
  background: white;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.app-container {
  margin: 10px 24px 10px 24px;
  padding: 20px 24px 0 24px;
  background: white;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  height: calc(100vh - 130px) !important;
}
.not-fixed-container {
  margin: 10px 24px 10px 24px;
  padding: 20px 24px 0 24px;
  background: white;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  min-height: calc(100vh - 130px) !important;
}
.app-tab-container {
  margin: 10px 24px 10px 24px;
  padding: 20px 24px 50px 24px;
  background: white;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  height: calc(100vh - 130px) !important;
}
.full-tab-container {
  padding: 20px 24px 0 24px;
  background: white;
  height: 100% !important;
  overflow: auto;
}
.adapta-tab-container {
  height: 100vh !important;
}
.cardHd {
  min-height: calc(100vh - 200px) !important;
  overflow: auto;
}
.all-cardHd {
  background: white;
  height: 100vh !important;
  overflow: auto;
}
.components-container {
  margin: 30px 50px;
  position: relative;
}
.pagination-sty {
  display: inline-block;
  margin-top: 0;
}
.pagination-sty-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.text-center {
  text-align: center;
}
.sub-navbar {
  height: 50px;
  line-height: 50px;
  position: relative;
  width: 100%;
  text-align: right;
  padding-right: 20px;
  -webkit-transition: 600ms ease position;
  transition: 600ms ease position;
  background: -webkit-gradient(linear, left top, right top, from(#20b6f9), color-stop(0%, #20b6f9), color-stop(100%, #2178f1), to(#2178f1));
  background: linear-gradient(90deg, #20b6f9 0%, #20b6f9 0%, #2178f1 100%, #2178f1 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: #20a0ff;
}
.text-ep {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ep-two {
  word-break: break-all;
  overflow: hidden;
  line-height: 20px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.text-ep-three {
  word-break: break-all;
  overflow: hidden;
  line-height: 20px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.text-ep-one {
  word-break: break-all;
  overflow: hidden;
  line-height: 20px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.text-ep-one-noheight {
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.text-wrap {
  white-space: pre-wrap;
}
.text-popover {
  max-height: 400px;
  overflow: auto;
}
.filter-container {
  padding-bottom: 10px;
}
.filter-container .filter-item {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
}
.multiselect {
  white-space: pre-wrap;
}
.text-popover {
  max-height: 400px;
  overflow: auto;
}
.filter-container {
  padding-bottom: 10px;
}
.filter-container .filter-item {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
}
.multiselect {
  line-height: 16px;
}
.multiselect--active {
  z-index: 1000 !important;
}
.el-cascader input::-webkit-input-placeholder {
  font-size: 12px !important;
}
.el-cascader input::-moz-placeholder {
  font-size: 12px !important;
}
.el-cascader input::-ms-input-placeholder {
  font-size: 12px !important;
}
.el-cascader input::placeholder {
  font-size: 12px !important;
}
.el-table td > .cell .el-button.mark-red {
  color: #fb4a46 !important;
}
.mark-red {
  color: #fb4a46 !important;
}
p {
  margin: 0;
  padding: 0;
}
ul,
li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.el-table td > .cell .el-button--text {
  padding: 0 !important;
  color: #007dff !important;
}
@media (min-width: 1360px) and (max-width: 1921px) {
  .el-table__cell {
    padding: 2px !important;
  }

  .el-table td > .cell {
    padding: 6px 10px !important;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  .el-table td > .cell {
    padding: 12px 10px !important;
  }
}
.el-button-default {
  color: #000 !important;
  background-color: #f5f6f6 !important;
}
.el-button-default:hover {
  color: #000;
  background-color: #ededed !important;
  border-color: #ededed !important;
}
.el-button-primary {
  color: #fff !important;
  background-color: #3e92ef !important;
}
.el-button-primary:hover {
  background-color: #3389eb !important;
  border-color: #3389eb !important;
}
.middle-btn-normal,
.middle-btn-unimportant {
  height: 32px;
  border-radius: 2px;
}
.el-select .el-input.is-focus .el-input__inner {
  border-color: #dcdfe6;
}
.independent-select-style {
  width: 100px;
}
.independent-select-style .el-input {
  padding-right: 12px;
  width: 100px;
}
.independent-select-style .el-input__inner {
  height: 32px;
  width: 100px;
  background: #f5f6fa;
  border-radius: 4px 0px 0px 4px;
  border-right: none;
}
.independent-select-style .el-input__inner:focus {
  border-color: #dcdfe6;
}
.independent-picker-style {
  border-radius: 0px 4px 4px 0px;
}
.h-40 {
  height: 40px !important;
}
.function-btn {
  border-top: 1px solid #dfe6ec;
  padding: 14px 0;
}
.dialog-form .el-form-item {
  height: 32px;
  margin-bottom: 16px !important;
}
.dialog-form .el-form-item .el-form-item__label {
  height: 32px;
  line-height: 32px;
}
.dialog-full .el-dialog {
  margin-top: 0 !important;
  height: 100% !important;
  width: 80%;
}
.disable-grey span {
  color: #9da0ad !important;
}
.contextmenu {
  margin: 0;
  background: #fff;
  z-index: 3000;
  position: absolute;
  list-style-type: none;
  padding: 5px 0;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  -webkit-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);
}
.contextmenu li {
  margin: 0;
  padding: 7px 16px;
  cursor: pointer;
}
.contextmenu li:hover {
  background: #eee;
}
.circular-num {
  background-color: #ff4949;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #fff;
  z-index: 99;
}
.text-btn {
  color: #409eff;
  cursor: pointer;
  font-size: 14px;
  line-height: 32px;
}
.text-btn:hover {
  color: #66b1ff;
}
.wnag-table-content {
  /* table 样式 */
  /* table 样式 */
}
.wnag-table-content table {
  border-top: 1px solid #ccc !important;
  border-left: 1px solid #ccc !important;
}
.wnag-table-content table td,
.wnag-table-content table th {
  border-bottom: 1px solid #ccc !important;
  border-right: 1px solid #ccc !important;
  padding: 3px 5px !important;
}
.wnag-table-content table th {
  border-bottom: 2px solid #ccc !important;
  text-align: center !important;
}
.cli-img {
  cursor: pointer;
  vertical-align: middle;
  width: 16px;
  display: none;
}
.clipboard-sty .clipboard-node:hover .img-sty {
  display: inline-block;
}
.table-batch-delete {
  margin: 10px 0;
  display: inline-block;
}
.cascader-popper-panel {
  padding: 0 !important;
}
.cascader-popper-panel .el-input__icon {
  line-height: 32px;
}
.cascader-popper-hidden {
  display: none;
}
.edit-icon {
  cursor: pointer;
  color: #409eff;
  font-size: 16px;
  margin-right: 6px;
}
.edit-icon:hover {
  color: #66b1ff;
}
/*定义整个滚动条高宽及背景：高宽分别对应横竖滚动条的尺寸*/
.knowledge-list .knowledge-item[data-v-e6ce2b78] {
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  margin-bottom: 15px;
  overflow: hidden;
}
.knowledge-list .knowledge-item .item-header[data-v-e6ce2b78] {
  background: #f5f5f5;
  padding: 10px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  font-size: 12px;
}
.knowledge-list .knowledge-item .item-header .item-number[data-v-e6ce2b78] {
  font-weight: bold;
  color: #000000;
}
.knowledge-list .knowledge-item .item-header .user-info[data-v-e6ce2b78] {
  color: #333;
}
.knowledge-list .knowledge-item .item-header .create-time-score[data-v-e6ce2b78] {
  color: #999;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 12px;
}
.knowledge-list .knowledge-item .item-content[data-v-e6ce2b78] {
  padding: 15px;
  overflow-x: auto;
  line-height: 1.6;
  color: #666;
  font-size: 13px;
}
.empty-text[data-v-e6ce2b78] {
  color: #999;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.knowledge-list .item-content img {
  max-width: 100% !important;
  height: auto !important;
  vertical-align: bottom !important;
  display: inline-block !important;
  cursor: pointer !important;
  -webkit-transition: opacity 0.3s ease !important;
  transition: opacity 0.3s ease !important;
}
.knowledge-list .item-content img:hover {
  opacity: 0.8 !important;
}
.knowledge-list .item-content h1,
.knowledge-list .item-content h2,
.knowledge-list .item-content h3,
.knowledge-list .item-content h4,
.knowledge-list .item-content h5,
.knowledge-list .item-content h6 {
  margin: 10px 0;
  font-weight: bold;
}
.knowledge-list .item-content h1 {
  font-size: 18px;
}
.knowledge-list .item-content h2 {
  font-size: 16px;
}
.knowledge-list .item-content h3 {
  font-size: 14px;
}
.knowledge-list .item-content p {
  margin: 8px 0;
  line-height: 1.6;
}
.knowledge-list .item-content strong,
.knowledge-list .item-content b {
  font-weight: bold;
}
.knowledge-list .item-content table {
  border-collapse: collapse;
  width: 100%;
  margin: 10px 0;
}
.knowledge-list .item-content table th,
.knowledge-list .item-content table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}
.knowledge-list .item-content table th {
  background-color: #f5f5f5;
  font-weight: bold;
}
.knowledge-list .item-content ul,
.knowledge-list .item-content ol {
  margin: 8px 0;
  padding-left: 20px;
}
.knowledge-list .item-content li {
  margin: 4px 0;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-4a10c198]:export {
  theme: #409eff;
}
.config-card[data-v-4a10c198] {
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.config-card[data-v-4a10c198]:hover {
  -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
          box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.config-card .card-title[data-v-4a10c198] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.config-card .card-title .title-left[data-v-4a10c198] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.config-card .card-title .title-left i[data-v-4a10c198] {
  color: #3e64ff;
  margin-right: 6px;
  font-size: 16px;
}
.submit-wrapper[data-v-4a10c198] {
  margin: 20px 0;
  padding: 0 5px;
}
.magic-btn-container[data-v-4a10c198] {
  position: relative;
  height: 38px;
  cursor: pointer;
  border-radius: 19px;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 15px rgba(64, 158, 255, 0.3);
          box-shadow: 0 4px 15px rgba(64, 158, 255, 0.3);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.magic-btn-container[data-v-4a10c198]:hover {
  -webkit-box-shadow: 0 2px 4px -1px rgba(64, 158, 255, 0.3), 0 4px 8px 0 rgba(64, 158, 255, 0.25), 0 6px 20px 2px rgba(64, 158, 255, 0.15);
          box-shadow: 0 2px 4px -1px rgba(64, 158, 255, 0.3), 0 4px 8px 0 rgba(64, 158, 255, 0.25), 0 6px 20px 2px rgba(64, 158, 255, 0.15);
}
.magic-btn-container:hover .magic-btn-bg[data-v-4a10c198] {
  -webkit-animation: gradient-flow-data-v-4a10c198 3s linear infinite;
          animation: gradient-flow-data-v-4a10c198 3s linear infinite;
}
.magic-btn-container.is-loading[data-v-4a10c198] {
  cursor: wait;
  pointer-events: none;
}
.magic-btn-container.is-loading .magic-btn-bg[data-v-4a10c198] {
  -webkit-animation: gradient-flow-data-v-4a10c198 3s linear infinite;
          animation: gradient-flow-data-v-4a10c198 3s linear infinite;
}
.magic-btn-container .magic-btn-bg[data-v-4a10c198] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #3e64ff, #4facfe, #3e64ff, #4facfe);
  background-size: 300% 100%;
  -webkit-transition: background-position 0.5s ease;
  transition: background-position 0.5s ease;
}
.magic-btn-container .magic-btn-content[data-v-4a10c198] {
  position: relative;
  z-index: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
}
.magic-btn-container .magic-btn-content i[data-v-4a10c198] {
  margin-right: 8px;
  font-size: 16px;
}
@-webkit-keyframes gradient-flow-data-v-4a10c198 {
0% {
    background-position: 0% 50%;
}
100% {
    background-position: 100% 50%;
}
}
@keyframes gradient-flow-data-v-4a10c198 {
0% {
    background-position: 0% 50%;
}
100% {
    background-position: 100% 50%;
}
}
.result-area[data-v-4a10c198] {
  background: #fff;
  border-radius: 12px;
  border: none;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  min-height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.result-area[data-v-4a10c198]:hover {
  -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
          box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.result-area .result-header[data-v-4a10c198] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
  border-bottom: 1px solid #f0f2f5;
  background: #ecf5ff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.result-area .result-header .header-left[data-v-4a10c198] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.result-area .result-header .header-left .title[data-v-4a10c198] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin-left: 8px;
}
.result-area .result-header .header-left i[data-v-4a10c198] {
  font-size: 16px;
  color: #3e64ff;
}
.result-area .result-header .actions .el-button[data-v-4a10c198] {
  padding: 0 !important;
  color: #3e64ff;
}
.result-area .result-content-wrapper[data-v-4a10c198] {
  padding: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
}
.empty-state[data-v-4a10c198] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 60px 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 100%;
}
.empty-state .empty-icon[data-v-4a10c198] {
  width: 70px;
  height: 70px;
  background: linear-gradient(135deg, #f5f7fa 0%, #e4e7ed 100%);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 16px;
  -webkit-box-shadow: inset 0 2px 4px white, 0 4px 10px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px white, 0 4px 10px rgba(0, 0, 0, 0.05);
}
.empty-state .empty-icon i[data-v-4a10c198] {
  font-size: 30px;
  color: #909399;
}
.empty-state .empty-text[data-v-4a10c198] {
  color: #909399;
  font-size: 14px;
  font-weight: 500;
}
.app-breadcrumb.el-breadcrumb[data-v-b50ef614] {
  display: inline-block;
  font-size: 14px;
  line-height: 50px;
  margin-left: 10px;
}
.app-breadcrumb.el-breadcrumb .no-redirect[data-v-b50ef614] {
  color: #fff;
  cursor: text;
}
.app-breadcrumb.el-breadcrumb .el-breadcrumb__inner a[data-v-b50ef614],
.app-breadcrumb.el-breadcrumb .el-breadcrumb__inner.is-link[data-v-b50ef614] {
  color: #fff;
}

.hamburger[data-v-4e6f274c] {
	display: inline-block;
	cursor: pointer;
	width: 20px;
	height: 20px;
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
	-webkit-transition: .38s;
	transition: .38s;
	-webkit-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
}
.hamburger.is-active[data-v-4e6f274c] {
	-webkit-transform: rotate(0deg);
	        transform: rotate(0deg);
}

.ai-search-drawer.el-drawer__wrapper {
  width: 50% !important;
  left: auto !important;
}
[data-v-797e31be]:export {
  menuBg: #fff;
  menuHover: #f5f6fa;
  subMenuBg: #fff;
  subMenuHover: #f5f6fa;
  sideBarWidth: 230px;
}
.navbar[data-v-797e31be] {
  height: 50px;
  background-color: #035cc0;
  border-radius: 0px !important;
}
.navbar .hamburger-container[data-v-797e31be] {
  line-height: 58px;
  height: 50px;
  float: left;
  padding: 0 10px;
}
.navbar .tool-sty[data-v-797e31be] {
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  display: inline-block;
  cursor: pointer;
  margin-top: -1px;
}
.navbar .tool-sty .svg-icon[data-v-797e31be] {
  font-size: 22px;
  vertical-align: middle;
}
.navbar .tool-sty[data-v-797e31be]:hover {
  background-color: #024a9c;
}
.navbar .ai-search-container[data-v-797e31be] {
  display: inline-block;
  cursor: pointer;
}
.navbar .ai-search-container .ai-search[data-v-797e31be] {
  color: #000;
  background: #fff;
  padding: 8% 12px;
  border-radius: 5px;
}
.navbar .ai-search-container .ai-search[data-v-797e31be]:hover {
  background-color: #ededed;
}
.navbar .screenfull[data-v-797e31be] {
  position: absolute;
  right: 90px;
  top: 16px;
  color: red;
}
.navbar .avatar-container[data-v-797e31be] {
  height: 50px;
  display: inline-block;
}
.navbar .avatar-container .avatar-wrapper[data-v-797e31be] {
  color: #fff;
  cursor: pointer;
  margin-top: 5px;
  position: relative;
}
.navbar .avatar-container .avatar-wrapper .user-avatar[data-v-797e31be] {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  vertical-align: middle;
}
.navbar .avatar-container .avatar-wrapper .super-admin[data-v-797e31be] {
  color: #fff;
}
.navbar .avatar-container .avatar-wrapper .el-icon-caret-bottom[data-v-797e31be] {
  position: absolute;
  right: -20px;
  top: 15px;
  font-size: 12px;
}
.ai-search-drawer[data-v-797e31be]  .el-drawer__header {
  margin-bottom: 14px;
  color: #606266;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}
.fixed-header[data-v-797e31be] {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9;
  width: calc(100% - 230px);
  -webkit-transition: width 0.28s;
  transition: width 0.28s;
}
.fixed-header-close[data-v-797e31be] {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9;
  width: calc(100% - 80px);
  -webkit-transition: width 0.28s;
  transition: width 0.28s;
}
.user-roles[data-v-797e31be] {
  display: inline-block;
  height: 40px;
  line-height: 40px;
}
.message-badge[data-v-797e31be] {
  position: relative;
}
.message-badge[data-v-797e31be]  .el-badge__content {
  top: 14px;
  right: 10px;
  border: none;
}
.plugin-item[data-v-797e31be] {
  width: 200px !important;
}
.plugin-item .seaweed-icon[data-v-797e31be] {
  color: #10b981;
  font-size: 22px;
  vertical-align: middle;
}
.message-item[data-v-797e31be] {
  width: 300px !important;
}
.message-item .message-detail span[data-v-797e31be],
.message-item .message-detail i[data-v-797e31be] {
  color: #409eff;
}
.message-item .message-item-num[data-v-797e31be] {
  display: inline-block;
  width: 36px;
  height: 18px;
  line-height: 18px;
  background-color: #ff4949;
  border-radius: 50px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}
[data-v-797e31be] .el-carousel {
  height: 100% !important;
}
[data-v-797e31be] .el-carousel .el-carousel__container {
  height: 100% !important;
}
[data-v-797e31be] .el-carousel .el-carousel__arrow--left {
  left: 0 !important;
}
[data-v-797e31be] .el-carousel .el-carousel__arrow--right {
  right: 0 !important;
}
[data-v-797e31be] .el-drawer__wrapper {
  pointer-events: none;
}
[data-v-797e31be] .el-drawer__wrapper .el-drawer {
  pointer-events: auto;
}

.sub-el-icon[data-v-321df034] {
  color: currentColor;
  width: 1em;
  height: 1em;
}

.sidebarLogoFade-enter-active[data-v-64c82ecc] {
  -webkit-transition: opacity 1.5s;
  transition: opacity 1.5s;
}
.sidebarLogoFade-enter[data-v-64c82ecc],
.sidebarLogoFade-leave-to[data-v-64c82ecc] {
  opacity: 0;
}
.sidebar-logo-container[data-v-64c82ecc] {
  position: relative;
  width: 100%;
  height: 49px;
  line-height: 49px;
  background: #035cc0;
  text-align: center;
  overflow: hidden;
}
.sidebar-logo-container .sidebar-logo-link[data-v-64c82ecc] {
  height: 100%;
  width: 100%;
}
.sidebar-logo-container .sidebar-logo-link .sidebar-logo[data-v-64c82ecc] {
  width: 59px;
  height: 14px;
  vertical-align: middle;
  margin-right: 12px;
}
.sidebar-logo-container .sidebar-logo-link .sidebar-title[data-v-64c82ecc] {
  display: inline-block;
  margin: 0;
  color: #fff;
  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-64c82ecc] {
  margin-right: 0px;
}
[data-v-ac0285ee]:export {
  menuBg: #fff;
  menuHover: #f5f6fa;
  subMenuBg: #fff;
  subMenuHover: #f5f6fa;
  sideBarWidth: 230px;
}
.scroll-container[data-v-ac0285ee] {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.scroll-container .scroll-wrapper[data-v-ac0285ee] {
  position: absolute;
  width: 100% !important;
}
.el-scrollbar[data-v-276800be] {
  height: calc(100% - 110px);
  background-color: #fff;
}
.search-wrap[data-v-276800be] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px;
  padding-bottom: 2px;
}
.search-wrap .search-input[data-v-276800be] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 4px;
}
.search-wrap .search-input .search-icon[data-v-276800be] {
  width: 32px;
  height: 32px;
  line-height: 32px;
  padding: 0 8px;
  vertical-align: top;
  cursor: pointer;
}
.search-wrap .search-input .el-input[data-v-276800be] {
  width: 100%;
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;
}
.search-wrap .search-input[data-v-276800be]  .el-input__inner {
  border: none;
  padding: 0;
}
.search-wrap .search-input[data-v-276800be]  .el-input__inner:hover {
  border: none;
}
.search-wrap .expand-all[data-v-276800be] {
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  text-align: center;
  color: #909399;
}
.search-wrap .expand-all[data-v-276800be]:hover {
  color: #409eff;
}
.search-wrap .collapsed[data-v-276800be] {
  border: 1px solid rgba(227, 227, 227, 0);
}
.search-wrap .collapsed .el-input[data-v-276800be] {
  width: 0;
}
.search-wrap .collapsed .search-icon[data-v-276800be]:hover {
  background-color: #eee;
}
.search-wrap .expanded[data-v-276800be] {
  border: 1px solid #e3e3e3;
}
#app .search-wrap .search-icon.svg-icon[data-v-276800be] {
  margin-right: 0;
}
.app-main[data-v-6beed8bc] {
  /* 50= navbar  50  */
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #f5f6fa;
}
.fixed-header + .app-main[data-v-6beed8bc] {
  padding-top: 50px;
}
.hasTagsView .app-main[data-v-6beed8bc] {
  /* 130 = navbar + tags-view = 70 + 60 */
  min-height: calc(100vh - 130px);
}
.hasTagsView .fixed-header + .app-main[data-v-6beed8bc] {
  padding-top: 93px;
}


.theme-message,
.theme-picker-dropdown {
  z-index: 99999 !important;
}
.theme-picker .el-color-picker__trigger {
  height: 26px !important;
  width: 26px !important;
  padding: 2px;
}
.theme-picker-dropdown .el-color-dropdown__link-btn {
  display: none;
}

.drawer-container[data-v-8e66eed8] {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
}
.drawer-container .drawer-title[data-v-8e66eed8] {
  margin-bottom: 12px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 22px;
}
.drawer-container .drawer-item[data-v-8e66eed8] {
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  padding: 12px 0;
}
.drawer-container .drawer-switch[data-v-8e66eed8] {
  float: right;
}
.drawer-container .job-link[data-v-8e66eed8] {
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
.scroll-container[data-v-13a31ef0] {
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.scroll-container[data-v-13a31ef0]  .el-scrollbar__bar {
  bottom: 0px;
}
.scroll-container[data-v-13a31ef0]  .el-scrollbar__wrap {
  height: 60px;
}
.tags-view-container[data-v-449dad0f] {
  height: 43px;
  padding-top: 8px;
  width: 100%;
  background: #f5f6fa;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 0 3px 0 rgba(0, 0, 0, 0.04);
          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[data-v-449dad0f] {
  width: 94%;
}
.tags-view-container .tags-view-wrapper .tags-view-item[data-v-449dad0f] {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 28px;
  line-height: 28px;
  border: 1px solid #d8dce5;
  border-radius: 2px;
  color: #495060;
  background: #fff;
  padding: 0 8px;
  font-size: 12px;
  margin-left: 5px;
  margin-top: 4px;
}
.tags-view-container .tags-view-wrapper .tags-view-item[data-v-449dad0f]:first-of-type {
  margin-left: 22px;
}
.tags-view-container .tags-view-wrapper .tags-view-item[data-v-449dad0f]:last-of-type {
  margin-right: 15px;
}
.tags-view-container .tags-view-wrapper .tags-view-item.active[data-v-449dad0f] {
  background-color: #ffffff;
  color: #ff7800;
}
.tags-view-container .tags-view-wrapper[data-v-449dad0f]  .el-scrollbar__view {
  height: 33px;
}
.tags-view-container .refresh-sty[data-v-449dad0f] {
  border: 1px solid #c3c3c3;
  height: 32px;
  width: 32px;
  text-align: center;
  line-height: 32px;
  margin-right: 32px;
  cursor: pointer;
  border-radius: 50%;
}
.tags-view-container .refresh-sty[data-v-449dad0f]:hover {
  border: 1px solid #007dff;
  color: #007dff;
}
.tags-view-wrapper .tags-view-item .el-icon-close {
  width: 18px;
  height: 18px;
  vertical-align: 4px;
  border-radius: 50%;
  text-align: center;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}
.tags-view-wrapper .tags-view-item .el-icon-close:before {
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  display: inline-block;
  vertical-align: -3px;
}
.tags-view-wrapper .tags-view-item .el-icon-close:hover {
  background-color: #b4bccc;
  color: #fff;
}

.showRightPanel {
  overflow: hidden;
  position: relative;
  width: calc(100% - 15px);
}

.rightPanel-background[data-v-1e488bfb] {
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: opacity 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  background: rgba(0, 0, 0, 0.2);
  z-index: -1;
}
.rightPanel[data-v-1e488bfb] {
  width: 100%;
  max-width: 260px;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.25s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: all 0.25s cubic-bezier(0.7, 0.3, 0.1, 1);
  -webkit-transform: translate(100%);
          transform: translate(100%);
  background: #fff;
  z-index: 40000;
}
.show[data-v-1e488bfb] {
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.show .rightPanel-background[data-v-1e488bfb] {
  z-index: 20000;
  opacity: 1;
  width: 100%;
  height: 100%;
}
.show .rightPanel[data-v-1e488bfb] {
  -webkit-transform: translate(0);
          transform: translate(0);
}
.handle-button[data-v-1e488bfb] {
  width: 48px;
  height: 48px;
  position: absolute;
  left: -48px;
  text-align: center;
  font-size: 24px;
  border-radius: 6px 0 0 6px !important;
  z-index: 0;
  pointer-events: auto;
  cursor: pointer;
  color: #fff;
  line-height: 48px;
}
.handle-button i[data-v-1e488bfb] {
  font-size: 24px;
  line-height: 48px;
}
[data-v-038e7047]:export {
  menuBg: #fff;
  menuHover: #f5f6fa;
  subMenuBg: #fff;
  subMenuHover: #f5f6fa;
  sideBarWidth: 230px;
}
.app-wrapper[data-v-038e7047] {
  position: relative;
  height: 100%;
  width: 100%;
}
.app-wrapper[data-v-038e7047]:after {
  content: "";
  display: table;
  clear: both;
}
.app-wrapper.mobile.openSidebar[data-v-038e7047] {
  position: fixed;
  top: 0;
}
.drawer-bg[data-v-038e7047] {
  background: #000;
  opacity: 0.3;
  width: 100%;
  top: 0;
  height: 100%;
  position: absolute;
  z-index: 999;
}
.fixed-header[data-v-038e7047] {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9;
  width: calc(100% - 230px);
  -webkit-transition: width 0.28s;
  transition: width 0.28s;
}
.hideSidebar .fixed-header[data-v-038e7047] {
  width: calc(100% - 54px);
}
.mobile .fixed-header[data-v-038e7047] {
  width: 100%;
}

.login-center-bg[data-v-37dfd6fc] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  max-width: 100%;
}
.login-form-layout[data-v-37dfd6fc] {
  position: absolute;
  border-top: 10px solid #409eff;
  min-width: 350px;
  max-width: 100%;
  padding: -2px 30px 0;
  overflow: hidden;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 99;
  height: auto;
}
.login-title[data-v-37dfd6fc] {
  text-align: center;
}
.login-center-layout[data-v-37dfd6fc] {
  background: #035cc0;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin-top: 200px;
}
.show-pwd[data-v-37dfd6fc] {
  position: absolute;
  right: 10px;
  top: 7px;
  font-size: 16px;
  color: #889aa4;
  cursor: pointer;
}
.logo-en-title[data-v-37dfd6fc] {
  font-weight: 700;
  font-style: normal;
  font-size: 36px;
  color: #409eff;
}
.login-zh-title[data-v-37dfd6fc] {
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  color: #409eff;
}
.el-button--primary[data-v-37dfd6fc] {
  color: #fff;
  background-color: #035cc0;
  border-color: #035cc0;
}
.login-container[data-v-37dfd6fc] .el-tabs__content {
  min-height: 300px;
}
.wx-login-panel[data-v-37dfd6fc] {
  position: relative;
  min-height: 300px;
}
.wx-login-loading[data-v-37dfd6fc] {
  padding-top: 120px;
  text-align: center;
  color: #606266;
}
.login-container .custom-class[data-v-37dfd6fc] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}


.app-container[data-v-6b3aeb0e] {
  width: 80%;
  margin: 120px auto;
}
.img-style[data-v-6b3aeb0e] {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}


.app-loading[data-v-1cc39212] {
  height: 100vh;
}


.pagination-container[data-v-72233bcd] {
  background: #fff;
}
.pagination-container.hidden[data-v-72233bcd] {
  display: none;
}

@charset "UTF-8";
.el-dropdown-menu[data-v-fea7c884] {
  /*定义整个滚动条高宽及背景：高宽分别对应横竖滚动条的尺寸*/
  /*定义滚动条轨道：内阴影+圆角*/
  /*定义滑块：内阴影+圆角*/
}
.el-dropdown-menu .select-more[data-v-fea7c884] {
  max-height: 450px;
  min-width: 200px;
  overflow: auto;
  padding: 10px 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e7ebf4;
}
.el-dropdown-menu .select-more .el-checkbox[data-v-fea7c884] {
  display: block;
  height: 36px;
  line-height: 36px;
}
.el-dropdown-menu .select-one[data-v-fea7c884] {
  max-height: 300px;
  overflow: auto;
}
.el-dropdown-menu .select-cascader-more[data-v-fea7c884] {
  overflow: hidden;
  max-height: 450px;
  min-width: 200px;
  padding: 10px 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e7ebf4;
}
.el-dropdown-menu[data-v-fea7c884]  .el-cascader-panel {
  height: 350px;
}
.el-dropdown-menu[data-v-fea7c884]  .el-cascader-menu__wrap {
  height: 100% !important;
  margin-bottom: -200px !important;
  padding: 0;
}
.el-dropdown-menu[data-v-fea7c884]  .el-cascader-menu__wrap .el-scrollbar__view {
  padding: 0;
}
.el-dropdown-menu[data-v-fea7c884]  .el-cascader-menu__wrap .is-horizontal {
  display: none;
}
.el-dropdown-menu[data-v-fea7c884] ::-webkit-scrollbar {
  width: 6px;
  height: 8px;
  background-color: #f5f5f5;
}
.el-dropdown-menu[data-v-fea7c884] ::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
.el-dropdown-menu[data-v-fea7c884] ::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: rgba(178, 179, 182, 0.3);
}
.el-dropdown-menu[data-v-fea7c884] ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(144, 147, 153, 0.3);
}
.chinese[data-v-0065eb5d] {
  color: #afadad;
  font-size: smaller;
}
[data-v-0065eb5d] .el-input__inner {
  text-align: left;
}
.length[data-v-1bfb32a6] {
  margin-top: 5px;
}
.length[data-v-1bfb32a6]:nth-child(2) {
  color: #8c8c8c;
}
[data-v-1bfb32a6] .el-date-editor--datetimerange.el-input__inner {
  width: 100%;
  max-width: 400px;
}
.mention-input[data-v-7404a2b3] {
  position: relative;
  display: inline-block;
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
  overflow: visible;
}
.mention-input__popover-reference[data-v-7404a2b3] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}
.mention-input__content[data-v-7404a2b3] {
  display: block;
  width: 100%;
  padding: 5px 12px;
  line-height: 1.5;
  color: #606266;
  background-color: #fff;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  outline: none;
  overflow-y: auto;
  word-wrap: break-word;
}
.mention-input__content[data-v-7404a2b3]:focus {
  border-color: #409eff;
}
.mention-input__content[data-v-7404a2b3]:hover {
  border-color: #c0c4cc;
}
.mention-input__content[data-v-7404a2b3]:empty::before {
  content: attr(placeholder);
  color: #c0c4cc;
}
.mention-input__content--textarea[data-v-7404a2b3] {
  white-space: pre-wrap;
  resize: vertical;
}
.mention-input__content--disabled[data-v-7404a2b3] {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #c0c4cc;
  cursor: not-allowed;
}
.mention-input__content--disabled[data-v-7404a2b3]:hover {
  border-color: #e4e7ed;
}
.mention-input__content--disabled[data-v-7404a2b3]:focus {
  border-color: #e4e7ed;
}
.mention-input__content--disabled[data-v-7404a2b3]  .tag-span {
  cursor: not-allowed;
  opacity: 0.6;
  -webkit-user-select: all;
     -moz-user-select: all;
      -ms-user-select: all;
          user-select: all;
}
.mention-input__content--disabled[data-v-7404a2b3]  .tag-span:hover {
  opacity: 0.6;
}
.mention-input__content[data-v-7404a2b3]  .tag-span {
  color: #409eff;
  cursor: pointer;
  -webkit-user-select: all;
     -moz-user-select: all;
      -ms-user-select: all;
          user-select: all;
  white-space: nowrap;
}
.mention-input__content[data-v-7404a2b3]  .tag-span:hover {
  opacity: 0.8;
}
.mention-input__clear[data-v-7404a2b3] {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 14px;
  cursor: pointer;
  color: #c0c4cc;
  -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: 1;
}
.mention-input__clear[data-v-7404a2b3]:hover {
  color: #909399;
}
@charset "UTF-8";
/* 保证根节点有宽高，避免被表单布局压成 0 */
.mention-input-wrapper-root[data-v-00891c04] {
  width: 100%;
  min-height: 36px;
}
.mention-input-wrapper-editor[data-v-00891c04] {
  width: 100%;
  min-height: 36px;
}
.mention-input-wrapper-list[data-v-00891c04] {
  max-height: 300px;
  overflow-y: auto;
}
.mention-input-wrapper-item[data-v-00891c04] {
  padding: 8px 12px;
  cursor: pointer;
  border-bottom: 1px solid #ebeef5;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.mention-input-wrapper-item[data-v-00891c04]:last-child {
  border-bottom: none;
}
.mention-input-wrapper-item[data-v-00891c04]:hover {
  background-color: #f5f7fa;
}
.mention-input-wrapper-item--active[data-v-00891c04] {
  background-color: #e6f7ff;
  border-left: 3px solid #409eff;
}
.mention-input-wrapper-item__name[data-v-00891c04] {
  display: block;
  font-weight: 500;
  color: #606266;
  margin-bottom: 2px;
}
.mention-input-wrapper-item__extra[data-v-00891c04] {
  display: block;
  font-size: 12px;
  color: #909399;
}
.mention-input-wrapper-empty[data-v-00891c04] {
  padding: 20px;
  text-align: center;
  color: #909399;
  font-size: 14px;
}
@charset "UTF-8";
.img-alt-upload .hide .el-upload--picture-card {
  display: none;
}
.img-alt-upload .el-upload {
  margin-bottom: 11px;
}
.img-alt-upload .el-upload-list--picture-card {
  position: relative;
  display: inline-block;
}
.img-alt-upload .el-upload-list__item-actions {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.img-alt-upload .el-upload-list__item {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 6px;
}
.img-alt-upload .el-upload-list__item img {
  margin-top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.img-alt-upload .el-upload-list__item .el-upload-list__item-drag {
  cursor: move;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.img-alt-upload .el-upload-list__item .el-upload-list__item-drag:hover {
  color: #409eff;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.img-alt-upload .el-upload-list__item.is-dragging {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.img-alt-upload .el-upload-list__item.is-dragging .el-upload-list__item-actions span:not(.el-upload-list__item-drag) {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.img-alt-upload .el-upload-list__item-delete {
  position: absolute !important;
}
.img-alt-upload .img-alt-upload__replace-text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
  padding: 0 6px;
  background: #ecf5ff;
  color: #409eff;
  border-top: 1px solid #d9ecff;
  font-size: 12px;
  font-family: monospace;
  z-index: 2;
}
.img-alt-upload .img-alt-upload__replace-text-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.img-alt-upload .img-alt-upload__replace-text i {
  margin-left: 4px;
  cursor: pointer;
  font-size: 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #409eff;
}
.img-alt-upload .img-alt-upload__replace-text i:hover {
  color: #1d6fbe;
}
.img-alt-upload.has-replace-text .el-upload-list__item.is-success {
  height: 172px;
  overflow: hidden;
}
.img-alt-upload.has-replace-text .el-upload-list__item.is-success .el-upload-list__item-thumbnail {
  height: 148px;
}
.img-alt-upload.has-replace-text .el-upload-list__item.is-success .el-upload-list__item-actions {
  height: 148px;
}
.img-alt-upload .el-upload-dragger {
  width: 100%;
  height: 100%;
}
.img-alt-upload .el-upload-dragger .upload-tip {
  height: 100%;
  margin-top: 6px;
  line-height: normal;
}
.img-alt-upload .el-upload-dragger .upload-tip .el-icon-upload {
  margin: 0;
  line-height: normal;
}
.img-alt-upload .el-upload-dragger .upload-tip p {
  line-height: 20px;
}
.img-alt-upload .el-upload-dragger .upload-tip p span {
  display: inline-block;
  color: #409eff;
}
.img-alt-upload .el-upload__tip {
  margin-top: 0;
  line-height: 20px;
}
.img-alt-upload .video-preview {
  width: 150px;
  height: 150px;
  -o-object-fit: fill;
     object-fit: fill;
}
.img-alt-upload .el-upload-list__item-drag {
  cursor: move;
}
.img-alt-upload .el-upload-list__item-drag:hover {
  color: #409eff;
}
.img-alt-upload .sortable-ghost {
  opacity: 0.5;
  background: #f0f9ff;
  border: 2px dashed #409eff;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.img-alt-upload .sortable-ghost::after {
  content: "原位置";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #409eff;
  font-size: 12px;
  background: white;
  padding: 2px 8px;
  border-radius: 4px;
  border: 1px solid #409eff;
}
.img-alt-upload .sortable-ghost > * {
  opacity: 0 !important;
}
.img-alt-upload .sortable-chosen {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-box-shadow: 0 4px 20px rgba(64, 158, 255, 0.3);
          box-shadow: 0 4px 20px rgba(64, 158, 255, 0.3);
  border: 2px solid #409eff;
  z-index: 999;
}
.img-alt-upload .sortable-drag {
  opacity: 0.8;
  -webkit-transform: rotate(3deg) scale(1.1) !important;
          transform: rotate(3deg) scale(1.1) !important;
  -webkit-box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
  border: 2px solid #67c23a;
  z-index: 1000;
}
.img-alt-upload .sortable-drag::after {
  content: "拖拽中";
  position: absolute;
  top: 8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #67c23a;
  color: white;
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 8px;
  white-space: nowrap;
}
.img-alt-upload .sortable-fallback {
  opacity: 0.8;
  background: #ffffff;
  border: 2px dashed #409eff;
  -webkit-transform: rotate(2deg) scale(1.05);
          transform: rotate(2deg) scale(1.05);
  -webkit-box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
          box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}
.img-alt-upload.is-sorting .el-upload-list__item:not(.sortable-chosen):not(.sortable-drag):not(.sortable-ghost) {
  opacity: 0.7;
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}
.img-alt-upload.is-sorting .el-upload--picture-card {
  opacity: 0.5;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.preview-video {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.design i[data-v-139a6972] {
  padding: 10px;
  font-size: xx-large;
  background: white;
  border: 1px dashed #8c8c8c;
}
[data-v-139a6972] .el-upload--picture-card {
  width: 80px;
  height: 80px;
  line-height: 87px;
}
[data-v-139a6972] .el-upload-list__item {
  width: 80px;
  height: 80px;
}
[data-v-139a6972] .el-upload-list__item .el-upload-list__item-actions > span + span {
  margin: 1px;
}
.hide .el-upload--picture-card[data-v-8f37363a] {
  display: none;
}
.limit-sty[data-v-8f37363a] {
  color: #007dff;
}
.workflow-download-template[data-v-31e820e2] {
  padding: 0 !important;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-b887b6aa]:export {
  theme: #409eff;
}
.candidate[data-v-b887b6aa], .selected[data-v-b887b6aa] {
  position: absolute;
  display: inline-block;
  width: 278px;
  height: 400px;
  border: 1px solid #e8e8e8;
}
.picker[data-v-b887b6aa] {
  height: 402px;
  position: relative;
  text-align: left;
}
.picker .candidate[data-v-b887b6aa] {
  left: 0;
  top: 0;
}
.picker .candidate .role-header[data-v-b887b6aa] {
  padding: 10px !important;
  margin-bottom: 5px;
  border-bottom: 1px solid #e8e8e8;
}
.picker .candidate .top-dept[data-v-b887b6aa] {
  margin-left: 20px;
  cursor: pointer;
  color: #38adff;
}
.picker .candidate .next-dept[data-v-b887b6aa] {
  float: right;
  color: #409eff;
  cursor: pointer;
}
.picker .candidate .next-dept-disable[data-v-b887b6aa] {
  float: right;
  color: #8c8c8c;
  cursor: not-allowed;
}
.picker .candidate > div[data-v-b887b6aa]:first-child {
  padding: 5px 10px;
}
.picker .selected[data-v-b887b6aa] {
  right: 0;
  top: 0;
}
.picker .org-items[data-v-b887b6aa] {
  overflow-y: auto;
  height: 310px;
}
.picker .org-items .el-icon-close[data-v-b887b6aa] {
  position: absolute;
  right: 5px;
  cursor: pointer;
  font-size: larger;
}
.picker .org-items .org-dept-item[data-v-b887b6aa] {
  padding: 10px 5px;
}
.picker .org-items .org-dept-item > div[data-v-b887b6aa] {
  display: inline-block;
}
.picker .org-items .org-dept-item > div > span[data-v-b887b6aa]:last-child {
  position: absolute;
  right: 5px;
}
.picker .org-items .org-role-item[data-v-b887b6aa] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 5px;
}
.picker .org-items[data-v-b887b6aa]  .org-user-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px;
}
.picker .org-items[data-v-b887b6aa]  .org-user-item > div {
  display: inline-block;
}
.picker .org-items[data-v-b887b6aa]  .org-user-item .avatar {
  width: 35px;
  text-align: center;
  line-height: 35px;
  background: #409eff;
  color: white;
  border-radius: 50%;
}
.picker .org-items[data-v-b887b6aa]  .org-item {
  margin: 0 5px;
  border-radius: 5px;
  position: relative;
}
.picker .org-items[data-v-b887b6aa]  .org-item .el-checkbox {
  margin-right: 10px;
}
.picker .org-items[data-v-b887b6aa]  .org-item .name {
  margin-left: 5px;
}
.picker .org-items[data-v-b887b6aa]  .org-item:hover {
  background: #f1f1f1;
}
.selected[data-v-b887b6aa] {
  border-left: none;
}
.selected .count[data-v-b887b6aa] {
  width: calc(278px - 20px);
  padding: 10px;
  display: inline-block;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 5px;
}
.selected .count > span[data-v-b887b6aa]:nth-child(2) {
  float: right;
  color: #c75450;
  cursor: pointer;
}
[data-v-b887b6aa] .el-dialog__body {
  padding: 10px 20px;
}
.disabled[data-v-b887b6aa] {
  cursor: not-allowed !important;
  color: #8c8c8c !important;
}
[data-v-b887b6aa]::-webkit-scrollbar {
  float: right;
  width: 4px;
  height: 4px;
  background-color: white;
}
[data-v-b887b6aa]::-webkit-scrollbar-thumb {
  border-radius: 16px;
  background-color: #efefef;
}

.placeholder[data-v-46146e78] {
  margin-left: 10px;
  color: #adabab;
  font-size: smaller;
}


.placeholder[data-v-5ae4a704] {
  margin-left: 10px;
  color: #adabab;
  font-size: smaller;
}


canvas[data-v-03f3dc0a] {
  max-width: 100%;
  display: block;
}


.signImg[data-v-720034dc] {
  width: 40%;
  cursor: pointer;
&:hover {
    border: 1px dashed rgb(102, 102, 102);
}
}
.sign[data-v-720034dc] {
  border: 1px dashed rgb(102, 102, 102);
}


.signImg[data-v-73972759] {
  width: 40%;
  cursor: pointer;
&:hover {
    border: 1px dashed rgb(102, 102, 102);
}
}
.sign[data-v-73972759] {
  border: 1px dashed rgb(102, 102, 102);
}

/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-3a02e9d9]:export {
  theme: #409eff;
}
.choose[data-v-3a02e9d9] {
  border: 1px dashed #409eff !important;
}
.l-drag-from[data-v-3a02e9d9] {
  min-height: 50px;
  background-color: #f5f6f6;
}
.l-drag-from .l-form-item[data-v-3a02e9d9],
.l-drag-from li[data-v-3a02e9d9] {
  cursor: -webkit-grab;
  cursor: grab;
  background: #ffffff;
  padding: 10px;
  border: 1px solid #ebecee;
  margin: 5px 0;
}
.l-form-header[data-v-3a02e9d9] {
  font-size: small;
  color: #818181;
  text-align: left;
  position: relative;
  background-color: #fff;
}
.l-form-header p[data-v-3a02e9d9] {
  position: relative;
  margin: 0 0 10px 0;
}
.l-form-header p span[data-v-3a02e9d9] {
  position: absolute;
  left: -8px;
  top: 3px;
  color: #d90013;
}
.l-form-header .l-option[data-v-3a02e9d9] {
  position: absolute;
  top: -10px;
  right: -10px;
}
.l-form-header .l-option i[data-v-3a02e9d9] {
  font-size: large;
  cursor: pointer;
  color: #8c8c8c;
  padding: 5px;
}
.l-form-header .l-option i[data-v-3a02e9d9]:hover {
  color: #409eff;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-5ae53a57]:export {
  theme: #409eff;
}
[data-v-5ae53a57] .valid-error .el-input__inner {
  border-color: #f56c6c;
}
.choose[data-v-5ae53a57] {
  border: 1px dashed #409eff !important;
}
.table-column[data-v-5ae53a57] {
  padding: 5px;
  margin-bottom: 10px;
  border-left: 3px solid #409eff;
  border-radius: 5px;
  background: #fafafa;
}
.table-column[data-v-5ae53a57]  .el-form-item {
  margin-bottom: 0;
}
.table-column[data-v-5ae53a57]  .el-form-item .el-form-item__label {
  height: 25px;
}
.table-column .table-column-action[data-v-5ae53a57] {
  float: right;
}
.table-column .table-column-action span[data-v-5ae53a57] {
  color: #afafaf;
  margin-right: 10px;
  font-size: 13px;
}
.table-column .table-column-action i[data-v-5ae53a57] {
  color: #afafaf;
  padding: 5px;
  font-size: large;
  cursor: pointer;
}
.table-column .table-column-action i[data-v-5ae53a57]:hover {
  color: #666666;
}
.l-drag-from[data-v-5ae53a57] {
  min-height: 50px;
  background-color: #f5f6f6;
}
.l-drag-from .l-form-item[data-v-5ae53a57],
.l-drag-from li[data-v-5ae53a57] {
  cursor: -webkit-grab;
  cursor: grab;
  background: #ffffff;
  padding: 10px;
  border: 1px solid #ebecee;
  margin: 5px 0;
}
.l-form-header[data-v-5ae53a57] {
  font-size: small;
  color: #818181;
  text-align: left;
  position: relative;
  background-color: #fff;
}
.l-form-header p[data-v-5ae53a57] {
  position: relative;
  margin: 0 0 10px 0;
}
.l-form-header p span[data-v-5ae53a57] {
  position: absolute;
  left: -8px;
  top: 3px;
  color: #d90013;
}
.l-form-header .l-option[data-v-5ae53a57] {
  position: absolute;
  top: -10px;
  right: -10px;
}
.l-form-header .l-option i[data-v-5ae53a57] {
  font-size: large;
  cursor: pointer;
  color: #8c8c8c;
  padding: 5px;
}
.l-form-header .l-option i[data-v-5ae53a57]:hover {
  color: #409eff;
}
.product-model[data-v-6b2dabff]  .el-autocomplete {
  display: block;
}
.placeholder[data-v-6b2dabff] {
  margin-left: 10px;
  color: #adabab;
  font-size: smaller;
}
.result-container[data-v-32170c5a] {
  width: 80%;
  margin: 20px auto;
}
.result-container .abnormal-list[data-v-32170c5a] {
  background: #fff;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  margin-bottom: 100px;
}
.result-container .abnormal-list .abnormal-title[data-v-32170c5a] {
  padding: 15px 20px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  border-bottom: 1px solid #e4e7ed;
}
.result-container .abnormal-list .abnormal-items[data-v-32170c5a] {
  padding: 10px 20px;
}
.result-container .abnormal-list .abnormal-items .abnormal-item[data-v-32170c5a] {
  padding: 8px 0;
  font-size: 14px;
  color: #666;
  line-height: 1.5;
  border-bottom: 1px solid #f5f5f5;
}
.result-container .abnormal-list .abnormal-items .abnormal-item[data-v-32170c5a]:last-child {
  border-bottom: none;
}
.process-form[data-v-30ade106]  .el-form-item__label {
  padding: 0 0;
  padding-right: 12px;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-08c31490]:export {
  theme: #409eff;
}
.root[data-v-08c31490]:before {
  display: none !important;
}
.node-error-state .node-body[data-v-08c31490] {
  -webkit-box-shadow: 0px 0px 5px 0px #f56c6c !important;
          box-shadow: 0px 0px 5px 0px #f56c6c !important;
}
.node[data-v-08c31490] {
  padding: 0 50px;
  width: 220px;
  position: relative;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.node[data-v-08c31490]:before {
  content: "";
  position: absolute;
  top: -12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  border-style: solid;
  border-width: 8px 6px 4px;
  border-color: #cacaca transparent transparent;
  background: #f5f5f7;
}
.node .node-body[data-v-08c31490] {
  cursor: pointer;
  position: relative;
  border-radius: 5px;
  background-color: white;
  -webkit-box-shadow: 0px 0px 5px 0px #d8d8d8;
          box-shadow: 0px 0px 5px 0px #d8d8d8;
}
.node .node-body .node-body-header[data-v-08c31490] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 5px 15px;
  color: white;
  font-size: xx-small;
}
.node .node-body .node-body-header .name[data-v-08c31490] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 150px;
  display: inline-block;
  line-height: normal;
}
.node .node-body .node-body-content[data-v-08c31490] {
  position: relative;
  padding: 18px;
  color: #656363;
  font-size: 14px;
}
.node .node-body .node-body-content .marker[data-v-08c31490] {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 30px solid #a0a0a0;
  border-right: 30px solid transparent;
  z-index: 1;
}
.node .node-body .node-body-content .marker[data-v-08c31490]::after {
  content: attr(data-text);
  position: absolute;
  top: -28px;
  left: 3px;
  color: white;
  font-size: 12px;
}
.node .node-body .node-error[data-v-08c31490] {
  position: absolute;
  right: -40px;
  top: 20px;
  font-size: 25px;
  color: #f56c6c;
}
.node .node-body .node-tips[data-v-08c31490] {
  position: absolute;
  bottom: -14px;
  left: 0px;
  font-size: 12px;
  color: #656363;
}
.node.success .node-body[data-v-08c31490] {
  -webkit-box-shadow: 0px 0px 10px 3px #67c23a;
          box-shadow: 0px 0px 10px 3px #67c23a;
}
.node.waiting .node-body[data-v-08c31490] {
  -webkit-animation: waitingPulse-data-v-08c31490 1.5s ease-in-out infinite;
          animation: waitingPulse-data-v-08c31490 1.5s ease-in-out infinite;
  -webkit-box-shadow: 0 0 0 3px #409eff;
          box-shadow: 0 0 0 3px #409eff;
}
.node .node-footer[data-v-08c31490] {
  position: relative;
}
.node .node-footer .branch-merge[data-v-08c31490] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: -19px;
  left: 90px;
  width: 38px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px 0 #d8d8d8;
          box-shadow: 0 0 5px 0 #d8d8d8;
}
.node .node-footer .btn[data-v-08c31490] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 26px 0 32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.node .node-footer .btn[data-v-08c31490]  .el-button {
  padding: 9px !important;
}
.node .node-footer[data-v-08c31490]  .el-button {
  height: 32px;
}
.node .node-footer[data-v-08c31490]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  margin: auto;
  width: 2px;
  height: 100%;
  background-color: #cacaca;
}
.status-icon[data-v-08c31490] {
  margin-left: 5px;
  background: #fff;
  border-radius: 50%;
}
.el-icon-success[data-v-08c31490] {
  color: #67c23a;
}
.el-icon-loading[data-v-08c31490] {
  color: #409eff;
}
.user-item .user-item-content[data-v-08c31490] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 5px;
}
.user-item .user-item-content.is-clickable[data-v-08c31490] {
  cursor: pointer;
}
.user-item .user-item-content.is-clickable[data-v-08c31490]:hover {
  color: #007dff;
}
.user-item[data-v-08c31490]:nth-child(n+3) {
  margin-top: 10px;
}
.user-item .el-icon-error[data-v-08c31490],
.user-item .el-icon-refresh-left[data-v-08c31490] {
  color: #f56c6c;
}
.user-item .el-icon-s-promotion[data-v-08c31490],
.user-item .el-icon-edit-outline[data-v-08c31490] {
  color: #409eff;
}
.user-is-single .user-item[data-v-08c31490] {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@-webkit-keyframes waitingPulse-data-v-08c31490 {
0% {
    -webkit-box-shadow: 0 0 3px 3px #409eff;
            box-shadow: 0 0 3px 3px #409eff;
}
50% {
    -webkit-box-shadow: 0 0 10px 10px rgba(64, 158, 255, 0.4);
            box-shadow: 0 0 10px 10px rgba(64, 158, 255, 0.4);
}
100% {
    -webkit-box-shadow: 0 0 3px 3px #409eff;
            box-shadow: 0 0 3px 3px #409eff;
}
}
@keyframes waitingPulse-data-v-08c31490 {
0% {
    -webkit-box-shadow: 0 0 3px 3px #409eff;
            box-shadow: 0 0 3px 3px #409eff;
}
50% {
    -webkit-box-shadow: 0 0 10px 10px rgba(64, 158, 255, 0.4);
            box-shadow: 0 0 10px 10px rgba(64, 158, 255, 0.4);
}
100% {
    -webkit-box-shadow: 0 0 3px 3px #409eff;
            box-shadow: 0 0 3px 3px #409eff;
}
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-8bfb0832]:export {
  theme: #409eff;
}
.node-error-state .node-body[data-v-8bfb0832] {
  -webkit-box-shadow: 0px 0px 5px 0px #f56c6c !important;
          box-shadow: 0px 0px 5px 0px #f56c6c !important;
}
.node[data-v-8bfb0832] {
  padding: 30px 55px 0;
  width: 220px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.node .node-body[data-v-8bfb0832] {
  cursor: pointer;
  min-height: 80px;
  max-height: 120px;
  position: relative;
  border-radius: 5px;
  background-color: white;
  -webkit-box-shadow: 0px 0px 5px 0px #d8d8d8;
          box-shadow: 0px 0px 5px 0px #d8d8d8;
}
.node .node-body[data-v-8bfb0832]:hover {
  -webkit-box-shadow: 0px 0px 3px 0px #409eff;
          box-shadow: 0px 0px 3px 0px #409eff;
}
.node .node-body:hover .node-body-left i[data-v-8bfb0832],
.node .node-body:hover .node-body-right i[data-v-8bfb0832] {
  display: block !important;
}
.node .node-body:hover .node-body-main .option[data-v-8bfb0832] {
  display: inline-block !important;
}
.node .node-body .node-body-left[data-v-8bfb0832],
.node .node-body .node-body-right[data-v-8bfb0832] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  height: 100%;
}
.node .node-body .node-body-left i[data-v-8bfb0832],
.node .node-body .node-body-right i[data-v-8bfb0832] {
  display: none;
}
.node .node-body .node-body-left[data-v-8bfb0832]:hover,
.node .node-body .node-body-right[data-v-8bfb0832]:hover {
  background-color: #ececec;
}
.node .node-body .node-body-left[data-v-8bfb0832] {
  left: 0;
}
.node .node-body .node-body-right[data-v-8bfb0832] {
  right: 0;
}
.node .node-body .node-body-main[data-v-8bfb0832] {
  position: absolute;
  width: 188px;
  left: 17px;
  display: inline-block;
}
.node .node-body .node-body-main .node-body-main-header[data-v-8bfb0832] {
  padding: 10px 0px 5px;
  font-size: xx-small;
  position: relative;
}
.node .node-body .node-body-main .node-body-main-header .title[data-v-8bfb0832] {
  color: #718dff;
}
.node .node-body .node-body-main .node-body-main-header .title .name[data-v-8bfb0832] {
  display: inline-block;
  height: 14px;
  width: 130px;
  margin-left: 2px;
}
.node .node-body .node-body-main .node-body-main-header .option[data-v-8bfb0832] {
  position: absolute;
  right: 0;
  display: none;
  font-size: medium;
}
.node .node-body .node-body-main .node-body-main-header .option i[data-v-8bfb0832] {
  color: #888888;
  padding: 0 3px;
}
.node .node-body .node-body-main .node-body-main-content[data-v-8bfb0832] {
  padding: 6px;
  color: #656363;
  font-size: 14px;
}
.node .node-body .node-body-main .node-body-main-content i[data-v-8bfb0832] {
  position: absolute;
  top: 55%;
  right: 10px;
  font-size: medium;
}
.node .node-body .node-error[data-v-8bfb0832] {
  position: absolute;
  right: -40px;
  top: 20px;
  font-size: 25px;
  color: #f56c6c;
}
.node .node-footer[data-v-8bfb0832] {
  position: relative;
}
.node .node-footer .btn[data-v-8bfb0832] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  padding: 20px 0 32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.node .node-footer .btn[data-v-8bfb0832]  .el-button {
  padding: 9px !important;
}
.node .node-footer[data-v-8bfb0832]  .el-button {
  height: 32px;
}
.node .node-footer[data-v-8bfb0832]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  margin: auto;
  width: 2px;
  height: 100%;
  background-color: #cacaca;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-317c74c2]:export {
  theme: #409eff;
}
.node-error-state .node-body[data-v-317c74c2] {
  -webkit-box-shadow: 0px 0px 5px 0px #f56c6c !important;
          box-shadow: 0px 0px 5px 0px #f56c6c !important;
}
.node[data-v-317c74c2] {
  padding: 30px 55px 0;
  width: 220px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.node .node-body[data-v-317c74c2] {
  cursor: pointer;
  min-height: 80px;
  max-height: 120px;
  position: relative;
  border-radius: 5px;
  background-color: white;
  -webkit-box-shadow: 0px 0px 5px 0px #d8d8d8;
          box-shadow: 0px 0px 5px 0px #d8d8d8;
}
.node .node-body[data-v-317c74c2]:hover {
  -webkit-box-shadow: 0px 0px 3px 0px #409eff;
          box-shadow: 0px 0px 3px 0px #409eff;
}
.node .node-body .node-body-left[data-v-317c74c2],
.node .node-body .node-body-right[data-v-317c74c2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  height: 100%;
}
.node .node-body .node-body-left i[data-v-317c74c2],
.node .node-body .node-body-right i[data-v-317c74c2] {
  display: none;
}
.node .node-body .node-body-left[data-v-317c74c2]:hover,
.node .node-body .node-body-right[data-v-317c74c2]:hover {
  background-color: #ececec;
}
.node .node-body .node-body-left[data-v-317c74c2] {
  left: 0;
}
.node .node-body .node-body-right[data-v-317c74c2] {
  right: 0;
  top: 0;
}
.node .node-body .node-body-main[data-v-317c74c2] {
  width: 188px;
  margin-left: 17px;
  display: inline-block;
}
.node .node-body .node-body-main .node-body-main-header[data-v-317c74c2] {
  padding: 10px 0px 5px;
  font-size: xx-small;
  position: relative;
}
.node .node-body .node-body-main .node-body-main-header .title[data-v-317c74c2] {
  color: #15bca3;
  display: inline-block;
  height: 14px;
  width: 125px;
}
.node .node-body .node-body-main .node-body-main-header .level[data-v-317c74c2] {
  position: absolute;
  right: 15px;
  color: #888888;
}
.node .node-body .node-body-main .node-body-main-header .option[data-v-317c74c2] {
  position: absolute;
  right: 0;
  display: none;
  font-size: medium;
}
.node .node-body .node-body-main .node-body-main-header .option i[data-v-317c74c2] {
  color: #888888;
  padding: 0 3px;
}
.node .node-body .node-body-main .node-body-main-content[data-v-317c74c2] {
  padding: 6px;
  color: #656363;
  font-size: 14px;
}
.node .node-body .node-body-main .node-body-main-content i[data-v-317c74c2] {
  position: absolute;
  top: 55%;
  right: 10px;
  font-size: medium;
}
.node .node-body .node-body-main .node-body-main-content .placeholder[data-v-317c74c2] {
  color: #8c8c8c;
}
.node .node-body .node-error[data-v-317c74c2] {
  position: absolute;
  right: -40px;
  top: 20px;
  font-size: 25px;
  color: #f56c6c;
}
.node .node-footer[data-v-317c74c2] {
  position: relative;
}
.node .node-footer .btn[data-v-317c74c2] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  padding: 20px 0 32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.node .node-footer .btn[data-v-317c74c2]  .el-button {
  padding: 9px !important;
}
.node .node-footer[data-v-317c74c2]  .el-button {
  height: 32px;
}
.node .node-footer[data-v-317c74c2]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  margin: auto;
  width: 2px;
  height: 100%;
  background-color: #cacaca;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-445e6b92]:export {
  theme: #409eff;
}
.node-error-state .node-body[data-v-445e6b92] {
  -webkit-box-shadow: 0px 0px 5px 0px #f56c6c !important;
          box-shadow: 0px 0px 5px 0px #f56c6c !important;
}
.node[data-v-445e6b92] {
  padding: 30px 55px 0;
  width: 220px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.node .node-body[data-v-445e6b92] {
  cursor: pointer;
  min-height: 80px;
  max-height: 120px;
  position: relative;
  border-radius: 5px;
  background-color: white;
  -webkit-box-shadow: 0px 0px 5px 0px #d8d8d8;
          box-shadow: 0px 0px 5px 0px #d8d8d8;
}
.node .node-body[data-v-445e6b92]:hover {
  -webkit-box-shadow: 0px 0px 3px 0px #409eff;
          box-shadow: 0px 0px 3px 0px #409eff;
}
.node .node-body:hover .node-body-left i[data-v-445e6b92],
.node .node-body:hover .node-body-right i[data-v-445e6b92] {
  display: block !important;
}
.node .node-body:hover .node-body-main .level[data-v-445e6b92] {
  display: none !important;
}
.node .node-body:hover .node-body-main .option[data-v-445e6b92] {
  display: inline-block !important;
}
.node .node-body .node-body-left[data-v-445e6b92],
.node .node-body .node-body-right[data-v-445e6b92] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  height: 100%;
}
.node .node-body .node-body-left i[data-v-445e6b92],
.node .node-body .node-body-right i[data-v-445e6b92] {
  display: none;
}
.node .node-body .node-body-left[data-v-445e6b92]:hover,
.node .node-body .node-body-right[data-v-445e6b92]:hover {
  background-color: #ececec;
}
.node .node-body .node-body-left[data-v-445e6b92] {
  left: 0;
}
.node .node-body .node-body-right[data-v-445e6b92] {
  right: 0;
  top: 0;
}
.node .node-body .node-body-main[data-v-445e6b92] {
  width: 188px;
  margin-left: 17px;
  display: inline-block;
}
.node .node-body .node-body-main .node-body-main-header[data-v-445e6b92] {
  padding: 10px 0px 5px;
  font-size: xx-small;
  position: relative;
}
.node .node-body .node-body-main .node-body-main-header .title[data-v-445e6b92] {
  color: #345da2;
  display: inline-block;
  height: 14px;
  width: 125px;
}
.node .node-body .node-body-main .node-body-main-header .level[data-v-445e6b92] {
  position: absolute;
  right: 15px;
  color: #888888;
}
.node .node-body .node-body-main .node-body-main-header .option[data-v-445e6b92] {
  position: absolute;
  right: 0;
  display: none;
  font-size: medium;
}
.node .node-body .node-body-main .node-body-main-header .option i[data-v-445e6b92] {
  color: #888888;
  padding: 0 3px;
}
.node .node-body .node-body-main .node-body-main-content[data-v-445e6b92] {
  padding: 6px;
  color: #656363;
  font-size: 14px;
}
.node .node-body .node-body-main .node-body-main-content i[data-v-445e6b92] {
  position: absolute;
  top: 55%;
  right: 10px;
  font-size: medium;
}
.node .node-body .node-body-main .node-body-main-content .placeholder[data-v-445e6b92] {
  color: #8c8c8c;
}
.node .node-body .node-error[data-v-445e6b92] {
  position: absolute;
  right: -40px;
  top: 20px;
  font-size: 25px;
  color: #f56c6c;
}
.node .node-footer[data-v-445e6b92] {
  position: relative;
}
.node .node-footer .btn[data-v-445e6b92] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  padding: 20px 0 32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.node .node-footer .btn[data-v-445e6b92]  .el-button {
  padding: 9px !important;
}
.node .node-footer[data-v-445e6b92]  .el-button {
  height: 32px;
}
.node .node-footer[data-v-445e6b92]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  margin: auto;
  width: 2px;
  height: 100%;
  background-color: #cacaca;
}
._root[data-v-fb15d464] {
  margin: 0 auto;
}
.process-end[data-v-fb15d464] {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 60px;
  margin: 0 auto;
  margin-bottom: 20px;
  border-radius: 15px;
  padding: 5px 10px;
  font-size: small;
  color: #747474;
  background-color: #f2f2f2;
  -webkit-box-shadow: 0 0 10px 0 #bcbcbc;
          box-shadow: 0 0 10px 0 #bcbcbc;
}
.process-end-finish[data-v-fb15d464] {
  color: #13ce66;
  background-color: #e7faf0;
  -webkit-box-shadow: 0 0 10px 0 #13ce66;
          box-shadow: 0 0 10px 0 #13ce66;
}
.primary-node[data-v-fb15d464] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.branch-node[data-v-fb15d464] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /*border-top: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc;*/
}
.branch-node-item[data-v-fb15d464] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f5f6f6;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc;
}
.branch-node-item[data-v-fb15d464]:before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 1px);
  margin: auto;
  width: 2px;
  height: 100%;
  background-color: #cacaca;
}
.branch-node-item .line-top-left[data-v-fb15d464],
.branch-node-item .line-top-right[data-v-fb15d464],
.branch-node-item .line-bot-left[data-v-fb15d464],
.branch-node-item .line-bot-right[data-v-fb15d464] {
  position: absolute;
  width: 50%;
  height: 4px;
  background-color: #f5f6f6;
}
.branch-node-item .line-top-left[data-v-fb15d464] {
  top: -2px;
  left: -1px;
}
.branch-node-item .line-top-right[data-v-fb15d464] {
  top: -2px;
  right: -1px;
}
.branch-node-item .line-bot-left[data-v-fb15d464] {
  bottom: -2px;
  left: -1px;
}
.branch-node-item .line-bot-right[data-v-fb15d464] {
  bottom: -2px;
  right: -1px;
}
.add-branch-btn[data-v-fb15d464] {
  position: absolute;
  width: 80px;
}
.add-branch-btn .add-branch-btn-el[data-v-fb15d464] {
  z-index: 999;
  position: absolute;
  top: -15px;
}
.empty-node[data-v-fb15d464] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.process-steps[data-v-59664fca] {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #f5f6f6;
}
.process-steps .content[data-v-59664fca] {
  height: 100%;
  position: relative;
}
.process-steps .panzoom-wrapper[data-v-59664fca] {
  display: inline-block;
  padding: 20px;
}
.search-box[data-v-59664fca] {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
}
.search-box .search-controls[data-v-59664fca] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 0 4px;
}
.search-box .search-controls .search-count[data-v-59664fca] {
  font-size: 12px;
  color: #606266;
  white-space: nowrap;
  min-width: 38px;
}
.search-box .search-controls .search-controls-buttons[data-v-59664fca] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.search-box .search-controls .search-controls-buttons .el-icon-arrow-up[data-v-59664fca],
.search-box .search-controls .search-controls-buttons .el-icon-arrow-down[data-v-59664fca] {
  cursor: pointer;
  font-size: 12px;
  color: #606266;
}
.search-box .search-controls .search-controls-buttons .el-icon-arrow-up[data-v-59664fca]:hover,
.search-box .search-controls .search-controls-buttons .el-icon-arrow-down[data-v-59664fca]:hover {
  color: #409eff;
}
.search-box[data-v-59664fca]  .el-input-group__append {
  padding: 0 8px;
}
.scale[data-v-59664fca] {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}
.scale .el-button[data-v-59664fca] {
  padding: 5px !important;
}
.scale span[data-v-59664fca] {
  margin: 0 8px;
  font-weight: 500;
}
.selected-node-content[data-v-59664fca] {
  padding: 20px;
}
.selected-node-content .el-icon-success[data-v-59664fca] {
  color: #67c23a;
}
.selected-node-content .el-icon-s-promotion[data-v-59664fca],
.selected-node-content .el-icon-loading[data-v-59664fca],
.selected-node-content .el-icon-edit-outline[data-v-59664fca] {
  color: #409eff;
}
.selected-node-content .el-icon-error[data-v-59664fca],
.selected-node-content .el-icon-refresh-left[data-v-59664fca] {
  color: #f56c6c;
}
.selected-node-content .des-user-name[data-v-59664fca] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
}
.selected-node-content .attachments-list[data-v-59664fca] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  line-height: 0;
}
.selected-node-content .attachment-image[data-v-59664fca] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  border: 1px solid #e4e7ed;
}
.selected-node-content .attachment-file[data-v-59664fca] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
  background-color: #f5f7fa;
  border-radius: 4px;
  text-decoration: none;
  color: #409eff;
  font-size: 12px;
  width: 80px;
  height: 80px;
  border: 1px solid #e4e7ed;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.selected-node-content .attachment-file[data-v-59664fca]:hover {
  background-color: #ecf5ff;
  border-color: #c6e2ff;
}
.selected-node-content .attachment-file .file-icon[data-v-59664fca] {
  margin-right: 0;
  margin-bottom: 5px;
  font-size: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.selected-node-content .attachment-file .file-name[data-v-59664fca] {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  line-height: 1.2;
}
[data-v-59664fca] .node.search-highlighted > .node-body {
  -webkit-animation: searchBlink-data-v-59664fca 0.5s ease-in-out 3;
          animation: searchBlink-data-v-59664fca 0.5s ease-in-out 3;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  position: relative;
  z-index: 10;
  -webkit-box-shadow: 0 0 0 6px #ab47bc;
          box-shadow: 0 0 0 6px #ab47bc;
}
@-webkit-keyframes searchBlink-data-v-59664fca {
0% {
    -webkit-box-shadow: 0 0 0 6px #ab47bc;
            box-shadow: 0 0 0 6px #ab47bc;
}
50% {
    -webkit-box-shadow: 0 0 0 6px rgba(171, 71, 188, 0.3);
            box-shadow: 0 0 0 6px rgba(171, 71, 188, 0.3);
}
100% {
    -webkit-box-shadow: 0 0 0 6px #ab47bc;
            box-shadow: 0 0 0 6px #ab47bc;
}
}
@keyframes searchBlink-data-v-59664fca {
0% {
    -webkit-box-shadow: 0 0 0 6px #ab47bc;
            box-shadow: 0 0 0 6px #ab47bc;
}
50% {
    -webkit-box-shadow: 0 0 0 6px rgba(171, 71, 188, 0.3);
            box-shadow: 0 0 0 6px rgba(171, 71, 188, 0.3);
}
100% {
    -webkit-box-shadow: 0 0 0 6px #ab47bc;
            box-shadow: 0 0 0 6px #ab47bc;
}
}
.return[data-v-0cdc2206] {
  margin-bottom: 20px;
}
.return .return-label[data-v-0cdc2206] {
  margin-bottom: 10px;
}
.return .submit-label[data-v-0cdc2206] {
  margin: 10px 0;
}
.return .input-width[data-v-0cdc2206] {
  width: 300px;
}

.el-message-box {
  max-width: 80%;
}

.item-right .mail-item-content[data-v-2626968c] {
  background-color: #c9e7ff !important;
}
.mail-item-head[data-v-2626968c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mail-item-content[data-v-2626968c] {
  overflow: auto;
  margin-top: 6px;
  padding: 4px;
  border: 1px #eee solid;
  border-radius: 4px;
  background-color: #f6f9fa;
}
.mail-item-content[data-v-2626968c]  p {
  font-size: 16px;
}
.mail-item-content[data-v-2626968c]  table {
  width: 100% !important;
}
.mail-item-content[data-v-2626968c]  pre {
  white-space: pre-wrap !important;
}
.mail-item-content[data-v-2626968c]  span {
  white-space: pre-wrap !important;
  display: inline !important;
}
.mail-item-content[data-v-2626968c]  a {
  color: #409eff;
}
.mail-item-content[data-v-2626968c]  .gmail-Bk {
  width: auto !important;
}
.mail-item-content[data-v-2626968c]  .gmail-Bk .gmail-gs {
  width: auto !important;
}
.mail-item-content[data-v-2626968c]  .gmail-Bk .gmail-gs .gmail-gK {
  width: auto !important;
}
.mail-item-content[data-v-2626968c]  .gmail-Bk .gmail-gs .gmail-gK .gmail-ix {
  width: auto !important;
}
.mail-item-content[data-v-2626968c]  .gmail-Bk .gmail-adz {
  width: auto !important;
}
.mail-item-content[data-v-2626968c]  .gmail-gs {
  width: auto !important;
}
.mail-item-content[data-v-2626968c]  .gmail-gs .gmail-gE .gmail-cf {
  width: 100% !important;
}
.mail-item-content[data-v-2626968c]  .gmail-gs .gmail-gE .gmail-cf .gmail-acZ .gmail-gF {
  width: 50% !important;
}
.mail-item-content[data-v-2626968c]  .gmail-gE .gmail-acZ .gmail-gF.gmail-gK {
  width: 50% !important;
}
.mail-item-content[data-v-2626968c]  .gmail-gE .gmail-xD .gmail-cf {
  width: 100% !important;
}
.mail-item-content[data-v-2626968c]  .gmail-cf,
.mail-item-content .gmail-An[data-v-2626968c] {
  width: auto !important;
}
.mail-item-content[data-v-2626968c]  .gmail-cf .gmail-Ap,
.mail-item-content .gmail-An .gmail-Ap[data-v-2626968c] {
  width: auto !important;
}
.mail-item-content[data-v-2626968c]  .gmail-cf .gmail-Ap .gmail-Am,
.mail-item-content[data-v-2626968c]  .gmail-cf .gmail-Ap .gmail-Al,
.mail-item-content .gmail-An .gmail-Ap .gmail-Am[data-v-2626968c],
.mail-item-content .gmail-An .gmail-Ap .gmail-Al[data-v-2626968c] {
  width: auto !important;
}
.mail-item-content img[data-v-2626968c] {
  max-width: 500px !important;
  height: 100% !important;
}
.mail-item-content .mail-item-content-fold[data-v-2626968c] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.mail-item-content .mail-quote[data-v-2626968c] {
  padding: 16px 0;
}
.mail-item-content .mail-quote .mail-quote-click[data-v-2626968c] {
  display: inline-block;
  margin-bottom: 10px;
  cursor: pointer;
}
.mail-item-content[data-v-2626968c]  .__aliyun_email_body_block {
  max-width: 700px;
  overflow-x: auto;
}
.mail-item-more[data-v-2626968c] {
  height: 34px;
  width: 100%;
  line-height: 34px;
  text-align: center;
  background-color: #f7f9fa;
  cursor: pointer;
}
.mail-item-more i[data-v-2626968c] {
  font-weight: 700;
}
.mail-item-more[data-v-2626968c]:hover {
  background-color: #eff2f3;
}
.mail-item-appendix[data-v-2626968c] {
  margin-top: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mail-item-appendix a[data-v-2626968c] {
  color: #1890ff;
}
@charset "UTF-8";
.msg-mail-list[data-v-b78c64d4] {
  padding-top: 0px;
  overflow: auto;
  width: 100%;
  height: 100%;
}
.msg-mail-list .loading-buttom[data-v-b78c64d4] {
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.msg-mail-list .loading[data-v-b78c64d4] {
  text-align: center;
}
.msg-mail-list .mail-item-container[data-v-b78c64d4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: 16px;
  padding-bottom: 30px;
}
.msg-mail-list .mail-item-container .mail-item[data-v-b78c64d4] {
  position: relative;
}
@media screen and (max-width: 2560px) {
.msg-mail-list .mail-item-container .mail-item[data-v-b78c64d4] {
    max-width: 80%;
    min-width: 42%;
}
}
@media screen and (max-width: 1920px) {
.msg-mail-list .mail-item-container .mail-item[data-v-b78c64d4] {
    max-width: 86%;
}
}
.msg-mail-list .mail-item-container .mail-item .check-left[data-v-b78c64d4] {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -70px;
  margin-top: 10px;
}
.msg-mail-list .mail-item-container .mail-item .check-left .el-checkbox[data-v-b78c64d4] {
  display: block;
}
.msg-mail-list .mail-item-container .mail-item .check-left[data-v-b78c64d4] :nth-of-type(2) {
  margin-top: 2px;
}
.msg-mail-list .mail-item-container .mail-item .check-right[data-v-b78c64d4] {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -100px;
  margin-top: 10px;
}
.msg-mail-list .mail-item-container .mail-item .check-right .el-checkbox[data-v-b78c64d4] {
  display: block;
}
.msg-mail-list .mail-item-container .mail-item .check-right[data-v-b78c64d4] :nth-of-type(2) {
  margin-top: 2px;
}
.msg-mail-list .check-right[data-v-b78c64d4] {
  margin-left: 12px;
}
.msg-mail-list .mail-item-right[data-v-b78c64d4] {
  padding-right: 100px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.msg-mail-list .mail-item-left[data-v-b78c64d4] {
  padding-left: 60px;
}
@media screen and (max-width: 768px) {
.msg-mail-list .mail-item-container[data-v-b78c64d4] {
    margin-left: 0;
    padding-bottom: 12px;
}
.msg-mail-list .mail-item-left[data-v-b78c64d4],
.msg-mail-list .mail-item-right[data-v-b78c64d4] {
    padding-left: 8px;
    padding-right: 8px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.msg-mail-list .mail-item[data-v-b78c64d4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100%;
}
.msg-mail-list .mail-item .check-left[data-v-b78c64d4],
.msg-mail-list .mail-item .check-right[data-v-b78c64d4] {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    position: static !important;
    -webkit-transform: none !important;
            transform: none !important;
    margin-top: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
}
.msg-mail-list .mail-item .check-left[data-v-b78c64d4]  .el-checkbox__inner,
.msg-mail-list .mail-item .check-right[data-v-b78c64d4]  .el-checkbox__inner {
    width: 18px;
    height: 18px;
    border-radius: 4px;
}
.msg-mail-list .mail-item .check-left[data-v-b78c64d4]  .el-checkbox__inner::after,
.msg-mail-list .mail-item .check-right[data-v-b78c64d4]  .el-checkbox__inner::after {
    left: 5px;
    top: 2px;
}
.msg-mail-list .mail-item-left .mail-item[data-v-b78c64d4]  > div:first-child {
    max-width: 85%;
}
.msg-mail-list .mail-item-left .mail-item[data-v-b78c64d4]  .item-left .mail-item-head {
    font-size: 12px;
    color: #86909c;
    margin-bottom: 4px;
}
.msg-mail-list .mail-item-left .mail-item[data-v-b78c64d4]  .item-left .mail-item-head p {
    font-size: 13px;
    font-weight: 600;
    color: #1d2129;
}
.msg-mail-list .mail-item-left .mail-item[data-v-b78c64d4]  .item-left .mail-item-content {
    background: #f0f2f5 !important;
    border: none !important;
    border-radius: 0 12px 12px 12px !important;
    padding: 10px 12px;
    font-size: 13px;
    line-height: 1.6;
    word-break: break-word;
}
.msg-mail-list .mail-item-right .mail-item[data-v-b78c64d4]  > div:first-child {
    margin-left: auto;
    max-width: 85%;
}
.msg-mail-list .mail-item-right .mail-item[data-v-b78c64d4]  .item-right .mail-item-head {
    font-size: 12px;
    color: #86909c;
    margin-bottom: 4px;
    text-align: right;
}
.msg-mail-list .mail-item-right .mail-item[data-v-b78c64d4]  .item-right .mail-item-head p {
    font-size: 13px;
    font-weight: 600;
    color: #1d2129;
}
.msg-mail-list .mail-item-right .mail-item[data-v-b78c64d4]  .item-right .mail-item-content {
    background: #c9e7ff !important;
    border: none !important;
    border-radius: 12px 0 12px 12px !important;
    padding: 10px 12px;
    font-size: 13px;
    line-height: 1.6;
    word-break: break-word;
}
}
/*定义整个滚动条高宽及背景：高宽分别对应横竖滚动条的尺寸*/
[data-v-b78c64d4]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #f5f5f5;
}
/*定义滚动条轨道：内阴影+圆角*/
[data-v-b78c64d4]::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
/*定义滑块：内阴影+圆角*/
[data-v-b78c64d4]::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: rgba(178, 179, 182, 0.3);
}
[data-v-b78c64d4]::-webkit-scrollbar-thumb:hover {
  background-color: rgba(144, 147, 153, 0.3);
}
@media screen and (max-width: 768px) {
.cus-dialog-fixed.association-mail-item-dialog .el-dialog {
    width: 95% !important;
    margin: 5vh auto !important;
    border-radius: 12px;
    height: auto !important;
}
.cus-dialog-fixed.association-mail-item-dialog .el-dialog__header {
    padding: 14px 16px 10px !important;
    border-bottom: 1px solid #ebeef5;
}
.cus-dialog-fixed.association-mail-item-dialog .el-dialog__title {
    font-size: 15px;
    font-weight: 600;
}
.cus-dialog-fixed.association-mail-item-dialog .el-dialog__body {
    padding: 10px 8px !important;
    height: auto !important;
    max-height: 65vh !important;
    overflow-y: auto !important;
}
.cus-dialog-fixed.association-mail-item-dialog .el-dialog__footer {
    padding: 10px 16px 14px !important;
    border-top: 1px solid #ebeef5;
}
.cus-dialog-fixed.association-mail-item-dialog .el-dialog__footer .dialog-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}
.cus-dialog-fixed.association-mail-item-dialog .el-dialog__footer .dialog-footer .el-button {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 40px;
    font-size: 14px;
    margin: 0 !important;
}
}
.inner-circle-form[data-v-6bd1e85a] {
  padding-bottom: 20px;
}
.custom-dialog[data-v-2404beea]  .el-dialog {
  overflow: hidden;
}
.custom-dialog[data-v-2404beea]  .el-dialog__body {
  height: calc(100vh - 125px);
  max-height: calc(100vh - 125px);
  overflow-y: auto;
}
.cus-dialog-fixed[data-v-2404beea]  .el-dialog__body {
  height: calc(100vh - 300px);
  max-height: calc(100vh - 300px);
  overflow-y: auto;
}
.dialog-footer[data-v-2404beea]  .el-dropdown {
  cursor: pointer;
  margin-right: 20px;
}
.mobile-dialog-footer[data-v-2404beea] {
  width: 100%;
  min-height: 50px;
  background-color: #fff;
  border-top: 1px solid #e8e8e8;
  padding-top: 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.wx-footer[data-v-2404beea] {
  text-align: center;
}
.wx-footer .el-button[data-v-2404beea] {
  font-size: 14px;
  line-height: 20px;
  color: #10141a;
  border: none;
  cursor: default;
}
.wx-footer .confirm-btn[data-v-2404beea] {
  margin-right: 2px;
  width: 166px;
  height: 32px;
  color: #fff;
  padding: 0 !important;
  background-color: #267ef0;
}
.wx-footer .confirm-btn[data-v-2404beea]:hover {
  border-color: #4b95f3;
  background-color: #4b95f3;
}
.wx-footer .confirm-btn[data-v-2404beea]:active {
  border-color: #65a4f5;
  background-color: #65a4f5;
}
.wx-footer .close-btn[data-v-2404beea] {
  width: 166px;
  height: 32px;
  padding: 0 !important;
  background-color: rgba(6, 15, 26, 0.05);
}
.wx-footer .close-btn[data-v-2404beea]:hover {
  background-color: rgba(6, 15, 26, 0.1);
}
.wx-footer .close-btn[data-v-2404beea]:active {
  background-color: rgba(7, 15, 26, 0.15);
}
.wx-approval-row[data-v-2404beea] {
  min-height: 100%;
  height: 100%;
  width: 580px;
  margin: 0 auto;
}
.mobile-approval-row[data-v-2404beea] {
  width: 100%;
}
.approval-row[data-v-2404beea],
.approval-process[data-v-2404beea] {
  height: 100%;
  min-height: 100%;
}
.form-col[data-v-2404beea] {
  border-right: 1px solid #e8e8e8;
}
.process-tag[data-v-2404beea] {
  margin: 10px 0;
}
.signature-testing p + p[data-v-2404beea] {
  margin-top: 5px;
}
.approval-content[data-v-2404beea] {
  padding-bottom: 25px;
}
.approval-content[data-v-2404beea]  .el-input.is-disabled .el-input__inner {
  background-color: #fbfcff;
  color: #3d3e3e;
}
.approval-content[data-v-2404beea]  .el-textarea.is-disabled .el-textarea__inner {
  background-color: #fbfcff;
  color: #3d3e3e;
}
.customer-service .customer-main[data-v-62843a10] {
  background: #fff;
}
.customer-service .my-process[data-v-62843a10] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 8px 0;
}
.customer-service .header-card[data-v-62843a10] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
.customer-service .header-card .card-img-item[data-v-62843a10] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 10px;
}
.customer-service .header-card .card-img-item .img-bg svg[data-v-62843a10] {
  width: 48px;
  height: 48px;
}
.customer-service .header-card .content[data-v-62843a10] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
}
.customer-service .header-card .content .value[data-v-62843a10] {
  font-size: 28px;
  font-weight: 700;
}
.customer-service .card-items[data-v-62843a10] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}
.customer-service .card-items > div[data-v-62843a10] {
  width: 23%;
}
.customer-service .orc-card .radio-change[data-v-62843a10] {
  float: right;
}
.customer-service .orc-card + .orc-card[data-v-62843a10] {
  margin-top: 20px;
}
.customer-service .alert-item[data-v-62843a10] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 13px;
}
.customer-service .alert-item > span[data-v-62843a10]:nth-child(2) {
  font-size: 16px;
  font-weight: 700;
  color: #f67162;
}
.customer-service .alert-item + .alert-item[data-v-62843a10] {
  margin-top: 5px;
}
.customer-service .right-card[data-v-62843a10]  .el-card__body {
  padding: 20px;
}
.customer-service .echarts-item[data-v-62843a10] {
  height: 480px;
}
.customer-service .echarts-pie[data-v-62843a10] {
  height: 200px;
}
.customer-service .score-time[data-v-62843a10] {
  margin-left: 5px;
  color: #409eff;
}
.customer-service .scoreTrend[data-v-62843a10] {
  margin-top: 20px;
}
.customer-service .mt20[data-v-62843a10] {
  margin-top: 20px;
}
.customer-service .mt50[data-v-62843a10] {
  margin-top: 50px;
}
.customer-service .title[data-v-62843a10] {
  font-size: 16px;
  font-weight: 700;
}
.customer-service .rightDateSelect[data-v-62843a10] {
  width: 300px;
  float: right;
}
.customer-service .date-select[data-v-62843a10] {
  width: 300px;
  margin: 10px 0 20px;
}
.customer-service .date-select.flex[data-v-62843a10] {
  width: 680px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.customer-service .date-select.flex .el-date-editor + .el-date-editor[data-v-62843a10] {
  margin-left: 20px;
}
.epc-brand-list .el-col[data-v-62843a10] {
  padding: 20px 0;
  cursor: pointer;
}
.epc-brand-list .el-col[data-v-62843a10]:hover {
  background-color: #e9f1fa;
}
.epc-brand-list .product-brand-image[data-v-62843a10] {
  width: 100px;
  height: 100px;
}
.epc-brand-list .product-brand-name[data-v-62843a10] {
  text-align: center;
  font-size: 14px;
}

.total-layout[data-v-5954443c] {
  margin-top: 20px;
}
.total-frame[data-v-5954443c] {
  border: 1px solid #dcdfe6;
  padding: 20px;
  height: 100px;
}
.total-icon[data-v-5954443c] {
  color: #409eff;
  width: 60px;
  height: 60px;
}
.total-title[data-v-5954443c] {
  position: relative;
  font-size: 16px;
  color: #909399;
  left: 70px;
  top: -50px;
}
.total-value[data-v-5954443c] {
  position: relative;
  font-size: 18px;
  color: #606266;
  left: 70px;
  top: -40px;
}
.un-handle-layout[data-v-5954443c] {
  margin-top: 20px;
  border: 1px solid #dcdfe6;
}
.layout-title[data-v-5954443c] {
  color: #606266;
  padding: 15px 20px;
  background: #f2f6fc;
  font-weight: bold;
}
.un-handle-content[data-v-5954443c] {
  padding: 20px 40px;
}
.un-handle-item[data-v-5954443c] {
  border-bottom: 1px solid #ebeef5;
  padding: 10px;
}
.overview-layout[data-v-5954443c] {
  margin-top: 20px;
}
.overview-item-value[data-v-5954443c] {
  font-size: 24px;
  text-align: center;
}
.overview-item-title[data-v-5954443c] {
  margin-top: 10px;
  text-align: center;
}
.out-border[data-v-5954443c] {
  border: 1px solid #dcdfe6;
}
.statistics-layout[data-v-5954443c] {
  margin-top: 20px;
  border: 1px solid #dcdfe6;
}
.mine-layout[data-v-5954443c] {
  position: absolute;
  right: 140px;
  top: 107px;
  width: 250px;
  height: 235px;
}
.address-content[data-v-5954443c] {
  padding: 20px;
  font-size: 18px;
}
.sales-statistics .statistics-icon .svg-icon[data-v-5954443c] {
  display: inline-block;
  width: 30px;
  height: 30px;
}
.sales-statistics .el-row .el-col[data-v-5954443c] {
  padding: 20px 0;
}
.sales-statistics .el-row .el-col[data-v-5954443c]:hover {
  background-color: #e9f1fa;
}
.sales-statistics .el-col[data-v-5954443c] {
  cursor: pointer;
}
.product-brand-image[data-v-5954443c] {
  width: 100px;
  height: 100px;
}
.product-brand-name[data-v-5954443c] {
  text-align: center;
  font-size: 14px;
}

@charset "UTF-8";
/* 隐藏ai助手 */
.wl {
  height: 100vh;
  height: 100dvh;
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  background: #f5f6fa;
  font-family: -apple-system, "PingFang SC", "Helvetica Neue", sans-serif;
}
.wl__top {
  position: relative;
  background: linear-gradient(145deg, #0f1828 0%, #1a2640 50%, #0d1f3c 100%);
  padding: clamp(20px, 4vh, 36px) 28px clamp(28px, 5vh, 48px);
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.wl__grid {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  background-size: 28px 28px;
  pointer-events: none;
}
.wl__glow {
  position: absolute;
  border-radius: 50%;
  -webkit-filter: blur(70px);
          filter: blur(70px);
  pointer-events: none;
}
.wl__glow--1 {
  width: 280px;
  height: 280px;
  background: rgba(22, 93, 255, 0.22);
  top: -80px;
  right: -60px;
}
.wl__glow--2 {
  width: 200px;
  height: 200px;
  background: rgba(74, 108, 247, 0.15);
  bottom: 10px;
  left: -50px;
}
.wl__brand {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
}
.wl__brand-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  margin-bottom: clamp(16px, 2.8vh, 24px);
  -webkit-animation: wlFadeUp 0.5s ease both;
          animation: wlFadeUp 0.5s ease both;
}
.wl__logo-wrap {
  width: 56px;
  height: 56px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #fff;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.15);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.15);
}
.wl__logo {
  width: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
.wl__brand-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-animation: wlFadeUp 0.5s ease 0.08s both;
          animation: wlFadeUp 0.5s ease 0.08s both;
}
.wl__app-name {
  font-size: 24px;
  font-weight: 800;
  color: #fff;
  margin: 0 0 4px;
  letter-spacing: 0.5px;
  line-height: 1.2;
}
.wl__app-desc {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  margin: 0;
  letter-spacing: 0.5px;
}
.wl__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-animation: wlFadeUp 0.5s ease 0.15s both;
          animation: wlFadeUp 0.5s ease 0.15s both;
}
.wl__tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.65);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 20px;
  padding: 5px 11px;
  letter-spacing: 0.3px;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.wl__tag-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.wl__tag-dot--green {
  background: #00d6a1;
  -webkit-box-shadow: 0 0 6px #00d6a1;
          box-shadow: 0 0 6px #00d6a1;
}
.wl__tag-dot--blue {
  background: #4a7fff;
  -webkit-box-shadow: 0 0 6px #4a7fff;
          box-shadow: 0 0 6px #4a7fff;
}
.wl__tag-dot--orange {
  background: #ff9f43;
  -webkit-box-shadow: 0 0 6px #ff9f43;
          box-shadow: 0 0 6px #ff9f43;
}
.wl__arc {
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  height: 32px;
  z-index: 2;
}
.wl__arc svg {
  width: 100%;
  height: 100%;
  display: block;
}
.wl__bottom {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #f5f6fa;
  padding-top: 8px;
  overflow: hidden;
}
.wl__form-wrap {
  position: relative;
  z-index: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 16px;
  background: #fff;
  border-radius: 20px;
  padding: clamp(24px, 4vh, 40px) 24px clamp(16px, 2.5vh, 24px);
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
  -webkit-animation: wlFadeUp 0.5s ease 0.2s both;
          animation: wlFadeUp 0.5s ease 0.2s both;
  border: 1px solid rgba(0, 0, 0, 0.04);
}
.wl__form-header {
  margin-bottom: clamp(20px, 3.5vh, 32px);
  padding-bottom: clamp(18px, 2.8vh, 28px);
  border-bottom: 1px solid #f2f3f5;
  text-align: center;
}
.wl__form-title {
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #1d2129;
  margin-bottom: 5px;
  letter-spacing: 0.3px;
}
.wl__form-sub {
  display: block;
  font-size: 13px;
  color: #86909c;
}
.wl__form .el-form-item {
  margin-bottom: 0;
}
.wl__form .el-form-item__error {
  font-size: 12px;
  padding-top: 4px;
  padding-left: 4px;
}
.wl__item {
  margin-bottom: clamp(10px, 1.5vh, 14px) !important;
}
.wl__item:last-of-type {
  margin-bottom: 0 !important;
}
.wl__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  background: #f7f8fa;
  border: 1.5px solid #e5e7eb;
  border-radius: 12px;
  -webkit-transition: border-color 0.18s, background 0.18s, -webkit-box-shadow 0.18s;
  transition: border-color 0.18s, background 0.18s, -webkit-box-shadow 0.18s;
  transition: border-color 0.18s, background 0.18s, box-shadow 0.18s;
  transition: border-color 0.18s, background 0.18s, box-shadow 0.18s, -webkit-box-shadow 0.18s;
  cursor: text;
  overflow: hidden;
}
.wl__field--focus {
  background: #fff;
  border-color: #165dff;
  -webkit-box-shadow: 0 0 0 3px rgba(22, 93, 255, 0.1);
          box-shadow: 0 0 0 3px rgba(22, 93, 255, 0.1);
}
.wl__field--focus .wl__field-icon svg,
.wl__field--focus .wl__field-icon .svg-icon {
  color: #165dff;
}
.wl__field--focus .wl__field-label {
  color: #165dff;
}
.wl__field-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 44px;
  height: clamp(46px, 7vh, 56px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wl__field-icon svg,
.wl__field-icon .svg-icon {
  width: 18px;
  height: 18px;
  color: #c2c7d0;
  -webkit-transition: color 0.18s;
  transition: color 0.18s;
}
.wl__field-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 0;
  min-width: 0;
}
.wl__field-label {
  font-size: 11px;
  font-weight: 600;
  color: #86909c;
  letter-spacing: 0.3px;
  line-height: 1;
  margin-bottom: 3px;
  -webkit-transition: color 0.18s;
  transition: color 0.18s;
  pointer-events: none;
}
.wl__field-input {
  border: none;
  outline: none;
  background: transparent;
  font-size: 15px;
  color: #1d2129;
  font-weight: 500;
  width: 100%;
  padding: 0;
  line-height: 1.4;
  font-family: inherit;
}
.wl__field-input::-webkit-input-placeholder {
  color: #c9cdd4;
  font-weight: 400;
}
.wl__field-input::-moz-placeholder {
  color: #c9cdd4;
  font-weight: 400;
}
.wl__field-input::-ms-input-placeholder {
  color: #c9cdd4;
  font-weight: 400;
}
.wl__field-input::placeholder {
  color: #c9cdd4;
  font-weight: 400;
}
.wl__eye {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 44px;
  height: clamp(46px, 7vh, 56px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
}
.wl__eye svg,
.wl__eye .svg-icon {
  width: 18px;
  height: 18px;
  color: #c2c7d0;
  -webkit-transition: color 0.18s;
  transition: color 0.18s;
}
.wl__eye:active svg, .wl__eye:active .svg-icon {
  color: #165dff;
}
.wl__submit {
  width: 100%;
  height: clamp(44px, 6vh, 50px);
  background: #165dff;
  border: none;
  border-radius: 12px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  margin-top: clamp(12px, 2vh, 20px);
  letter-spacing: 0.5px;
  -webkit-box-shadow: 0 6px 20px rgba(22, 93, 255, 0.32);
          box-shadow: 0 6px 20px rgba(22, 93, 255, 0.32);
  -webkit-transition: background 0.15s, -webkit-box-shadow 0.15s, -webkit-transform 0.1s;
  transition: background 0.15s, -webkit-box-shadow 0.15s, -webkit-transform 0.1s;
  transition: background 0.15s, box-shadow 0.15s, transform 0.1s;
  transition: background 0.15s, box-shadow 0.15s, transform 0.1s, -webkit-box-shadow 0.15s, -webkit-transform 0.1s;
  position: relative;
  overflow: hidden;
  font-family: inherit;
}
.wl__submit::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, transparent 60%);
  pointer-events: none;
}
.wl__submit:active:not(:disabled) {
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
  -webkit-box-shadow: 0 3px 10px rgba(22, 93, 255, 0.25);
          box-shadow: 0 3px 10px rgba(22, 93, 255, 0.25);
}
.wl__submit--loading, .wl__submit:disabled {
  background: #94b3fd;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
  -webkit-transform: none;
          transform: none;
}
.wl__submit-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  position: relative;
  z-index: 1;
}
.wl__submit-icon {
  width: 17px !important;
  height: 17px !important;
  opacity: 0.9;
}
.wl__spin {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: #fff;
  border-radius: 50%;
  -webkit-animation: wlSpin 0.65s linear infinite;
          animation: wlSpin 0.65s linear infinite;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.wl__secure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  margin-top: clamp(10px, 1.5vh, 16px);
  font-size: 11px;
  color: #c2c7d0;
}
.wl__secure svg,
.wl__secure .svg-icon {
  width: 12px !important;
  height: 12px !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #c2c7d0;
}
.wl__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
  padding: clamp(12px, 2vh, 20px) 24px clamp(12px, 2vh, 20px);
  margin-top: 0;
  -webkit-animation: wlFadeUp 0.5s ease 0.3s both;
          animation: wlFadeUp 0.5s ease 0.3s both;
}
.wl__footer-line {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(#e5e7eb));
  background: linear-gradient(90deg, transparent, #e5e7eb);
}
.wl__footer-line:last-child {
  background: -webkit-gradient(linear, left top, right top, from(#e5e7eb), to(transparent));
  background: linear-gradient(90deg, #e5e7eb, transparent);
}
.wl__footer-text {
  font-size: 11px;
  color: #c2c7d0;
  white-space: nowrap;
  letter-spacing: 0.5px;
}
@-webkit-keyframes wlFadeUp {
from {
    opacity: 0;
    -webkit-transform: translateY(16px);
            transform: translateY(16px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes wlFadeUp {
from {
    opacity: 0;
    -webkit-transform: translateY(16px);
            transform: translateY(16px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@-webkit-keyframes wlSpin {
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes wlSpin {
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.hide .el-upload--picture-card[data-v-1bee242a] {
  display: none;
}
.limit-sty[data-v-1bee242a] {
  color: #007dff;
}
.el-cascader[data-v-58d64810] {
  width: 94%;
}
.el-cascader .el-input[data-v-58d64810] {
  width: 100%;
}
.el-select[data-v-58d64810] {
  width: 94%;
}
@charset "UTF-8";
.editor-wrap[data-v-789231c3] {
  border: 1px solid #ccc;
  margin-top: 10px;
  word-break: break-word;
  /* 解决行末单词折行问题 */
  white-space: normal;
  /* 保持正常的文本换行规则 */
}
.editor-wrap[data-v-789231c3]  .w-e-text-container {
  position: static;
  padding: 13px 0 10px 0;
}
.editor-wrap[data-v-789231c3]  .w-e-text-container p {
  margin: 0 !important;
}
.editor-wrap[data-v-789231c3]  .table-container {
  margin-bottom: 30px;
  pointer-events: none;
  /*解决wangEditor表格聚焦会自动滚到第一行表格处的问题*/
}
.editor-chatGPT-wrap[data-v-789231c3] {
  border: none;
  margin-top: 0;
}
.w-e-full-screen-container[data-v-789231c3] {
  z-index: 1000;
}
.wang-editor[data-v-789231c3] {
  position: relative;
  height: 400px;
}
/*富文本图片放大*/
.imgLarge[data-v-789231c3] {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 10001;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: auto;
}
.imgLarge #imgLargeClose[data-v-789231c3] {
  position: fixed;
  top: 35px;
  cursor: pointer;
  right: 7%;
  font-size: 50px;
  color: white;
}
.imgLarge img[data-v-789231c3] {
  max-width: 80% !important;
  max-height: 100% !important;
}
.progress[data-v-789231c3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.wang-editor-chatGPT[data-v-789231c3] {
  /*gpt聊天框不显示工具栏*/
}
.wang-editor-chatGPT[data-v-789231c3]  .w-e-hover-bar {
  display: none;
}
.wang-editor-chatGPT[data-v-789231c3]  .w-e-text-container {
  overflow-y: auto !important;
  padding: 13px 0 10px 0;
}
[data-menu-rTL][data-v-789231c3] {
  direction: rtl;
}
.img-upload-tip[data-v-789231c3] {
  color: #ff4949;
}
.img-upload-tip .img-upload-progress[data-v-789231c3] {
  display: inline-block;
  width: 100px;
  margin-left: 10px;
}
.parts-list[data-v-56138db8] {
  margin: 10px;
}
.parts-list .box-card[data-v-56138db8] {
  margin-bottom: 30px;
}
.parts-list .box-card[data-v-56138db8]  .el-table::before {
  border: none;
  height: 0;
}
.parts-list .box-card[data-v-56138db8]  .el-table .el-table__header-wrapper {
  margin-bottom: 20px;
}
.parts-list .box-card[data-v-56138db8]  .el-table .td.el-table__cell {
  border-bottom: none;
  background-color: #fff;
}
.parts-list .box-card[data-v-56138db8]  .el-table td.el-table__cell {
  border-bottom: none;
}
.parts-list .box-card[data-v-56138db8]  .el-table td > .cell {
  padding: 0 12px !important;
}
.parts-list .box-card .parts-title[data-v-56138db8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.parts-list .box-card .parts-title .parts-title-left[data-v-56138db8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.parts-list .box-card .parts-title .parts-title-left span[data-v-56138db8] {
  display: inline-block;
  width: 4px;
  height: 16px;
  background-color: #409eff;
  margin-right: 10px;
}
.parts-list .box-card .red-rule[data-v-56138db8] {
  margin-right: 6px;
  color: red;
}
.parts-list[data-v-0f26b8a4] {
  margin: 10px;
}
.parts-list .box-card[data-v-0f26b8a4] {
  margin-bottom: 30px;
}
.parts-list .box-card[data-v-0f26b8a4]  .el-table::before {
  border: none;
  height: 0;
}
.parts-list .box-card[data-v-0f26b8a4]  .el-table .el-table__header-wrapper {
  margin-bottom: 20px;
}
.parts-list .box-card[data-v-0f26b8a4]  .el-table .td.el-table__cell {
  border-bottom: none;
  background-color: #fff;
}
.parts-list .box-card[data-v-0f26b8a4]  .el-table td.el-table__cell {
  border-bottom: none;
}
.parts-list .box-card[data-v-0f26b8a4]  .el-table td > .cell {
  padding: 0 12px !important;
}
.parts-list .box-card .parts-title[data-v-0f26b8a4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.parts-list .box-card .parts-title .parts-title-left[data-v-0f26b8a4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.parts-list .box-card .parts-title .parts-title-left span[data-v-0f26b8a4] {
  display: inline-block;
  width: 4px;
  height: 16px;
  background-color: #409eff;
  margin-right: 10px;
}
.parts-list .box-card .red-rule[data-v-0f26b8a4] {
  margin-right: 6px;
  color: red;
}
.parts-list[data-v-aff11f6e] {
  margin: 10px;
}
.parts-list .box-card[data-v-aff11f6e] {
  margin-bottom: 30px;
}
.parts-list .box-card[data-v-aff11f6e]  .el-table::before {
  border: none;
  height: 0;
}
.parts-list .box-card[data-v-aff11f6e]  .el-table .el-table__header-wrapper {
  margin-bottom: 20px;
}
.parts-list .box-card[data-v-aff11f6e]  .el-table .td.el-table__cell {
  border-bottom: none;
  background-color: #fff;
}
.parts-list .box-card[data-v-aff11f6e]  .el-table td.el-table__cell {
  border-bottom: none;
}
.parts-list .box-card[data-v-aff11f6e]  .el-table td > .cell {
  padding: 0 12px !important;
}
.parts-list .box-card .parts-title[data-v-aff11f6e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.parts-list .box-card .parts-title .parts-title-left[data-v-aff11f6e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.parts-list .box-card .parts-title .parts-title-left span[data-v-aff11f6e] {
  display: inline-block;
  width: 4px;
  height: 16px;
  background-color: #409eff;
  margin-right: 10px;
}
.parts-list .box-card .red-rule[data-v-aff11f6e] {
  margin-right: 6px;
  color: red;
}
.wrap-product-detail-1 .el-form-item__content[data-v-105bab8c] {
  height: 40px !important;
  line-height: 40px !important;
}
.wrap-product-detail-1 .el-form-item__content > div[data-v-105bab8c] {
  display: block !important;
}
.wrap-product-detail-1[data-v-105bab8c]  .input-right-text.el-input {
  width: 100% !important;
}
[data-v-105bab8c] .ql-container.ql-snow {
  height: 500px !important;
}
[data-v-105bab8c] .edit-wrap .quill-editor[data-v-12312e72] {
  height: 500px !important;
}
.select-width[data-v-84212f56] {
  width: 100%;
}
[data-v-84212f56] .el-form-item {
  display: inline-block;
  width: 46%;
  margin-right: 2%;
}
[data-v-84212f56] .el-form-item .el-form-item__label {
  padding: 0;
  font-weight: 400;
}
.add-task-title[data-v-84212f56] {
  margin: 12px 0;
  font-weight: 700;
}
.expenseDetails tbody .el-table__row:last-child {
  background-color: #f5f7fa;
}
[data-v-6f5eca4e] .el-drawer__header {
  padding: 12px 20px 12px 18px !important;
  margin: 0 !important;
  border-bottom: 1px solid #d7d7d7;
  background-color: #f3f3f3;
}
.el-row[data-v-6f5eca4e] {
  height: 100%;
}
.el-row .row-left[data-v-6f5eca4e] {
  height: 100%;
  border-right: 1px solid #d7d7d7;
}
.el-row .row-left .descriptions-sty[data-v-6f5eca4e] {
  margin: 20px 0 0 20px;
}
.el-row .row-right[data-v-6f5eca4e] {
  height: 100%;
  padding: 20px 0 0 18px;
}
.el-row .row-right .el-tabs[data-v-6f5eca4e] {
  height: 100%;
}
.footer-drawer[data-v-6f5eca4e] {
  padding-right: 30px;
  margin-top: 20px;
  background-color: #f5f7fa;
  height: 60px;
  width: 100%;
  text-align: right;
  line-height: 60px;
}
#time-line .el-timeline[data-v-3ff61377] {
  margin-left: 30px;
}
#time-line .el-timeline .el-timeline-item .el-timeline-item__wrapper .el-timeline-item__timestamp[data-v-3ff61377] {
  margin-top: 8px;
  position: absolute !important;
  left: -150px;
  top: -5px;
  font-size: 14px !important;
}
#time-line .el-timeline .el-timeline-item .el-timeline-item__wrapper .el-timeline-item__content .time-content .el-row[data-v-3ff61377] {
  min-height: 30px;
}
#time-line .el-timeline .el-timeline-item .el-timeline-item__wrapper .el-timeline-item__content .time-content .time-pass[data-v-3ff61377] {
  color: #b4b4b4;
}
#time-line .el-timeline .el-timeline-item .el-timeline-item__wrapper .el-timeline-item__content .time-title .el-col[data-v-3ff61377]:nth-child(1) {
  font-weight: 700;
}
[data-v-3ff61377] .el-timeline ::v-deep .el-timeline-item ::v-deep .el-timeline-item__tail {
  border-left: 2px solid #28567f;
}
[data-v-3ff61377] .el-timeline ::v-deep .el-timeline-item ::v-deep .el-timeline-item__node--normal {
  left: -3px;
  width: 18px;
  height: 18px;
}
[data-v-3ff61377] .el-timeline ::v-deep .el-timeline-item ::v-deep .el-timeline-item__wrapper ::v-deep .el-timeline-item__content {
  color: #00e9ea;
}
[data-v-3ff61377] .el-timeline ::v-deep .el-timeline-item ::v-deep .el-timeline-item__wrapper ::v-deep .el-timeline-item__timestamp {
  color: #8393b0;
}
.hide .el-upload--picture-card {
  display: none;
}
.app-tab-tree-table[data-v-f06cdad0] {
  margin: 10px 20px;
}
.app-tab-tree-table .content[data-v-f06cdad0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.app-tab-tree-table .content .app-transverse[data-v-f06cdad0] {
  margin-top: -10px;
}
.app-tab-tree-table .content .content-left[data-v-f06cdad0] {
  width: 16%;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #dcdfe6;
}
.app-tab-tree-table .content .content-left .content-p[data-v-f06cdad0] {
  margin-bottom: 6px;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
}
.app-tab-tree-table .content .content-left .el-icon-search[data-v-f06cdad0] {
  line-height: 32px;
}
.app-tab-tree-table .content .content-left .custom-tree-node[data-v-f06cdad0] {
  width: 100%;
}
.app-tab-tree-table .content .content-left .custom-tree-node .evey-node[data-v-f06cdad0] {
  position: relative;
  line-height: 46px;
  height: 46px;
  width: 100%;
  font-size: 14px;
  color: #686b7a;
}
.app-tab-tree-table .content .content-left .custom-tree-node .evey-node .icon-sty[data-v-f06cdad0] {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  color: #686b7a;
}
.app-tab-tree-table .content .content-left .custom-tree-node .evey-node .el-icon-edit[data-v-f06cdad0] {
  line-height: 46px;
}
.app-tab-tree-table .content .content-left .left-tree.el-tree[data-v-f06cdad0] {
  margin-top: 16px;
  max-height: calc(100vh - 200px);
  overflow: auto;
}
.app-tab-tree-table .content .content-left .left-tree.el-tree[data-v-f06cdad0]::-webkit-scrollbar {
  width: 0px;
}
.app-tab-tree-table .content .content-left .left-tree.el-tree .el-tree-node__children[data-v-f06cdad0] {
  max-height: calc(100vh - 400px);
  overflow: auto;
}
.app-tab-tree-table .content .content-left .left-tree.el-tree .el-tree-node__children .el-tree-node__content[data-v-f06cdad0] {
  height: 46px !important;
}
.app-tab-tree-table .content .content-left .left-tree.el-tree[data-v-f06cdad0]  .el-tree-node__content {
  height: 46px;
}
.app-tab-tree-table .content .content-left .handle-icon[data-v-f06cdad0] {
  display: none;
}
.app-tab-tree-table .content .content-left .el-tree-node__content:hover .handle-icon[data-v-f06cdad0] {
  display: inline-block;
  padding-left: 2px;
  padding-right: 7px;
  border-left: 1px solid #e9e9e9;
  background-color: #f5f7fa;
}
.app-tab-tree-table .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content[data-v-f06cdad0] {
  background-color: #edf3ff;
}
.app-tab-tree-table .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .handle-icon[data-v-f06cdad0] {
  background-color: #edf3ff;
}
.app-tab-tree-table .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node[data-v-f06cdad0] {
  height: 46px;
  width: 100%;
  color: #4379ee;
}
.app-tab-tree-table .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node[data-v-f06cdad0] {
  line-height: 46px;
  color: #4379ee;
}
.app-tab-tree-table .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .icon-sty[data-v-f06cdad0] {
  color: #4379ee;
}
.app-tab-tree-table .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .el-icon-edit[data-v-f06cdad0] {
  line-height: 46px;
  display: inline-block;
}
.app-tab-tree-table .content .content-left .project-sty.el-form .el-form-item[data-v-f06cdad0] {
  display: block !important;
}
.app-tab-tree-table .content .content-left .project-sty.el-form .el-form-item .el-form-item__content[data-v-f06cdad0] {
  width: 80%;
}
.app-tab-tree-table .content .content-left .el-card.is-always-shadow[data-v-f06cdad0] {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
.app-tab-tree-table .content .content-left .el-popup-parent--hidden .el-dropdown-menu .el-tree.dialog-tree .el-icon-check[data-v-f06cdad0] {
  display: none;
}
.app-tab-tree-table .content .content-left .el-popup-parent--hidden .el-dropdown-menu .el-tree.dialog-tree .el-tree-node__content:hover .el-icon-check[data-v-f06cdad0] {
  display: inline-block;
}
.app-tab-tree-table .content .content-right[data-v-f06cdad0] {
  width: 84%;
}
.el-cascader[data-v-1245321a] {
  width: 94%;
}
.el-cascader .el-input[data-v-1245321a] {
  width: 100%;
}
.el-select[data-v-1245321a] {
  width: 94%;
}
.app-tab-tree-table[data-v-05fab43b] {
  margin: 10px 20px;
}
.app-tab-tree-table .content[data-v-05fab43b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.app-tab-tree-table .content .app-transverse[data-v-05fab43b] {
  margin-top: -10px;
}
.app-tab-tree-table .content .content-left[data-v-05fab43b] {
  width: 16%;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #dcdfe6;
}
.app-tab-tree-table .content .content-left .content-p[data-v-05fab43b] {
  margin-bottom: 6px;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
}
.app-tab-tree-table .content .content-left .el-icon-search[data-v-05fab43b] {
  line-height: 32px;
}
.app-tab-tree-table .content .content-left .custom-tree-node[data-v-05fab43b] {
  width: 100%;
}
.app-tab-tree-table .content .content-left .custom-tree-node .evey-node[data-v-05fab43b] {
  position: relative;
  line-height: 46px;
  height: 46px;
  width: 100%;
  font-size: 14px;
  color: #686b7a;
}
.app-tab-tree-table .content .content-left .custom-tree-node .evey-node .icon-sty[data-v-05fab43b] {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  color: #686b7a;
}
.app-tab-tree-table .content .content-left .custom-tree-node .evey-node .el-icon-edit[data-v-05fab43b] {
  line-height: 46px;
}
.app-tab-tree-table .content .content-left .left-tree.el-tree[data-v-05fab43b] {
  margin-top: 16px;
  max-height: calc(100vh - 200px);
  overflow: auto;
}
.app-tab-tree-table .content .content-left .left-tree.el-tree[data-v-05fab43b]::-webkit-scrollbar {
  width: 0px;
}
.app-tab-tree-table .content .content-left .left-tree.el-tree .el-tree-node__children[data-v-05fab43b] {
  max-height: calc(100vh - 400px);
  overflow: auto;
}
.app-tab-tree-table .content .content-left .left-tree.el-tree .el-tree-node__children .el-tree-node__content[data-v-05fab43b] {
  height: 46px !important;
}
.app-tab-tree-table .content .content-left .left-tree.el-tree[data-v-05fab43b]  .el-tree-node__content {
  height: 46px;
}
.app-tab-tree-table .content .content-left .handle-icon[data-v-05fab43b] {
  display: none;
}
.app-tab-tree-table .content .content-left .el-tree-node__content:hover .handle-icon[data-v-05fab43b] {
  display: inline-block;
  padding-left: 2px;
  padding-right: 7px;
  border-left: 1px solid #e9e9e9;
  background-color: #f5f7fa;
}
.app-tab-tree-table .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content[data-v-05fab43b] {
  background-color: #edf3ff;
}
.app-tab-tree-table .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .handle-icon[data-v-05fab43b] {
  background-color: #edf3ff;
}
.app-tab-tree-table .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node[data-v-05fab43b] {
  height: 46px;
  width: 100%;
  color: #4379ee;
}
.app-tab-tree-table .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node[data-v-05fab43b] {
  line-height: 46px;
  color: #4379ee;
}
.app-tab-tree-table .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .icon-sty[data-v-05fab43b] {
  color: #4379ee;
}
.app-tab-tree-table .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .el-icon-edit[data-v-05fab43b] {
  line-height: 46px;
  display: inline-block;
}
.app-tab-tree-table .content .content-left .project-sty.el-form .el-form-item[data-v-05fab43b] {
  display: block !important;
}
.app-tab-tree-table .content .content-left .project-sty.el-form .el-form-item .el-form-item__content[data-v-05fab43b] {
  width: 80%;
}
.app-tab-tree-table .content .content-left .el-card.is-always-shadow[data-v-05fab43b] {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
.app-tab-tree-table .content .content-left .el-popup-parent--hidden .el-dropdown-menu .el-tree.dialog-tree .el-icon-check[data-v-05fab43b] {
  display: none;
}
.app-tab-tree-table .content .content-left .el-popup-parent--hidden .el-dropdown-menu .el-tree.dialog-tree .el-tree-node__content:hover .el-icon-check[data-v-05fab43b] {
  display: inline-block;
}
.app-tab-tree-table .content .content-right[data-v-05fab43b] {
  width: 84%;
}
.app-label-problems[data-v-2b99d87a] {
  margin: 10px 20px;
}
.app-label-problems .content[data-v-2b99d87a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.app-label-problems .content .app-transverse[data-v-2b99d87a] {
  padding: 20px 12px;
  background: #fff !important;
  border-radius: 12px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 1px solid #dfe6ec;
  height: calc(100vh - 140px) !important;
}
.app-label-problems .content .content-left[data-v-2b99d87a] {
  width: 16%;
  margin-right: 20px;
}
.app-label-problems .content .content-left .content-p[data-v-2b99d87a] {
  margin-bottom: 6px;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
}
.app-label-problems .content .content-left .el-icon-search[data-v-2b99d87a] {
  line-height: 32px;
}
.app-label-problems .content .content-left .custom-tree-node[data-v-2b99d87a] {
  width: 100%;
}
.app-label-problems .content .content-left .custom-tree-node .evey-node[data-v-2b99d87a] {
  position: relative;
  line-height: 46px;
  height: 46px;
  width: 100%;
  font-size: 14px;
  color: #686b7a;
}
.app-label-problems .content .content-left .custom-tree-node .evey-node .icon-sty[data-v-2b99d87a] {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  color: #686b7a;
}
.app-label-problems .content .content-left .custom-tree-node .evey-node .el-icon-edit[data-v-2b99d87a] {
  line-height: 46px;
}
.app-label-problems .content .content-left .left-tree.el-tree[data-v-2b99d87a] {
  margin-top: 16px;
  max-height: calc(100vh - 200px);
  overflow: auto;
}
.app-label-problems .content .content-left .left-tree.el-tree[data-v-2b99d87a]::-webkit-scrollbar {
  width: 0px;
}
.app-label-problems .content .content-left .left-tree.el-tree .el-tree-node__children[data-v-2b99d87a] {
  max-height: calc(100vh - 400px);
  overflow: auto;
}
.app-label-problems .content .content-left .left-tree.el-tree .el-tree-node__children .el-tree-node__content[data-v-2b99d87a] {
  height: 46px !important;
}
.app-label-problems .content .content-left .left-tree.el-tree[data-v-2b99d87a]  .el-tree-node__content {
  height: 46px;
}
.app-label-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content[data-v-2b99d87a] {
  background-color: #edf3ff;
}
.app-label-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node[data-v-2b99d87a] {
  height: 46px;
  width: 100%;
  color: #4379ee;
}
.app-label-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node[data-v-2b99d87a] {
  line-height: 46px;
  color: #4379ee;
}
.app-label-problems .content .content-right[data-v-2b99d87a] {
  overflow: auto;
  width: 84%;
}
.app-label-problems[data-v-782b98fd] {
  margin: 10px 20px;
}
.app-label-problems .content[data-v-782b98fd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.app-label-problems .content .app-transverse[data-v-782b98fd] {
  padding: 20px 12px;
  background: #fff !important;
  border-radius: 12px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 1px solid #dfe6ec;
  height: calc(100vh - 140px) !important;
}
.app-label-problems .content .content-left[data-v-782b98fd] {
  width: 16%;
  margin-right: 20px;
}
.app-label-problems .content .content-left .content-p[data-v-782b98fd] {
  margin-bottom: 6px;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
}
.app-label-problems .content .content-left .el-icon-search[data-v-782b98fd] {
  line-height: 32px;
}
.app-label-problems .content .content-left .custom-tree-node[data-v-782b98fd] {
  width: 100%;
}
.app-label-problems .content .content-left .custom-tree-node .evey-node[data-v-782b98fd] {
  position: relative;
  line-height: 46px;
  height: 46px;
  width: 100%;
  font-size: 14px;
  color: #686b7a;
}
.app-label-problems .content .content-left .custom-tree-node .evey-node .icon-sty[data-v-782b98fd] {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  color: #686b7a;
}
.app-label-problems .content .content-left .custom-tree-node .evey-node .el-icon-edit[data-v-782b98fd] {
  line-height: 46px;
}
.app-label-problems .content .content-left .left-tree.el-tree[data-v-782b98fd] {
  margin-top: 16px;
  max-height: calc(100vh - 200px);
  overflow: auto;
}
.app-label-problems .content .content-left .left-tree.el-tree[data-v-782b98fd]::-webkit-scrollbar {
  width: 0px;
}
.app-label-problems .content .content-left .left-tree.el-tree .el-tree-node__children[data-v-782b98fd] {
  max-height: calc(100vh - 400px);
  overflow: auto;
}
.app-label-problems .content .content-left .left-tree.el-tree .el-tree-node__children .el-tree-node__content[data-v-782b98fd] {
  height: 46px !important;
}
.app-label-problems .content .content-left .left-tree.el-tree[data-v-782b98fd]  .el-tree-node__content {
  height: 46px;
}
.app-label-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content[data-v-782b98fd] {
  background-color: #edf3ff;
}
.app-label-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node[data-v-782b98fd] {
  height: 46px;
  width: 100%;
  color: #4379ee;
}
.app-label-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node[data-v-782b98fd] {
  line-height: 46px;
  color: #4379ee;
}
.app-label-problems .content .content-right[data-v-782b98fd] {
  overflow: auto;
  width: 84%;
}
.app-label-problems .content .content-right[data-v-782b98fd]  .query-select-table .el-table__body-wrapper {
  height: calc(100vh - 310px) !important;
  overflow-y: auto;
}
.pagination-sty[data-v-269736c3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.current[data-v-269736c3] {
  color: #13ce66;
}
.edit-tagMemo[data-v-0faa2bbc] {
  cursor: pointer;
}
.edit-tagMemo .tagMemo-icon[data-v-0faa2bbc] {
  font-size: 14px;
  color: #409eff;
  display: none;
}
.edit-tagMemo:hover .tagMemo-icon[data-v-0faa2bbc] {
  display: block;
}
.custom-icon[data-v-0faa2bbc] {
  font-size: 20px;
  color: #ff7800;
  cursor: pointer;
}
.process-steps[data-v-1b8a4d7c]  .el-radio-group {
  margin-top: 6px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.process-steps[data-v-1b8a4d7c]  .el-radio-button .el-radio-button__inner {
  width: 100%;
  border-radius: 0px;
  border: 1px solid #ddd;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.process-steps[data-v-1b8a4d7c]  .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  border-color: #409eff;
}
.customer-service[data-v-4b5acdad] {
  padding: 10px 24px;
}
.customer-service .card[data-v-4b5acdad] {
  overflow: hidden;
  background-color: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 8px #eee;
          box-shadow: 0px 0px 8px #eee;
}
.customer-service .header-info[data-v-4b5acdad] {
  padding: 24px 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}
.customer-service .header-info h3[data-v-4b5acdad] {
  margin: 0;
  margin-bottom: 6px;
  font-size: 16px;
}
.customer-service .step-container[data-v-4b5acdad] {
  position: relative;
  margin: 16px 0;
  padding: 24px 16px;
}
.customer-service .step-container .step-wait-time[data-v-4b5acdad] {
  position: absolute;
  top: 16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 12px;
  color: #999;
}
.customer-service .step-container .step-name[data-v-4b5acdad] {
  color: #111;
  font-weight: 600;
}
.customer-service .step-container .step-description[data-v-4b5acdad] {
  color: #999;
}
.customer-service .status-icon[data-v-4b5acdad] {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 10px;
  margin-right: 4px;
  border-radius: 50%;
}
.customer-service .form-detail-container header[data-v-4b5acdad] {
  padding: 16px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ddd;
  font-weight: 600;
}
.customer-service .form-detail-container h5[data-v-4b5acdad] {
  padding-left: 6px;
  font-size: 14px;
  border-left: 5px solid #4490fb;
}
.customer-service .form-detail-container > div[data-v-4b5acdad] {
  padding: 16px;
}
.customer-service .table a[data-v-4b5acdad] {
  color: #4490fb;
}
.customer-service .form-info .el-button[data-v-4b5acdad] {
  padding: 2px !important;
}
.customer-service .form-info .el-form-item[data-v-4b5acdad] {
  width: 100%;
  margin-bottom: 0;
}
.customer-service .form-info[data-v-4b5acdad]  .el-input__inner {
  border: none;
  padding-left: 0;
}
.customer-service .buyerNoteRadio[data-v-4b5acdad] {
  margin-bottom: 5px;
}
.customer-service .gpt-analysis-content[data-v-4b5acdad] {
  min-width: none;
  min-height: 130px;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background-color: #f8f8f8;
}
.customer-service .timeline-item p[data-v-4b5acdad] {
  margin-bottom: 6px;
}
.customer-service .timeline-item[data-v-4b5acdad]  .el-card__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.el-cascader[data-v-6f2710b0] {
  width: 100%;
}
.el-cascader .el-input[data-v-6f2710b0] {
  width: 100%;
}
.el-select[data-v-6f2710b0] {
  width: 100%;
}
.el-cascader[data-v-48989326] {
  width: 100%;
}
.el-cascader .el-input[data-v-48989326] {
  width: 100%;
}
.el-select[data-v-48989326] {
  width: 100%;
}
[data-v-0312427f] .demo-image__preview {
  display: inline-block;
}
.set-product-type-dialog[data-v-6b74009f]  .el-dialog {
  max-width: calc(100vw - 32px);
}
.set-product-type-dialog[data-v-6b74009f]  .el-dialog__body {
  padding: 24px 28px 8px;
}
.set-product-type-dialog[data-v-6b74009f]  .el-dialog__footer {
  padding: 16px 24px;
}
.set-product-type-dialog .order-summary[data-v-6b74009f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 40px;
  margin-bottom: 24px;
  padding: 0 16px;
  border-radius: 6px;
  background: #f7f9fc;
  font-size: 14px;
}
.set-product-type-dialog .order-summary__label[data-v-6b74009f] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 72px;
          flex: 0 0 72px;
  color: #909399;
}
.set-product-type-dialog .order-summary__value[data-v-6b74009f] {
  color: #303133;
  font-weight: 500;
}
.set-product-type-dialog .product-status-form-item[data-v-6b74009f] {
  height: auto !important;
  margin-bottom: 16px !important;
}
.set-product-type-dialog[data-v-6b74009f]  .product-status-form-item .el-form-item__content {
  margin-left: 0 !important;
  line-height: normal;
}
.set-product-type-dialog .product-status-group[data-v-6b74009f] {
  position: relative;
  padding: 24px 12px 10px;
  border: 1px solid #dfe4ec;
  border-radius: 6px;
  background: #fff;
}
.set-product-type-dialog .product-status-group__title[data-v-6b74009f] {
  position: absolute;
  top: -10px;
  left: 16px;
  padding: 0 6px;
  background: #fff;
  color: #303133;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.set-product-type-dialog .product-status-group__required[data-v-6b74009f] {
  color: #f56c6c;
}
.set-product-type-dialog .product-status-option[data-v-6b74009f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
  margin: 0 0 4px;
  padding: 0 12px;
  border-radius: 4px;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.set-product-type-dialog .product-status-option[data-v-6b74009f]:hover {
  background: #f5f8fc;
}
.set-product-type-dialog .product-status-option.is-selected[data-v-6b74009f] {
  background: #ecf5ff;
}
.set-product-type-dialog[data-v-6b74009f]  .product-status-option .el-radio__label {
  color: #606266;
  font-size: 14px;
}
.set-product-type-dialog .dialog-actions[data-v-6b74009f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
}
.set-product-type-dialog[data-v-6b74009f]  .dialog-actions .el-button + .el-button {
  margin-left: 0;
}
.user-add[data-v-364aa3b4]  .el-dialog__body {
  padding-bottom: 20px !important;
}
.user-add[data-v-364aa3b4]  .el-dialog__body .cascader-sty .el-cascader {
  min-width: 150px;
  width: 100%;
}
.user-add[data-v-364aa3b4]  .el-dialog__body .el-divider__text {
  font-size: 16px;
  font-weight: 700;
}
.user-add[data-v-364aa3b4]  .el-dialog__body .pagination-sty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cli-img[data-v-364aa3b4] {
  cursor: pointer;
  vertical-align: middle;
  width: 16px;
  display: none;
}
.clipboard-sty .clipboard-orderId:hover .img-orderId[data-v-364aa3b4] {
  display: inline-block;
}
.clipboard-sty .clipboard-reviewId:hover .img-reviewId[data-v-364aa3b4] {
  display: inline-block;
}
.el-select[data-v-364aa3b4],
.el-date-editor[data-v-364aa3b4] {
  width: 100%;
}
.show-label[data-v-364aa3b4]  .el-form-item__label {
  visibility: hidden;
}
.user-table .el-table[data-v-364aa3b4] {
  height: calc(100vh - 800px) !important;
  max-height: calc(100vh - 800px) !important;
  min-height: 320px;
}
.order-head[data-v-0cf51675] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 20px;
  margin-bottom: 20px;
}
.order-head .order-num[data-v-0cf51675] {
  font-size: 16px;
  font-weight: 700;
}
.order-basic[data-v-0cf51675] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 20px;
  margin-bottom: 20px;
}
.order-basic .basic-left[data-v-0cf51675] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.order-basic .basic-left div[data-v-0cf51675] {
  display: inline-block;
  width: 33%;
  margin-bottom: 30px;
}
.order-basic .basic-right[data-v-0cf51675] {
  width: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: right;
}
.order-basic .basic-right p[data-v-0cf51675] {
  font-size: 14px;
  color: #999;
  margin-bottom: 14px;
}
.order-basic .basic-right span[data-v-0cf51675] {
  font-size: 18px;
  color: #666;
}
.fulfillment-status-detail[data-v-0cf51675],
.fulfillment-status-inline[data-v-0cf51675] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  line-height: 20px;
  cursor: help;
}
.fulfillment-status-detail small[data-v-0cf51675],
.fulfillment-status-inline small[data-v-0cf51675] {
  color: #909399;
  font-size: 12px;
}
.fulfillment-status-inline[data-v-0cf51675] {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.card[data-v-0cf51675] {
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid #dcdfe5;
  -webkit-box-shadow: 0px 0px 4px #eee;
          box-shadow: 0px 0px 4px #eee;
  margin-bottom: 20px;
}
.card-record[data-v-0cf51675] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #f5f7fa;
  line-height: 60px;
  padding-right: 20px;
}
.card-title[data-v-0cf51675] {
  font-size: 16px;
  font-weight: 700;
  height: 60px;
  line-height: 60px;
  padding-left: 10px;
  background-color: #f5f7fa;
}
.card-content[data-v-0cf51675] {
  padding: 0 20px 36px 20px;
}
.card-content .table-title[data-v-0cf51675] {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin: 36px 0 24px 0;
}
.card-content .table-title .title-img[data-v-0cf51675] {
  width: 22px;
  margin-right: 6px;
  vertical-align: middle;
}
.card-content .total-price[data-v-0cf51675] {
  height: 60px;
  line-height: 60px;
  padding-right: 30px;
  font-size: 18px;
  text-align: right;
  background-color: #f5f7fa;
}
.card-content .total-price .price[data-v-0cf51675] {
  font-weight: 700;
}
.product-table[data-v-0cf51675] {
  margin-top: 36px;
}
.text-red[data-v-0cf51675] {
  color: red;
}
[data-v-0cf51675] .el-step__main .el-step__title {
  font-size: 16px !important;
}
[data-v-0cf51675] .el-dialog .el-date-editor.el-input__inner {
  width: 260px !important;
}
.el-select[data-v-4b4d95f8] {
  width: 100%;
}
.pagination-sty[data-v-68e7daad] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.current[data-v-68e7daad] {
  color: #13ce66;
}
.clipboard-userProfileUrl a[data-v-6db3165d] {
  display: inline-block;
}
.clipboard-userProfileUrl:hover .img-userProfileUrl[data-v-6db3165d] {
  vertical-align: top;
  display: inline-block;
}
.email-register-table[data-v-6db3165d]  .el-step__title {
  font-size: 14px !important;
}
.email-register-table[data-v-6db3165d]  .el-table__cell {
  padding: 2px !important;
}
.email-register-table[data-v-6db3165d]  .el-table__cell .cell {
  padding: 2px !important;
}
.email-register-table .task-edit[data-v-6db3165d] {
  display: none;
}
.email-register-table .el-table__body tr:hover .task-edit[data-v-6db3165d] {
  display: inline;
}
.cli-img[data-v-7ee57468] {
  cursor: pointer;
  vertical-align: middle;
  width: 16px;
  display: none;
}
.clipboard-sty .clipboard-orderId:hover .img-orderId[data-v-7ee57468] {
  display: inline-block;
}
.clipboard-sty .clipboard-reviewId:hover .img-reviewId[data-v-7ee57468] {
  display: inline-block;
}
.clipboard-userProfileUrl a[data-v-7ee57468] {
  display: inline-block;
}
.clipboard-userProfileUrl:hover .img-userProfileUrl[data-v-7ee57468] {
  vertical-align: top;
  display: inline-block;
}
.email-register-table[data-v-7ee57468]  .el-step__title {
  font-size: 14px !important;
}
.email-register-table[data-v-7ee57468]  .el-table__cell {
  padding: 2px !important;
}
.email-register-table[data-v-7ee57468]  .el-table__cell .cell {
  padding: 2px !important;
}

.praise-table .task-edit[data-v-36945432] {
  display: none;
}
.praise-table .el-table__body tr:hover .task-edit[data-v-36945432] {
  display: inline;
}
.clipboard-userProfileUrl a[data-v-86cddaa2] {
  display: inline-block;
}
.clipboard-userProfileUrl:hover .img-userProfileUrl[data-v-86cddaa2] {
  vertical-align: top;
  display: inline-block;
}
.email-register-table[data-v-86cddaa2]  .el-step__title {
  font-size: 14px !important;
}
.email-register-table[data-v-86cddaa2]  .el-table__cell {
  padding: 2px !important;
}
.email-register-table[data-v-86cddaa2]  .el-table__cell .cell {
  padding: 2px !important;
}
.email-register-table .task-edit[data-v-86cddaa2] {
  display: none;
}
.email-register-table .el-table__body tr:hover .task-edit[data-v-86cddaa2] {
  display: inline;
}
.customer-service[data-v-6d06bef0] {
  padding: 10px 24px;
}
.customer-service .card[data-v-6d06bef0] {
  overflow: hidden;
  background-color: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 8px #eee;
          box-shadow: 0px 0px 8px #eee;
}
.customer-service .header-info[data-v-6d06bef0] {
  padding: 24px 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}
.customer-service .header-info h3[data-v-6d06bef0] {
  margin: 0;
  margin-bottom: 6px;
  font-size: 16px;
}
.customer-service .step-container[data-v-6d06bef0] {
  position: relative;
  margin: 16px 0;
  padding: 24px 16px;
}
.customer-service .step-container .step-wait-time[data-v-6d06bef0] {
  position: absolute;
  top: 16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 12px;
  color: #999;
}
.customer-service .step-container .step-name[data-v-6d06bef0] {
  color: #111;
  font-weight: 600;
}
.customer-service .step-container .step-description[data-v-6d06bef0] {
  color: #999;
}
.customer-service .status-icon[data-v-6d06bef0] {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 10px;
  margin-right: 4px;
  border-radius: 50%;
}
.customer-service .form-detail-container header[data-v-6d06bef0] {
  padding: 16px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ddd;
  font-weight: 600;
}
.customer-service .form-detail-container h5[data-v-6d06bef0] {
  padding-left: 6px;
  font-size: 14px;
  border-left: 5px solid #4490fb;
}
.customer-service .form-detail-container > div[data-v-6d06bef0] {
  padding: 16px;
}
.customer-service .table a[data-v-6d06bef0] {
  color: #4490fb;
}
.customer-service .form-info .el-button[data-v-6d06bef0] {
  padding: 2px !important;
}
.customer-service .form-info .el-form-item[data-v-6d06bef0] {
  width: 100%;
  margin-bottom: 0;
}
.customer-service .form-info[data-v-6d06bef0]  .el-input__inner {
  border: none;
  padding-left: 0;
}
.customer-service .commentRadio[data-v-6d06bef0] {
  margin-bottom: 5px;
}
.customer-service .gpt-analysis-content[data-v-6d06bef0] {
  min-width: none;
  min-height: 130px;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background-color: #f8f8f8;
}
.customer-service .timeline-item p[data-v-6d06bef0] {
  margin-bottom: 6px;
}
.customer-service .timeline-item[data-v-6d06bef0]  .el-card__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
[data-v-e0c90230] .input-with-select .el-input-group__append {
  width: 120px !important;
}
.el-select[data-v-e0c90230] {
  width: 100%;
}
.amount-input[data-v-e0c90230]  input {
  min-width: 120px;
}
.drag-handle[data-v-2a30b81d] {
  cursor: move;
}
.footer-left[data-v-2a30b81d] {
  float: left;
}
.column-setting[data-v-b9796120],
.el-tag[data-v-b9796120] {
  cursor: pointer;
}
.cli-img[data-v-5115e1a6] {
  cursor: pointer;
  vertical-align: middle;
  width: 16px;
  display: none;
}
.clipboard-sty .clipboard-orderId:hover .img-orderId[data-v-5115e1a6] {
  display: inline-block;
}
.gJia-goods-detail .goods-name {
  width: 272px;
}
.cli-img[data-v-4f7d153f] {
  cursor: pointer;
  vertical-align: middle;
  width: 16px;
  display: none;
}
.clipboard-sty .clipboard-orderId:hover .img-orderId[data-v-4f7d153f] {
  display: inline-block;
}
.clipboard-sty .clipboard-reviewId:hover .img-reviewId[data-v-4f7d153f] {
  display: inline-block;
}
.clipboard-userProfileUrl a[data-v-4f7d153f] {
  display: inline-block;
}
.clipboard-userProfileUrl:hover .img-userProfileUrl[data-v-4f7d153f] {
  vertical-align: top;
  display: inline-block;
}
.email-register-table[data-v-4f7d153f]  .el-step__title {
  font-size: 14px !important;
}
.email-register-table[data-v-4f7d153f]  .el-table__cell {
  padding: 2px !important;
}
.email-register-table[data-v-4f7d153f]  .el-table__cell .cell {
  padding: 2px !important;
}
.task-edit[data-v-4f7d153f] {
  display: none;
}
.el-table__body tr:hover .task-edit[data-v-4f7d153f] {
  display: inline;
}

.formList-main .box-card .demo-input-suffix .el-input[data-v-8b06e3d8] {
  width: 180px;
}
.handle-add[data-v-8b06e3d8] {
  float: right;
}
.formList-mb-20[data-v-8b06e3d8] {
  margin-bottom: 20px;
}
.formList-contain[data-v-8b06e3d8] {
  display: inline-block;
  width: 100%;
}

.task-edit[data-v-04f0e694] {
  display: none;
}
.el-table__body tr .merge-column:hover .task-edit[data-v-04f0e694] {
  display: inline;
}
.edit-remark[data-v-b6dfa0ca] {
  cursor: pointer;
}
.edit-remark .remark-icon[data-v-b6dfa0ca] {
  margin-right: 5px;
  font-size: 14px;
  color: #409eff;
}
.edit-show[data-v-b6dfa0ca] {
  display: none;
}
.el-table__body tr:hover .edit-show[data-v-b6dfa0ca] {
  display: inline;
}
.remote-lock-screen .app-container[data-v-e837675a] {
  padding: 20px;
}
.task-name[data-v-3cad6cc9] {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 40px;
  text-align: center;
}
.custom-table > .el-table[data-v-5168b8de],
.custom-table-tab > .el-table[data-v-5168b8de] {
  height: calc(100vh - 320px) !important;
  max-height: calc(100vh - 320px) !important;
  width: 100% !important;
}
.pbc-title[data-v-5168b8de] {
  font-size: 14px;
  line-height: 50px;
  margin: 0;
  text-align: center;
  border: 1px solid #dfe6ec;
  border-bottom: none;
}
[data-v-5168b8de] .el-table td.cell-hover,[data-v-5168b8de].el-table td.cell-active {
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  background-color: #409eff !important;
  color: #fff !important;
  cursor: pointer;
}
[data-v-5168b8de] .el-table td.cell-hover .edit-icon,[data-v-5168b8de].el-table td.cell-active .edit-icon {
  color: #fff !important;
}
[data-v-5168b8de] .cell-hover .work-task-item a:hover {
  border-bottom: 1px solid #fff !important;
}
.work-task[data-v-5168b8de] {
  margin-bottom: 30px;
}
.work-task .work-task-item[data-v-5168b8de] {
  margin-bottom: 10px;
}
.work-task .work-task-item .task-item-edit[data-v-5168b8de] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.work-task .work-task-item .task-item-edit .task-edit[data-v-5168b8de] {
  display: none;
  width: 32px;
}
.work-task .work-task-item .task-item-edit a[data-v-5168b8de] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
  border-bottom: 1px solid transparent;
}
.work-task .work-task-item .task-item-edit a[data-v-5168b8de]:hover {
  border-bottom: 1px solid #000;
}
.work-task .work-task-item .task-item-edit:hover .task-edit[data-v-5168b8de] {
  display: inline-block;
  width: 32px;
}
.work-hours[data-v-5168b8de] {
  position: absolute;
  right: 18px;
  bottom: 10px;
}
.form-height[data-v-5168b8de] {
  height: 74px;
}
.task-bold[data-v-5168b8de] {
  font-weight: 700;
}
.task-class[data-v-5168b8de] {
  cursor: pointer;
}
.task-class[data-v-5168b8de]:hover {
  color: #409eff;
}
.task-name[data-v-2845d644] {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 40px;
  text-align: center;
}
.it-pbc-log .header[data-v-7fa8f30f] {
  margin-bottom: 12px;
}
.it-pbc-log .pagination[data-v-7fa8f30f] {
  text-align: right;
}
@charset "UTF-8";
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-be40d234]:export {
  theme: #409eff;
}
.it-pbc[data-v-be40d234] {
  width: calc(100% - 50px);
}
.aside-left[data-v-be40d234] {
  padding: 0 20px 0 0;
  background-color: #fff !important;
}
.aside-left .aside-header[data-v-be40d234] {
  position: relative;
}
.aside-left .aside-header .aside-nav[data-v-be40d234] {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(17, 31, 44, 0.04);
          box-shadow: 0 2px 4px 0 rgba(17, 31, 44, 0.04);
  border: 1px solid #ecedef;
  border-radius: 16px;
  background-color: #fff;
}
.aside-left .aside-header .aside-nav span[data-v-be40d234] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  font-size: 12px;
  color: rgba(17, 31, 44, 0.72);
  cursor: pointer;
}
.aside-left .aside-header .aside-nav span[data-v-be40d234]:hover {
  color: #409eff;
}
.aside-left .aside-header .aside-form[data-v-be40d234] {
  position: absolute;
  top: 38px;
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0px 1px 5px 1px rgba(17, 31, 44, 0.08);
          box-shadow: 0px 1px 5px 1px rgba(17, 31, 44, 0.08);
  border: 1px solid #f2f2f2;
  max-height: 260px;
  overflow: hidden;
  -webkit-transition: max-height 0.2s linear, opacity 0.3s linear, padding 0.3s linear;
  transition: max-height 0.2s linear, opacity 0.3s linear, padding 0.3s linear;
  opacity: 1;
  padding: 16px 10px;
  z-index: 1000;
}
.aside-left .aside-header .aside-form.hide[data-v-be40d234] {
  max-height: 0;
  opacity: 0;
  padding-top: 0;
  overflow: hidden;
  padding-bottom: 0;
  border-color: transparent;
}
.aside-left .loading-container[data-v-be40d234] {
  padding: 15px;
  text-align: center;
  color: #909399;
  border-top: 1px solid #e2e2e2;
}
.choose[data-v-be40d234] {
  border: 1px dashed #409eff !important;
}
[data-v-be40d234] .el-collapse {
  border: none;
}
[data-v-be40d234] .el-collapse .el-collapse-item {
  margin-top: 20px;
}
[data-v-be40d234] .el-collapse .el-collapse-item .el-collapse-item__header {
  border: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100%;
}
[data-v-be40d234] .el-collapse .el-collapse-item .el-collapse-item__header p {
  color: #000;
  line-height: 24px;
}
[data-v-be40d234] .el-collapse .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow {
  display: none;
}
[data-v-be40d234] .el-collapse .el-collapse-item .el-collapse-item__header .project-item {
  width: 100%;
  padding: 16px 16px 8px 16px;
  border-radius: 12px;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
[data-v-be40d234] .el-collapse .el-collapse-item .el-collapse-item__header .project-item .project-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  width: 100%;
}
[data-v-be40d234] .el-collapse .el-collapse-item .el-collapse-item__header .project-item .project-title > span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
[data-v-be40d234] .el-collapse .el-collapse-item .el-collapse-item__header .project-item .project-title .project-log {
  font-size: 12px;
  color: #000;
  cursor: pointer;
}
[data-v-be40d234] .el-collapse .el-collapse-item .el-collapse-item__header .project-item .project-date {
  font-size: 14px;
  color: #000;
}
[data-v-be40d234] .el-collapse .el-collapse-item .el-collapse-item__header .project-item .project-arrow-wrap {
  width: 100%;
  text-align: center;
}
[data-v-be40d234] .el-collapse .el-collapse-item .el-collapse-item__header .project-item .project-arrow-wrap .project-arrow {
  width: 100%;
  margin-top: 8px;
  font-size: 22px;
  color: #000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
[data-v-be40d234] .el-collapse .el-collapse-item .el-collapse-item__header .project-item .project-arrow-wrap .expand {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
[data-v-be40d234] .el-collapse .el-collapse-item .is-active.el-collapse-item__header .project-item {
  border-radius: 12px 12px 0 0;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
[data-v-be40d234] .el-collapse .el-collapse-item .el-collapse-item header.focusing:focus:not(:hover) {
  color: #000;
}
[data-v-be40d234] .el-collapse .el-collapse-item .el-collapse-item__wrap {
  border: none;
}
[data-v-be40d234] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content {
  background-color: #f2f2f2 !important;
  border-radius: 0 0 12px 12px;
  padding: 0;
}
[data-v-be40d234] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .project-drag {
  padding: 0 16px 16px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
[data-v-be40d234] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .project-drag .task-item {
  padding: 12px 12px;
  border-radius: 8px;
  background-color: #fff;
}
[data-v-be40d234] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .project-drag .task-item.disabled {
  cursor: not-allowed;
  opacity: 0.6;
  pointer-events: none;
}
[data-v-be40d234] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .project-drag .task-item .el-popover__reference {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: -webkit-grab;
  cursor: grab;
  gap: 10px;
}
[data-v-be40d234] .el-main {
  padding: 0;
  overflow: hidden;
}
.aside-right[data-v-be40d234] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 0 20px 20px;
  width: calc(100% - 300px);
}
.aside-right .layout-title[data-v-be40d234] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 38px;
  margin-bottom: 15px;
}
.aside-right .layout-title .schedule-from[data-v-be40d234] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.aside-right .layout-title .layout-title-btn[data-v-be40d234] {
  width: 265px;
}
.aside-right .loading[data-v-be40d234] {
  text-align: center;
}
.aside-right .person-title[data-v-be40d234] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #f5f7fa;
  border-bottom: 1px solid #ebeef5;
  font-weight: bold;
}
.aside-right .person-title span[data-v-be40d234] {
  display: inline-block;
}
.aside-right .person-title span[data-v-be40d234]:first-child {
  width: 120px;
}
.aside-right .person-title .title-item[data-v-be40d234] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 200px;
  border-right: 1px solid #ebeef5;
}
.aside-right .layout-main[data-v-be40d234] {
  position: relative;
  background-color: #feffff;
}
.aside-right .layout-main .schedule-container[data-v-be40d234] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow: auto;
  border: 1px solid #ebeef5;
}
.aside-right .layout-main .schedule-container .loading-more[data-v-be40d234] {
  position: absolute;
  top: 46px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.aside-right .layout-main .schedule-container .calendar-column[data-v-be40d234] {
  min-width: 120px;
}
.aside-right .layout-main .schedule-container .calendar-column > span[data-v-be40d234] {
  position: absolute;
  top: 0;
  display: block;
  width: 120px;
  height: 42px;
  line-height: 40px;
  text-align: center;
  background: #f5f7fa;
  font-weight: 700;
  border: 1px solid #ebeef5;
  border-left: 0;
  border-right: 2px solid #b8d9f7;
  z-index: 1201;
}
.aside-right .layout-main .schedule-container .calendar-column .calendar-item-wrap[data-v-be40d234] {
  z-index: 1200;
  min-width: 120px;
}
.aside-right .layout-main .schedule-container .calendar-column .calendar-item-wrap .date-cell[data-v-be40d234] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #dedede;
  background-color: #f5f6f6;
  text-align: center;
  border-right: 2px solid #b8d9f7;
}
.aside-right .layout-main .schedule-container .calendar-column .calendar-item-wrap .date-cell[data-v-be40d234]:nth-of-type(1) {
  margin-top: 41px;
}
.aside-right .layout-main .schedule-container .person-column[data-v-be40d234] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.aside-right .layout-main .schedule-container .person-body[data-v-be40d234] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.aside-right .layout-main .schedule-container .person-body .person-content[data-v-be40d234] {
  width: 100%;
  min-width: 200px;
  border-right: 1px solid #ebeef5;
}
.aside-right .layout-main .schedule-container .person-body .person-content .old-container[data-v-be40d234] {
  border-bottom: 2px solid #b8d9f7;
}
.aside-right .layout-main .schedule-container .person-body .person-content .old-container .day-container[data-v-be40d234] {
  position: relative;
  border-top: 1px solid #ebeef5;
}
.aside-right .layout-main .schedule-container .person-body .person-content .old-container .old-task[data-v-be40d234] {
  font-size: 14px;
  padding: 0 20px;
  border-radius: 6px;
}
.aside-right .layout-main .schedule-container .person-body .person-content .old-container .old-task p[data-v-be40d234] {
  line-height: 32px;
}
.aside-right .layout-main .schedule-container .person-body .person-content .new-container[data-v-be40d234] {
  position: relative;
  height: var(--height);
}
.aside-right .layout-main .schedule-container .person-body .person-content .new-container[data-v-be40d234]  .drag-from {
  height: 100%;
}
.aside-right .layout-main .schedule-container .person-body .person-content .new-container[data-v-be40d234]  .drag-from .new-task,
.aside-right .layout-main .schedule-container .person-body .person-content .new-container[data-v-be40d234]  .drag-from .task-item.sortable-chosen {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 95%;
  margin-left: 2.5%;
  padding: 0 20px;
  border-radius: 6px;
  font-size: 14px;
  overflow: hidden;
}
.aside-right .layout-main .schedule-container .person-body .person-content .new-container[data-v-be40d234]  .drag-from .task-item.sortable-chosen {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #f2f2f2;
  height: 47px;
  line-height: 47px;
  -webkit-transition: height 0.2s;
  transition: height 0.2s;
  /* 添加过渡效果 */
  border: 1px solid #dedede;
  margin-top: 8px;
}
.aside-right .layout-main .schedule-container .person-body .person-content .new-container[data-v-be40d234]  .drag-from .new-task-wrap:not(.is-editable) {
  cursor: not-allowed !important;
}
.aside-right .layout-main .schedule-container .person-body .person-content .new-container[data-v-be40d234]  .drag-from .new-task p {
  line-height: 22px;
}
.aside-right .layout-main .schedule-container .header-cell[data-v-be40d234] {
  position: sticky;
  top: 0;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #f5f7fa;
  border-bottom: 1px solid #ebeef5;
  font-weight: bold;
  z-index: 1000;
}
.pop-task-wrap[data-v-be40d234] {
  max-width: 700px;
  max-height: 500px;
  line-height: 30px;
}
.pop-task-wrap .pop-task-title[data-v-be40d234] {
  background: #f5f7fa;
  padding: 6px 0 6px 20px;
  font-weight: 700;
  margin: 16px 0 6px 0;
}
.pop-task-wrap .task-tree .tree-item .item-dot[data-v-be40d234] {
  display: inline-block;
  width: 4px;
  height: 4px;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #000000;
  margin-right: 2px;
}
.pop-task-wrap .task-tree .tree-item.level-0[data-v-be40d234] {
  padding-left: 0;
}
.pop-task-wrap .task-tree .tree-item.level-1[data-v-be40d234] {
  padding-left: 30px;
}
.pop-task-wrap .task-tree .tree-item.level-2[data-v-be40d234] {
  padding-left: 60px;
}
[data-v-be40d234]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #f8f8f8;
}
[data-v-be40d234]::-webkit-scrollbar-thumb {
  border-radius: 16px;
  background-color: #1bced5;
}
[data-v-4cefb632] .input-with-select .el-input-group__append {
  width: 120px !important;
}
.el-select[data-v-4cefb632] {
  width: 100%;
}
.amount-input[data-v-4cefb632]  input {
  min-width: 120px;
}
.upload-container[data-v-73a38d53] {
  min-height: 150px;
}
.upload-container[data-v-73a38d53]  .el-upload {
  text-align: left;
}
.upload-container .upload-block[data-v-73a38d53] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  border: 1px solid #eeeeee;
  gap: 0 15px;
}
.upload-container .upload-block.uploading-block[data-v-73a38d53] {
  pointer-events: none;
}
.upload-container .upload-block .upload-block__icon[data-v-73a38d53] {
  width: 100px;
  height: 85px;
  background-color: #f5f5f5;
  text-align: center;
  font-size: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.upload-container .upload-block .upload-block__content[data-v-73a38d53] {
  padding: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.upload-container .upload-block .upload-block__content .upload-block__content--title[data-v-73a38d53] {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 10px;
}
.upload-container .upload-block .upload-block__content .upload-block__content--tip[data-v-73a38d53] {
  font-size: 12px;
  color: #999999;
}
.upload-container .upload-block .uploading-icon[data-v-73a38d53] {
  font-size: 30px;
  color: #409eff;
  margin-right: 30px;
}
.upload-container .upload-block .real-upload-element[data-v-73a38d53] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.upload-container .upload-block .real-upload-element[data-v-73a38d53]  .upload-demo,
.upload-container .upload-block .real-upload-element[data-v-73a38d53]  .el-upload--text,
.upload-container .upload-block .real-upload-element[data-v-73a38d53]  .el-button {
  width: 100%;
  height: 100%;
}
.upload-container .uploaded-success[data-v-73a38d53] {
  width: 100%;
  background: #fff;
  position: absolute;
  top: 42px;
  left: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 40px;
  text-align: center;
}
.upload-container .uploaded-success .uploaded-icon[data-v-73a38d53] {
  font-size: 50px;
  color: #00b050;
}
.upload-container .uploaded-success .uploaded-title[data-v-73a38d53] {
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
}
.upload-container .uploaded-success .uploaded-tip[data-v-73a38d53] {
  font-size: 14px;
  color: #999999;
  margin-top: 5px;
}
.upload-container .uploaded-fail[data-v-73a38d53] {
  width: 100%;
  background: #fff;
  position: absolute;
  top: 42px;
  left: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
}
.upload-container .uploaded-fail-wrapper[data-v-73a38d53] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #eeeeee;
}
.upload-container .uploaded-fail-wrapper .uploaded-fail-icon[data-v-73a38d53] {
  width: 100px;
  height: 90px;
  background-color: whitesmoke;
  text-align: center;
  line-height: 90px;
}
.upload-container .uploaded-fail-wrapper .uploaded-fail-icon svg[data-v-73a38d53] {
  vertical-align: middle;
  font-size: 50px;
  opacity: 0.5;
}
.upload-container .uploaded-fail-wrapper .uploaded-fail-total[data-v-73a38d53] {
  margin-left: 20px;
}
.upload-container .uploaded-fail-wrapper p[data-v-73a38d53] {
  line-height: 30px;
  font-size: 16px;
  font-weight: 700;
}
.upload-container .uploaded-fail-wrapper p .normal[data-v-73a38d53] {
  color: #00b050;
}
.upload-container .uploaded-fail-wrapper p .abnormal[data-v-73a38d53] {
  color: #ff4949;
}
.upload-container .uploaded-fail-item[data-v-73a38d53] {
  margin-top: 10px;
  border: 1px solid #eeeeee;
  background-color: #f8f8f8;
  height: 270px;
  overflow: auto;
  padding: 20px;
}
.upload-container .uploaded-fail-item p[data-v-73a38d53] {
  line-height: 30px;
  font-size: 14px;
}
.transfer-container[data-v-07305e44] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  min-height: 420px;
  max-height: 50vh;
}
.el-form-item.is-error .transfer-panel[data-v-07305e44] {
  border: 1px solid #ff4949;
}
.transfer-panel[data-v-07305e44] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #f9fafc;
  border: 1px solid #ebeef5;
  border-radius: 8px;
  padding: 16px;
}
.transfer-panel--left[data-v-07305e44] {
  background-color: #fff;
}
.transfer-panel[data-v-07305e44]  .el-input__inner {
  border-color: #dcdfe6 !important;
}
.transfer-panel[data-v-07305e44]  .el-input__inner:hover {
  border-color: #b1b3b6 !important;
}
.transfer-panel[data-v-07305e44]  .el-input__inner:focus {
  border-color: #409eff !important;
}
.transfer-panel[data-v-07305e44]  .el-select .el-input.is-focus .el-input__inner {
  border-color: #409eff !important;
}
.panel-header[data-v-07305e44] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  margin-bottom: 12px;
}
.panel-title[data-v-07305e44] {
  font-size: 16px;
  font-weight: 600;
  color: #303133;
}
.panel-count[data-v-07305e44] {
  font-weight: 400;
  font-size: 14px;
  color: #909399;
  margin-left: 4px;
}
.panel-select[data-v-07305e44],
.panel-search[data-v-07305e44] {
  width: 100%;
}
.panel-body[data-v-07305e44] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.panel-body[data-v-07305e44]  .el-scrollbar__wrap {
  max-height: 100%;
  overflow-x: hidden;
}
.panel-body[data-v-07305e44]  .el-empty {
  padding: 20px 0;
}
.panel-item[data-v-07305e44] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 12px;
  border: 1px solid #ebeef5;
  border-radius: 6px;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.panel-item + .panel-item[data-v-07305e44] {
  margin-top: 12px;
}
.panel-item[data-v-07305e44]:hover {
  border-color: #409eff;
  -webkit-box-shadow: 0 2px 6px rgba(64, 158, 255, 0.08);
          box-shadow: 0 2px 6px rgba(64, 158, 255, 0.08);
}
.transfer-panel--right .panel-item[data-v-07305e44] {
  cursor: default;
}
.item-main[data-v-07305e44] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.item-name[data-v-07305e44] {
  font-size: 14px;
  font-weight: 500;
  color: #303133;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.item-action[data-v-07305e44] {
  margin-left: 12px;
}
.item-icon[data-v-07305e44] {
  font-size: 16px;
  color: #67c23a;
  margin-left: 12px;
}
.form-container[data-v-73e9f095] {
  min-height: 200px;
  padding-bottom: 50px;
}
.notify-container[data-v-73e9f095] {
  min-height: 150px;
  margin-bottom: 20px;
}
.notify-container .notify-tip[data-v-73e9f095] {
  margin-bottom: 10px;
  font-size: 14px;
  color: #606266;
}
[data-v-73e9f095] .component-transfer .transfer-title {
  margin-top: 0px !important;
}
.process-detail-dialog[data-v-6a9de6d9]  .el-dialog__header {
  border-bottom: none;
}
.process-detail-dialog[data-v-6a9de6d9]  .el-dialog__body {
  padding: 0 30px;
}
.dialog-footer[data-v-6a9de6d9]  .el-dropdown {
  cursor: pointer;
  margin-right: 20px;
}
.mobile-dialog-footer[data-v-6a9de6d9] {
  width: 100%;
  min-height: 50px;
  background-color: #fff;
  border-top: 1px solid #e8e8e8;
  padding-top: 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.wx-footer[data-v-6a9de6d9] {
  text-align: center;
}
.wx-footer .el-button[data-v-6a9de6d9] {
  font-size: 14px;
  line-height: 20px;
  color: #10141a;
  border: none;
  cursor: default;
}
.wx-footer .confirm-btn[data-v-6a9de6d9] {
  margin-right: 2px;
  width: 166px;
  height: 32px;
  color: #fff;
  padding: 0 !important;
  background-color: #267ef0;
}
.wx-footer .confirm-btn[data-v-6a9de6d9]:hover {
  border-color: #4b95f3;
  background-color: #4b95f3;
}
.wx-footer .confirm-btn[data-v-6a9de6d9]:active {
  border-color: #65a4f5;
  background-color: #65a4f5;
}
.wx-footer .close-btn[data-v-6a9de6d9] {
  width: 166px;
  height: 32px;
  padding: 0 !important;
  background-color: rgba(6, 15, 26, 0.05);
}
.wx-footer .close-btn[data-v-6a9de6d9]:hover {
  background-color: rgba(6, 15, 26, 0.1);
}
.wx-footer .close-btn[data-v-6a9de6d9]:active {
  background-color: rgba(7, 15, 26, 0.15);
}
.wx-approval-row[data-v-6a9de6d9] {
  min-height: 100%;
  width: 580px;
  margin: 0 auto;
}
.mobile-approval-row[data-v-6a9de6d9] {
  width: 100%;
  height: 100%;
}
.approval-row[data-v-6a9de6d9] {
  height: 100%;
  min-height: 100%;
}
.form-col[data-v-6a9de6d9] {
  border-right: 1px solid #e8e8e8;
}
.process-tag[data-v-6a9de6d9] {
  margin: 10px 0;
}
.signature-testing p + p[data-v-6a9de6d9] {
  margin-top: 5px;
}
.process-content[data-v-6a9de6d9] {
  height: 100%;
}
.modified-content[data-v-5d12e177] {
  padding: 5px 0;
}
.modified-content + .modified-content[data-v-5d12e177] {
  border-top: 0.5px solid #ddd;
}
.header-card[data-v-6d522e9d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  border-radius: 12px;
  background-color: #fff;
}
.header-card .card-item-left[data-v-6d522e9d] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.header-card .card-item-left .card-icon[data-v-6d522e9d] {
  font-size: 24px;
}
.header-card .card-item-left .card-title[data-v-6d522e9d] {
  padding: 14px 0 10px 0;
  color: rgba(0, 0, 0, 0.48);
  font-size: 14px;
}
.header-card .card-item-left .card-num[data-v-6d522e9d] {
  font-size: 14px;
}
.header-card .card-item-left .card-num .num[data-v-6d522e9d] {
  display: inline-block;
  margin-right: 8px;
}
.header-card .card-item-left .font-Bold[data-v-6d522e9d] {
  font-size: 32px;
  font-weight: 700;
}
.header-card .card-item-right[data-v-6d522e9d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.milestone-card[data-v-569ceef0] {
  padding: 16px;
  border-radius: 12px;
  background-color: #fff;
}
.milestone-card .card-header[data-v-569ceef0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.milestone-card .card-header .card-icons[data-v-569ceef0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.milestone-card .card-header .card-icons .svg-icon[data-v-569ceef0] {
  cursor: pointer;
}
.milestone-card .card-header > p[data-v-569ceef0] {
  font-size: 16px;
  color: #000;
}
.milestone-card .card-body[data-v-569ceef0] {
  margin-top: 65px;
}
.milestone-card .card-body .process-steps[data-v-569ceef0] {
  width: 100%;
  margin-top: 20px;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.milestone-card .card-body .process-steps .el-step[data-v-569ceef0]  .el-step__title {
  line-height: 24px;
}
.milestone-card .card-body .process-steps .el-step[data-v-569ceef0]  .el-step__title p {
  padding: 0;
  margin: 0;
}
.milestone-card .card-body .process-steps .el-step[data-v-569ceef0]  .el-step__title .steps-title {
  font-size: 14px;
  color: #000;
}
.milestone-card .card-body .process-steps .el-step[data-v-569ceef0]  .el-step__title .steps-time {
  font-size: 12px;
  display: block;
  color: rgba(0, 0, 0, 0.48);
}
.milestone-card .card-body .process-steps .el-step[data-v-569ceef0]  .el-step__description {
  position: absolute;
  bottom: 84px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0;
  border-radius: 4px;
  background-color: #c2e7ff;
}
.milestone-card .card-body .process-steps .el-step .el-step__main .steps-remark[data-v-569ceef0] {
  font-size: 12px;
  margin: 8px;
  color: rgba(0, 0, 0, 0.48);
}
.milestone-card .card-body .process-steps .el-step .el-step__main .steps-remark .svg-icon[data-v-569ceef0] {
  margin-right: 8px;
}
.milestone-card .card-body .process-steps .el-step .el-step__main .triangle[data-v-569ceef0] {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 12px solid #c2e7ff;
  border-bottom: 0;
}
.milestone-card .card-body .process-steps .el-step[data-v-569ceef0]  .is-finish .el-step__line {
  background-color: #0099ff;
}
.milestone-card .card-body .process-steps .el-step[data-v-569ceef0]  .is-process .el-step__line-inner {
  border-width: 2px !important;
  border-color: #0099ff !important;
  width: 50% !important;
}
.milestone-card .card-body .process-steps .el-step[data-v-569ceef0]  .el-step__line {
  height: 4px;
  background-color: rgba(0, 153, 255, 0.24);
}
.milestone-card .card-body .process-steps .el-step[data-v-569ceef0]  .el-step__icon.is-text {
  width: 16px;
  height: 16px;
  margin: 5px 0;
  border: none !important;
}
.milestone-card .card-body .process-steps .el-step[data-v-569ceef0]  .el-step__icon.is-text .svg-icon {
  width: 100%;
  height: 100%;
}
.milestone-card .card-body .process-steps .el-step[data-v-569ceef0]  .el-step__icon.is-text .complete-icon {
  width: 100%;
  height: 100%;
  background-color: #0099ff;
  border-radius: 50%;
  display: block;
}
.milestone-card .card-body .process-steps .el-step[data-v-569ceef0]  .el-step__icon.is-text .extension-icon {
  font-size: 26px;
  color: red;
  display: block;
}
.milestone-card .card-body .process-steps .el-step[data-v-569ceef0]  .el-step__icon.is-text .incomplete-icon {
  width: 80%;
  height: 80%;
  border-radius: 50%;
  background-color: #c2e7ff;
}
.side-dialog-header[data-v-569ceef0]  .el-drawer__header {
  margin: 0 !important;
  padding: 12px 20px 12px 18px !important;
  border-bottom: 1px solid #d7d7d7;
  background-color: #f3f3f3;
}
.side-dialog-header .drawer-body[data-v-569ceef0] {
  padding: 16px;
  font-size: 12px;
}
.side-dialog-header .drawer-body .history-day[data-v-569ceef0] {
  margin-bottom: 16px;
}
.side-dialog-header .drawer-body .history-day i[data-v-569ceef0] {
  font-size: 16px;
  margin-right: 8px;
}
.side-dialog-header .drawer-body .history-item[data-v-569ceef0] {
  margin: 0 0 26px 24px;
}
.side-dialog-header .drawer-body .history-item .history-item-title[data-v-569ceef0] {
  margin-bottom: 16px;
}
.side-dialog-header .drawer-body .history-item .history-item-title span[data-v-569ceef0] {
  display: inline-block;
}
.side-dialog-header .drawer-body .history-item .history-item-title span[data-v-569ceef0]:nth-child(2) {
  margin: 0 10px 0 14px;
}
.side-dialog-header .drawer-body .history-item .history-item-remark[data-v-569ceef0] {
  margin-left: 63px;
  color: rgba(0, 0, 0, 0.58);
}
.side-dialog-header .drawer-body .history-item .history-item-remark li[data-v-569ceef0] {
  list-style-type: disc !important;
}
.side-dialog-header .drawer-body .history-item .history-item-remark li span[data-v-569ceef0] {
  margin-right: 13px;
}
.side-dialog-header .drawer-body .el-empty[data-v-569ceef0] {
  margin-top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@charset "UTF-8";
.wh-card[data-v-00e1bae1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  /* 设置间距 */
  margin-bottom: 40px;
}
.wh-card > div[data-v-00e1bae1] {
  padding: 16px;
  border-radius: 12px;
  background-color: #fff;
  width: 50%;
}
.wh-card .overview-card[data-v-00e1bae1] {
  font-size: 16px;
  color: #000;
}
.wh-card .overview-card .card-body .hours[data-v-00e1bae1] {
  margin: 16px 0;
}
.wh-card .overview-card .card-body .hours .num[data-v-00e1bae1] {
  font-size: 28px;
  font-weight: 700;
  margin: 0 8px 0 48px;
  color: #0099ff;
}
.wh-card .overview-card .card-body .hours .unit[data-v-00e1bae1] {
  color: #0099ff;
}
.wh-card .overview-card .card-body .progress-list[data-v-00e1bae1] {
  margin-bottom: 24px;
}
.wh-card .overview-card .card-body .progress-list .progress-title[data-v-00e1bae1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 6px;
}
.wh-card .statistics-card .card-header[data-v-00e1bae1] {
  font-size: 16px;
  color: #000;
}
.wh-card .statistics-card .card-body[data-v-00e1bae1] {
  margin-top: 16px;
}
@charset "UTF-8";
.overview-wrap[data-v-3154dd55] {
  position: relative;
  background-color: #f5f6f6;
  height: 100%;
  overflow: auto;
  padding: 16px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.overview-wrap .data-card[data-v-3154dd55] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  /* 设置间距 */
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.overview-wrap .data-card > div[data-v-3154dd55] {
  width: 25%;
}
.overview-wrap .milestone-card[data-v-3154dd55] {
  margin: 20px 0;
}
.overview-wrap .empty-wrapper[data-v-3154dd55] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.milestone-approval[data-v-212a2ac4] {
  background-color: #f5f6f6;
  height: 100%;
  overflow: auto;
}
.milestone-approval .handle-btn[data-v-212a2ac4] {
  background-color: #fff;
  padding: 16px 24px;
}
.milestone-approval .pagination-sty[data-v-212a2ac4] {
  width: 100%;
}
.milestone-approval .pagination-sty .pagination-container[data-v-212a2ac4] {
  margin-top: 22px;
  background-color: transparent;
}
.milestone-approval .pagination-sty .pagination-container[data-v-212a2ac4]  .el-pagination {
  text-align: center;
}
.taskDetails-approval[data-v-625a6e5e] {
  background-color: #f5f6f6;
  height: 100%;
  overflow: auto;
}
.taskDetails-approval[data-v-625a6e5e]  .el-table td.el-table__cell div {
  overflow: visible;
}
.taskDetails-approval .task-form-wrap .el-table[data-v-625a6e5e] {
  height: calc(100vh - 328px) !important;
  max-height: calc(100vh - 328px) !important;
}
.taskDetails-approval .task-form-wrap[data-v-625a6e5e]  .el-table--scrollable-y .el-table__body-wrapper {
  max-height: calc(100vh - 380px) !important;
}
.taskDetails-approval .pagination-sty[data-v-625a6e5e] {
  width: 100%;
}
.taskDetails-approval .pagination-sty .pagination-container[data-v-625a6e5e] {
  background-color: transparent;
}
.taskDetails-approval .pagination-sty .pagination-container[data-v-625a6e5e]  .el-pagination {
  text-align: center;
}
.custom-transfer[data-v-e313d2bc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.custom-transfer[data-v-e313d2bc]  .el-transfer-panel {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.custom-transfer[data-v-e313d2bc]  .el-checkbox-group .el-checkbox:last-of-type {
  margin-right: 30px;
}
.custom-transfer[data-v-e313d2bc]  .el-transfer-panel__body {
  height: 300px;
}
.custom-transfer[data-v-e313d2bc]  .el-transfer-panel__body .el-transfer-panel__list.is-filterable {
  height: 252px;
}
.transfer-component[data-v-23c9cce8] {
  margin-bottom: 20px;
}
.milestone-approval[data-v-631dea08] {
  background-color: #f5f6f6;
  height: 100%;
  overflow: auto;
}
.milestone-approval .handle-btn[data-v-631dea08] {
  background-color: #fff;
  padding: 16px 24px;
}
.milestone-approval .status--wait[data-v-631dea08] {
  color: #313c52;
}
.milestone-approval .status--doing[data-v-631dea08] {
  color: #67c23a;
}
.milestone-approval .status--suspend[data-v-631dea08] {
  color: #909399;
}
.milestone-approval .status--closed[data-v-631dea08] {
  color: #67c23a;
}
.milestone-form[data-v-3d6b4b21] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.milestone-form .milestone-form-wrap[data-v-3d6b4b21] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.milestone-form .milestone-form-wrap .milestone-col[data-v-3d6b4b21]  .el-form-item__content {
  margin-left: 0 !important;
}
.milestone-form .milestone-btn[data-v-3d6b4b21] {
  text-align: right;
  margin-left: 16px;
}
.milestone-form .milestone-btn .el-button[data-v-3d6b4b21] {
  padding: 8px !important;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #f0f0f0;
}
.milestone-form .milestone-btn .el-button i[data-v-3d6b4b21] {
  color: rgba(0, 0, 0, 0.64);
  font-size: 14px;
  font-weight: 600;
}
.milestone-form .milestone-btn .el-button[data-v-3d6b4b21]:hover {
  background-color: #e6e6e6;
}
.cs[data-v-0926ff8e] {
  height: calc(100vh - 200px);
  margin-top: 15px;
}
.cs .cs-container[data-v-0926ff8e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cs .cs-container .project[data-v-0926ff8e] {
  background: transparent;
  font-size: 14px;
  padding: 0 20px;
  height: calc(100vh - 200px);
  overflow: auto;
  width: 250px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid rgba(6, 15, 26, 0.07);
}
.cs .cs-container .project .project-add[data-v-0926ff8e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 5px 0 20px 0;
}
.cs .cs-container .project .project-add[data-v-0926ff8e]  .el-button {
  color: #000;
  padding: 0 !important;
}
.cs .cs-container .project .project-add svg[data-v-0926ff8e] {
  cursor: pointer;
}
.cs .cs-container .project .project-add .icon-sort[data-v-0926ff8e] {
  stroke: black;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.cs .cs-container .project .project-add .icon-sort.asc[data-v-0926ff8e] {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
  stroke: #0099ff;
}
.cs .cs-container .project .project-add .icon-sort.desc[data-v-0926ff8e] {
  stroke: #0099ff;
}
.cs .cs-container .project .project-item[data-v-0926ff8e] {
  padding: 12px;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #10141a;
  border-radius: 8px;
}
.cs .cs-container .project .project-item p[data-v-0926ff8e] {
  line-height: 24px;
}
.cs .cs-container .project .project-item .time[data-v-0926ff8e] {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.48);
}
.cs .cs-container .project .project-item .el-progress[data-v-0926ff8e] {
  margin-top: 24px;
  padding-top: 12px;
  border-top: 1px dashed rgba(0, 0, 0, 0.24);
}
.cs .cs-container .project .project-item .el-progress[data-v-0926ff8e]  .el-progress__text {
  font-size: 14px !important;
}
.cs .cs-container .project .project-item.selected[data-v-0926ff8e] {
  background-color: rgba(0, 153, 255, 0.1);
}
.cs .cs-container .project .project-item.selected .title[data-v-0926ff8e] {
  font-weight: 700;
}
.cs .cs-container .project .project-item.noSelected[data-v-0926ff8e]:hover {
  background-color: rgba(6, 15, 26, 0.05);
}
.cs .cs-container .content[data-v-0926ff8e] {
  width: calc(100% - 250px);
}
.cs .cs-container .content .content-top[data-v-0926ff8e] {
  padding: 10px 40px;
}
.cs .cs-container .content .content-top span[data-v-0926ff8e] {
  display: inline-block;
}
.cs .cs-container .content .content-top span[data-v-0926ff8e]:first-child {
  font-size: 16px;
  font-weight: 700;
}
.cs .cs-container .content .content-top span[data-v-0926ff8e]:last-child {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.48);
  margin-left: 20px;
}
.cs .cs-container .content .content-body[data-v-0926ff8e] {
  position: relative;
}
.cs .cs-container .content .content-body .content-tabs[data-v-0926ff8e]  .el-tabs__nav {
  margin-left: 50%;
  -webkit-transform: translateX(-50%) !important;
          transform: translateX(-50%) !important;
}
.cs .cs-container .content .content-body .content-tabs[data-v-0926ff8e]  .el-tabs__nav .el-tabs__item {
  height: 32px;
  line-height: 32px;
}
.cs .cs-container .content .content-body .content-tabs[data-v-0926ff8e]  .el-tabs__nav .el-tabs__item:hover {
  color: #0099ff;
}
.cs .cs-container .content .content-body .content-tabs[data-v-0926ff8e]  .el-tabs__nav .is-active {
  background-color: #0099ff;
  color: #fff;
  border-radius: 16px;
}
.cs .cs-container .content .content-body .content-tabs[data-v-0926ff8e]  .el-tabs__nav .is-active:hover {
  color: #fff;
}
.cs .cs-container .content .content-body .content-tabs[data-v-0926ff8e]  .el-tabs__nav #tab-Overview {
  padding-left: 20px;
}
.cs .cs-container .content .content-body .content-tabs[data-v-0926ff8e]  .el-tabs__nav #tab-AssociatedProjects {
  padding-right: 20px;
}
.cs .cs-container .content .content-body .content-tabs[data-v-0926ff8e]  .el-tabs__nav .el-tabs__active-bar {
  display: none;
}
.cs .cs-container .content .content-body .content-tabs[data-v-0926ff8e]  .el-tabs__header {
  padding: 0 0 8px 0;
  margin: 0;
}
.cs .cs-container .content .content-body .content-tabs[data-v-0926ff8e]  .el-tabs__header .el-tabs__nav-wrap::after {
  display: none;
}
.cs .cs-container .content .content-body .content-tabs[data-v-0926ff8e]  .el-tabs__content .el-tab-pane {
  height: calc(100vh - 238px);
  overflow: auto;
}
.cs .cs-container .content .content-body .content-more[data-v-0926ff8e] {
  position: absolute;
  font-size: 12px;
  color: #000;
  cursor: pointer;
  top: 0;
  right: 24px;
  line-height: 40px;
}
.el-dropdown-menu__item[data-v-0926ff8e] {
  font-size: 12px;
}
.selected-shortcut[data-v-0a2eedbc] {
  margin-right: 10px;
}
.website[data-v-338f29bc] {
  background-color: #f5f6f6;
  height: calc(100vh - 190px);
  overflow: auto;
  padding: 30px 124px;
}
.website .sales-title[data-v-338f29bc] {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  line-height: 32px;
  margin-bottom: 10px;
}
.website .mt30[data-v-338f29bc] {
  margin-top: 30px;
}
.website .wb-card[data-v-338f29bc] {
  background-color: #fff;
  padding: 18px 20px 18px 20px;
  border-radius: 12px;
}
.website .wb-card .echarts-item[data-v-338f29bc] {
  height: 300px;
}
.website .wb-card .lh32[data-v-338f29bc] {
  line-height: 32px;
}
.epc[data-v-4cc8c6c2] {
  background-color: #f5f6f6;
  height: calc(100vh - 190px);
  overflow: auto;
  padding: 30px 124px;
}
.epc .sales-title[data-v-4cc8c6c2] {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  line-height: 32px;
  margin-bottom: 10px;
}
.epc .mt30[data-v-4cc8c6c2] {
  margin-top: 30px;
}
.epc .wb-card[data-v-4cc8c6c2] {
  background-color: #fff;
  padding: 18px 20px 18px 20px;
  border-radius: 12px;
}
.epc .wb-card .echarts-item[data-v-4cc8c6c2] {
  height: 300px;
}
.epc .wb-card .lh32[data-v-4cc8c6c2] {
  line-height: 32px;
}
.website[data-v-16ba0a29] {
  background-color: #f5f6f6;
  height: calc(100vh - 190px);
  overflow: auto;
  padding: 30px 124px;
}
.website .sales-title[data-v-16ba0a29] {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  line-height: 32px;
  margin-bottom: 10px;
}
.website .mt30[data-v-16ba0a29] {
  margin-top: 30px;
}
.website .wb-card[data-v-16ba0a29] {
  background-color: #fff;
  padding: 18px 20px 18px 20px;
  border-radius: 12px;
}
.website .wb-card .echarts-item[data-v-16ba0a29] {
  height: 300px;
}
.website .wb-card .lh32[data-v-16ba0a29] {
  line-height: 32px;
}
.not-fixed-container[data-v-ad294afc] {
  padding: 20px 0 0 0;
}
.dev-analysis[data-v-ad294afc] {
  position: relative;
}
.dev-analysis .container[data-v-ad294afc] {
  position: relative;
  height: 100%;
}
.dev-analysis .container .project-title[data-v-ad294afc] {
  position: absolute;
  width: 230px;
  line-height: 38px;
  font-size: 14px;
  font-weight: 700;
  margin-left: 24px;
  border-bottom: 2px solid #dfe4ed;
  top: 0;
}
.dev-analysis .container[data-v-ad294afc]  .project-tabs > .el-tabs__header {
  margin-left: 254px;
  margin-bottom: 0;
}
@charset "UTF-8";
.dev-analysis {
  /*定义整个滚动条高宽及背景：高宽分别对应横竖滚动条的尺寸*/
  /*定义滚动条轨道：内阴影+圆角*/
  /*定义滑块：内阴影+圆角*/
}
.dev-analysis ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #f5f5f5;
}
.dev-analysis ::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
.dev-analysis ::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: rgba(178, 179, 182, 0.3);
}
.dev-analysis ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(144, 147, 153, 0.3);
}
::v-dee .el-dialog__header[data-v-53cefca1] {
  padding: 0;
}
.dialog-left-title[data-v-53cefca1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #b4b4b4;
  margin-bottom: 20px;
}
.dialog-right .test-title[data-v-53cefca1] {
  background-color: #f6f8fb;
  padding-left: 20px;
  margin-bottom: 20px;
}
.test-pass[data-v-53cefca1] {
  color: #67c23a;
}
.test-fail[data-v-53cefca1] {
  color: #f56c6c;
}
.test-title[data-v-53cefca1] {
  font-size: 18px;
  height: 72px;
  line-height: 72px;
  margin: 0;
}
.dialog-content[data-v-53cefca1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dialog-content .dialog-left[data-v-53cefca1] {
  width: 20%;
  min-width: 200px;
}
.dialog-content .dialog-left .dialog-left-menu[data-v-53cefca1] {
  max-height: calc(100vh - 420px);
  overflow: auto;
}
.dialog-content .dialog-left .test-time-name[data-v-53cefca1] {
  color: #6ab2fa;
}
.dialog-content .dialog-left .click-sty[data-v-53cefca1] {
  color: #0074e8;
}
.dialog-content .dialog-right[data-v-53cefca1] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
  margin-left: 40px;
}
.header-card[data-v-07318f26] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  color: #333;
  font-size: 14px;
}
.header-card .card-img-item[data-v-07318f26] {
  margin-right: 20px;
}
.header-card .card-img-item .img-bg[data-v-07318f26] {
  padding: 10px;
  border-radius: 50%;
}
.header-card .card-img-item .img-bg svg[data-v-07318f26] {
  width: 30px;
  height: 30px;
}
.header-card .card-img-item .ocr-today-sum[data-v-07318f26] {
  background-color: rgba(130, 128, 255, 0.2);
}
.header-card .card-img-item .ocr-today-cost[data-v-07318f26] {
  background-color: rgba(74, 217, 145, 0.2);
}
.header-card .card-img-item .ocr-today-success[data-v-07318f26] {
  background-color: rgba(76, 132, 255, 0.2);
}
.header-card .card-img-item .ocr-use-sum[data-v-07318f26] {
  background-color: rgba(255, 202, 131, 0.2);
}
.header-card .content[data-v-07318f26] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #666;
}
.header-card .content > div[data-v-07318f26]:nth-child(2) {
  margin: 5px 0;
  font-size: 28px;
  font-weight: bold;
  color: #333;
}
.header-card .content > .compare[data-v-07318f26] {
  height: 14px;
  list-style: 14px;
  font-size: 12px;
}
.header-card .content > .compare span.up[data-v-07318f26],
.header-card .content > .compare .el-icon-caret-top[data-v-07318f26] {
  color: #ff6666;
}
.header-card .content > .compare span.down[data-v-07318f26],
.header-card .content > .compare .el-icon-caret-bottom[data-v-07318f26] {
  color: #00cc99;
}
.header-card .content[data-v-07318f26]  .el-divider {
  margin: 5px 0 10px 0;
  background-color: #797979;
  width: 80%;
}
.factory-test {
  margin: 10px 24px 10px 24px;
  padding: 20px 24px 60px 24px;
  background: white;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.factory-test .echarts-item {
  height: 300px;
}
.card-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 50px;
}
.card-items > div {
  width: 23%;
}
.submit-history {
  margin: 20px 0 16px 0;
}
.data-chart {
  margin-top: 20px;
  overflow: hidden;
  height: 550px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.data-chart.expand-up {
  height: 550px;
}
.data-chart.expand-down {
  height: 0;
}
.data-btn {
  text-align: right;
  margin-bottom: 20px;
}
.data-btn .data-icon {
  display: inline-block;
  margin-left: 4px;
  font-size: 16px;
}
.data-divider {
  height: 20px;
  background-color: #f5f6fa;
}
.header-card[data-v-4e8fcdb8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  color: #333;
  font-size: 14px;
}
.header-card .card-img-item[data-v-4e8fcdb8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 20px;
}
.header-card .card-img-item .img-bg[data-v-4e8fcdb8] {
  padding: 10px;
  border-radius: 50%;
}
.header-card .card-img-item .img-bg svg[data-v-4e8fcdb8] {
  width: 30px;
  height: 30px;
}
.header-card .card-img-item .ocr-today-sum[data-v-4e8fcdb8] {
  background-color: rgba(130, 128, 255, 0.2);
}
.header-card .card-img-item .cost-dollar[data-v-4e8fcdb8] {
  background-color: rgba(74, 217, 145, 0.2);
}
.header-card .card-img-item .ocr-today-success[data-v-4e8fcdb8] {
  background-color: rgba(76, 132, 255, 0.2);
}
.header-card .card-img-item .ocr-use-sum[data-v-4e8fcdb8] {
  background-color: rgba(255, 202, 131, 0.2);
}
.header-card .content[data-v-4e8fcdb8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #666;
}
.header-card .content > div[data-v-4e8fcdb8]:nth-child(2) {
  margin: 5px 0;
  font-size: 28px;
  font-weight: bold;
  color: #333;
}
.header-card .content > .compare[data-v-4e8fcdb8] {
  height: 14px;
  list-style: 14px;
  font-size: 12px;
}
.header-card .content > .compare span.up[data-v-4e8fcdb8] {
  color: #00cc99;
}
.header-card .content > .compare span.down[data-v-4e8fcdb8] {
  color: #ff6666;
}
.customer-service[data-v-f8def698] {
  padding: 10px 24px;
}
.customer-service .ocr-main[data-v-f8def698] {
  padding: 10px 24px;
  border-radius: 12px;
  background: #fff;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.customer-service .borard-header[data-v-f8def698] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 12px;
  color: #999;
}
.customer-service .borard-header .header-label[data-v-f8def698] {
  margin-right: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}
.customer-service .borard-header i[data-v-f8def698] {
  margin-left: 5px;
  font-size: 15px;
  cursor: pointer;
}
.customer-service .card-items[data-v-f8def698] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}
.customer-service .card-items > div[data-v-f8def698] {
  width: 23%;
}
.customer-service .orc-card[data-v-f8def698] {
  margin-top: 20px;
}
.customer-service .orc-card .el-card__header[data-v-f8def698] {
  padding: 18px 20px 0 20px;
}
.customer-service .orc-card .card-change[data-v-f8def698] {
  float: right;
  width: 200px;
}
.customer-service .echarts-item[data-v-f8def698] {
  height: 300px;
}
.customer-service .orc-table[data-v-f8def698] {
  margin-top: 20px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.virtualSelect-list {
  max-height: 245px;
  overflow-y: auto;
}
.virtualSelect .el-scrollbar .el-scrollbar__bar.is-vertical {
  width: 0 !important;
}
.virtualSelect .el-select-group__title {
  background-color: #a9b8d0;
  color: #fff;
}
.virtualSelect .el-scrollbar__view {
  padding: 0;
}
.virtualSelect .el-scrollbar__view > div {
  max-height: 257px;
  overflow: auto;
}
.virtualSelect .el-scrollbar__view > div .el-select-group__wrap.virtualSelect-group {
  display: block !important;
}
.virtualSelect .el-scrollbar__view > div .el-select-group__wrap.virtualSelect-group .virtualSelect-list {
  max-height: 140px;
}
.overview-cards[data-v-404f2ebe] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(132px, 1fr));
  gap: 14px;
  min-width: 0;
}
.overview-card[data-v-404f2ebe] {
  min-height: 82px;
  padding: 17px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #e9edf5;
  border-radius: 10px;
  background: #f8faff;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}
.overview-card__value[data-v-404f2ebe] {
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
  letter-spacing: 0;
}
.overview-card__label[data-v-404f2ebe] {
  margin-top: 3px;
  color: #7c8aa5;
  font-size: 12px;
  line-height: 18px;
}
.is-dark[data-v-404f2ebe] {
  color: #0f172a;
}
.is-success[data-v-404f2ebe] {
  color: #62c491;
}
.is-danger[data-v-404f2ebe] {
  color: #e76068;
}
.is-primary[data-v-404f2ebe] {
  color: #4b6fff;
}
@media (max-width: 1180px) {
.overview-cards[data-v-404f2ebe] {
    grid-template-columns: repeat(2, minmax(132px, 1fr));
}
}
.ratio-chart-wrap[data-v-1215b328] {
  width: 240px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 240px;
          flex: 0 0 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ratio-chart-box[data-v-1215b328] {
  position: relative;
  width: 210px;
  height: 190px;
}
.ratio-chart[data-v-1215b328] {
  width: 100%;
  height: 100%;
}
.ratio-chart-center[data-v-1215b328] {
  position: absolute;
  left: 50%;
  top: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 124px;
  height: 78px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
  text-align: center;
}
.ratio-chart-center strong[data-v-1215b328] {
  display: block;
  color: #d9686f;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
  letter-spacing: 0;
  white-space: nowrap;
}
.ratio-chart-center span[data-v-1215b328] {
  display: block;
  margin-top: 4px;
  color: #7c8aa5;
  font-size: 12px;
  line-height: 16px;
  white-space: nowrap;
}
.ratio-legend[data-v-1215b328] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 14px;
  margin-top: 2px;
  color: #334155;
  font-size: 13px;
}
.ratio-legend__item[data-v-1215b328] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.ratio-legend__item i[data-v-1215b328] {
  width: 10px;
  height: 10px;
  border-radius: 3px;
}
.ratio-legend__item .is-danger[data-v-1215b328] {
  background: #e76068;
}
.ratio-legend__item .is-success[data-v-1215b328] {
  background: #62c491;
}
.device-abnormal-stats[data-v-59e8761c] {
  min-height: calc(100vh - 84px);
  padding: 16px 32px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f1f4fa;
  color: #0f172a;
}
.stats-header[data-v-59e8761c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.stats-header__icon[data-v-59e8761c] {
  width: 42px;
  height: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 10px;
  background: #4b6fff;
  color: #fff;
  font-size: 22px;
  -webkit-box-shadow: 0 10px 20px rgba(75, 111, 255, 0.28);
          box-shadow: 0 10px 20px rgba(75, 111, 255, 0.28);
}
.stats-header h2[data-v-59e8761c] {
  margin: 0;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: 0;
}
.stats-header p[data-v-59e8761c] {
  margin: 2px 0 0;
  color: #7c8aa5;
  font-size: 13px;
}
.filter-panel[data-v-59e8761c],
.overview-panel[data-v-59e8761c],
.detail-panel[data-v-59e8761c] {
  border-radius: 16px;
  background: #fff;
  -webkit-box-shadow: 0 16px 34px rgba(15, 23, 42, 0.08);
          box-shadow: 0 16px 34px rgba(15, 23, 42, 0.08);
}
.filter-panel[data-v-59e8761c] {
  padding: 20px 22px 4px;
  margin-bottom: 18px;
}
.filter-form[data-v-59e8761c]  .el-form-item__label {
  color: #1f2a44;
  font-weight: 600;
}
.filter-form[data-v-59e8761c]  .el-input__inner {
  height: 38px;
  line-height: 38px;
  border-color: #dfe6f2;
  border-radius: 10px;
}
.filter-actions[data-v-59e8761c] {
  margin-left: 6px;
  margin-right: 0;
}
.filter-actions[data-v-59e8761c]  .el-form-item__content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 3px;
  border: 1px solid #e6edf7;
  border-radius: 10px;
  background: #f7f9fc;
}
.filter-actions[data-v-59e8761c]  .el-button + .el-button {
  margin-left: 0;
}
.stat-action-btn[data-v-59e8761c] {
  min-width: 78px;
  padding: 0 15px !important;
  border-radius: 8px;
  font-weight: 600;
  letter-spacing: 0;
  -webkit-transition: background-color 0.2s, border-color 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s, color 0.2s;
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
}
.stat-action-btn i[data-v-59e8761c] {
  margin-right: 5px;
  font-size: 14px;
}
.stat-action-btn--primary[data-v-59e8761c] {
  border-color: #3f6cf6;
  background: -webkit-gradient(linear, left top, left bottom, from(#5b7cff), to(#3f6cf6));
  background: linear-gradient(180deg, #5b7cff 0%, #3f6cf6 100%);
  -webkit-box-shadow: 0 6px 14px rgba(63, 108, 246, 0.22);
          box-shadow: 0 6px 14px rgba(63, 108, 246, 0.22);
}
.stat-action-btn--primary[data-v-59e8761c]:hover, .stat-action-btn--primary[data-v-59e8761c]:focus {
  border-color: #315fe9;
  background: -webkit-gradient(linear, left top, left bottom, from(#6685ff), to(#315fe9));
  background: linear-gradient(180deg, #6685ff 0%, #315fe9 100%);
  -webkit-box-shadow: 0 8px 18px rgba(63, 108, 246, 0.28);
          box-shadow: 0 8px 18px rgba(63, 108, 246, 0.28);
}
.stat-action-btn--reset[data-v-59e8761c] {
  color: #52627a;
  border-color: #dce4ef;
  background: #fff;
  -webkit-box-shadow: 0 2px 6px rgba(15, 23, 42, 0.05);
          box-shadow: 0 2px 6px rgba(15, 23, 42, 0.05);
}
.stat-action-btn--reset[data-v-59e8761c]:hover, .stat-action-btn--reset[data-v-59e8761c]:focus {
  color: #3f6cf6;
  border-color: #9db4ff;
  background: #f8faff;
}
.model-select[data-v-59e8761c] {
  width: 168px;
}
.overview-panel[data-v-59e8761c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 28px;
  min-height: 248px;
  padding: 20px 38px;
  margin-bottom: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.overview-side[data-v-59e8761c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.overview-tip[data-v-59e8761c] {
  margin: 16px 0 0;
  color: #74829d;
  font-size: 12px;
}
.detail-panel[data-v-59e8761c] {
  padding: 20px 22px;
  min-height: 470px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.detail-pagination[data-v-59e8761c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #edf1f7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.detail-pagination[data-v-59e8761c]  .pagination-container {
  background: transparent;
}
.detail-toolbar[data-v-59e8761c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 14px;
  gap: 16px;
}
.detail-title[data-v-59e8761c] {
  font-size: 15px;
  font-weight: 700;
}
.detail-title em[data-v-59e8761c] {
  margin-left: 6px;
  color: #7c8aa5;
  font-style: normal;
  font-size: 13px;
}
.detail-actions[data-v-59e8761c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.status-tabs[data-v-59e8761c] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px;
  border-radius: 10px;
  background: #f0f3f8;
}
.status-tabs button[data-v-59e8761c] {
  min-width: 52px;
  height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #42506a;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.status-tabs button.active[data-v-59e8761c] {
  color: #4b6fff;
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
          box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
}
.export-btn[data-v-59e8761c] {
  height: 40px;
  border-radius: 10px;
  font-weight: 600;
}
.export-btn i[data-v-59e8761c] {
  margin-right: 5px;
}
.export-btn--normal[data-v-59e8761c] {
  color: #2f9b6b;
  border-color: #bfe8d8;
  background: #f0fbf6;
}
.export-btn--abnormal[data-v-59e8761c] {
  color: #e76068;
  border-color: #f5cbd0;
  background: #fff4f5;
}
.status-pill[data-v-59e8761c] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  min-width: 48px;
  height: 24px;
  padding: 0 10px;
  border-radius: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px;
  font-weight: 600;
}
.status-pill i[data-v-59e8761c] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.status-pill.is-abnormal[data-v-59e8761c] {
  color: #e76068;
  background: #fff0f1;
}
.status-pill.is-abnormal i[data-v-59e8761c] {
  background: #e76068;
}
.status-pill.is-normal[data-v-59e8761c] {
  color: #39a76d;
  background: #edf9f3;
}
.status-pill.is-normal i[data-v-59e8761c] {
  background: #39a76d;
}
[data-v-59e8761c] .el-table {
  border-radius: 10px;
  overflow: hidden;
}
[data-v-59e8761c] .el-table th {
  background: #f8faff;
  color: #7c8aa5;
}
@media (max-width: 1180px) {
.overview-panel[data-v-59e8761c] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.detail-toolbar[data-v-59e8761c] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.detail-actions[data-v-59e8761c] {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
}
.header-card[data-v-2ea49352] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  color: #333;
  font-size: 14px;
}
.header-card .card-img-item[data-v-2ea49352] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 20px;
}
.header-card .card-img-item .img-bg[data-v-2ea49352] {
  padding: 10px;
  border-radius: 50%;
}
.header-card .card-img-item .img-bg svg[data-v-2ea49352] {
  width: 30px;
  height: 30px;
}
.header-card .card-img-item .ocr-today-sum[data-v-2ea49352] {
  background-color: rgba(130, 128, 255, 0.2);
}
.header-card .card-img-item .ocr-today-cost[data-v-2ea49352] {
  background-color: rgba(74, 217, 145, 0.2);
}
.header-card .card-img-item .ocr-today-success[data-v-2ea49352] {
  background-color: rgba(76, 132, 255, 0.2);
}
.header-card .card-img-item .ocr-use-sum[data-v-2ea49352] {
  background-color: rgba(255, 202, 131, 0.2);
}
.header-card .content[data-v-2ea49352] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #666;
}
.header-card .content > div[data-v-2ea49352]:nth-child(2) {
  margin: 5px 0;
  font-size: 28px;
  font-weight: bold;
  color: #333;
}
.header-card .content > .compare[data-v-2ea49352] {
  height: 14px;
  list-style: 14px;
  font-size: 12px;
}
.header-card .content > .compare span.up[data-v-2ea49352] {
  color: #00cc99;
}
.header-card .content > .compare span.down[data-v-2ea49352] {
  color: #ff6666;
}
.customer-service[data-v-4df08364] {
  padding: 10px 24px;
}
.customer-service .ocr-main[data-v-4df08364] {
  padding: 10px 24px;
  border-radius: 12px;
  background: #fff;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.customer-service .borard-header[data-v-4df08364] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 12px;
  color: #999;
}
.customer-service .borard-header .header-label[data-v-4df08364] {
  margin-right: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}
.customer-service .borard-header i[data-v-4df08364] {
  margin-left: 5px;
  font-size: 15px;
  cursor: pointer;
}
.customer-service .card-items[data-v-4df08364] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}
.customer-service .card-items > div[data-v-4df08364] {
  width: 23%;
}
.customer-service .orc-card[data-v-4df08364] {
  margin-top: 20px;
}
.customer-service .orc-card .el-card__header[data-v-4df08364] {
  padding: 18px 20px 0 20px;
}
.customer-service .orc-card .card-change[data-v-4df08364] {
  float: right;
}
.customer-service .echarts-item[data-v-4df08364] {
  height: 300px;
}
.customer-service .orc-table[data-v-4df08364] {
  margin-top: 20px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.checkbox[data-v-8351f91e] {
  padding: 5px 0 5px 21px;
}
.checkbox .el-checkbox[data-v-8351f91e] {
  display: block;
}
.header-card[data-v-65a9660c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  color: #333;
  font-size: 14px;
}
.header-card .card-img-item[data-v-65a9660c] {
  margin-right: 20px;
}
.header-card .card-img-item .img-bg[data-v-65a9660c] {
  padding: 10px;
  border-radius: 50%;
}
.header-card .card-img-item .img-bg svg[data-v-65a9660c] {
  width: 30px;
  height: 30px;
}
.header-card .card-img-item .ocr-today-sum[data-v-65a9660c] {
  background-color: rgba(130, 128, 255, 0.2);
}
.header-card .card-img-item .ocr-today-cost[data-v-65a9660c] {
  background-color: rgba(74, 217, 145, 0.2);
}
.header-card .card-img-item .ocr-today-success[data-v-65a9660c] {
  background-color: rgba(76, 132, 255, 0.2);
}
.header-card .card-img-item .ocr-use-sum[data-v-65a9660c] {
  background-color: rgba(255, 202, 131, 0.2);
}
.header-card .content[data-v-65a9660c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #666;
}
.header-card .content > div[data-v-65a9660c]:nth-child(2) {
  margin: 5px 0;
  font-size: 28px;
  font-weight: bold;
  color: #333;
}
.header-card .content > .compare[data-v-65a9660c] {
  height: 14px;
  list-style: 14px;
  font-size: 12px;
}
.header-card .content > .compare span.up[data-v-65a9660c],
.header-card .content > .compare .el-icon-caret-top[data-v-65a9660c] {
  color: #ff6666;
}
.header-card .content > .compare span.down[data-v-65a9660c],
.header-card .content > .compare .el-icon-caret-bottom[data-v-65a9660c] {
  color: #00cc99;
}
.header-card .content[data-v-65a9660c]  .el-divider {
  margin: 5px 0 10px 0;
  background-color: #797979;
  width: 80%;
}
.customer-service[data-v-741166da] {
  padding: 10px 24px;
}
.customer-service .performance-main[data-v-741166da] {
  padding: 10px 24px;
  border-radius: 12px;
  background: #fff;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.customer-service .performance-main .board-header[data-v-741166da] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 12px;
  color: #999;
  margin: 10px 0;
}
.customer-service .performance-main .board-header i[data-v-741166da] {
  margin-left: 5px;
  font-size: 15px;
  cursor: pointer;
}
.customer-service .performance-main .board-header .return-btn[data-v-741166da] {
  margin-bottom: 10px;
}
.customer-service .performance-main .card-items[data-v-741166da] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.customer-service .performance-main .card-items > div[data-v-741166da] {
  width: 23%;
}
.customer-service .performance-main .performance-card[data-v-741166da] {
  margin-top: 20px;
}
.customer-service .performance-main .performance-card .el-card__header[data-v-741166da] {
  padding: 18px 20px 0 20px;
}
.customer-service .performance-main .performance-card .card-change[data-v-741166da] {
  float: right;
}
.customer-service .performance-main .echarts-item[data-v-741166da] {
  height: 300px;
}
.customer-service .performance-main .task-details-table[data-v-741166da] {
  margin-top: 20px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.customer-service .performance-main .task-details-table .table-title[data-v-741166da] {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 24px;
}
.customer-service .performance-main .task-details-table .table-add-btn[data-v-741166da] {
  margin-bottom: 10px;
}
.customer-service .performance-main .task-details-table .el-table td > .cell .el-form-item[data-v-741166da] {
  margin: 0 !important;
}
.customer-service .performance-main .task-table[data-v-741166da]  .el-table td.el-table__cell div {
  overflow: visible;
}
.customer-service .performance-main .title-img[data-v-741166da] {
  width: 22px;
  margin-right: 6px;
  vertical-align: middle;
}
@charset "UTF-8";
.playground-wrap[data-v-5dd43412] {
  position: relative;
}
.playground-wrap[data-v-5dd43412]  .el-dialog__header {
  padding: 32px 24px;
}
.playground-wrap[data-v-5dd43412]  .cus-dialog-full .el-dialog .el-dialog__body {
  height: calc(100% - 104px);
  max-height: calc(100vh - 104px);
}
.playground-wrap .playground[data-v-5dd43412] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*定义整个滚动条高宽及背景：高宽分别对应横竖滚动条的尺寸*/
  /*定义滚动条轨道：内阴影+圆角*/
  /*定义滑块：内阴影+圆角*/
}
.playground-wrap .playground .playground-left[data-v-5dd43412] {
  width: 35%;
  height: inherit;
  position: relative;
  height: inherit;
  background-color: #8b9ecc;
  border-radius: 10px;
}
.playground-wrap .playground .playground-left .el-textarea[data-v-5dd43412] {
  height: inherit !important;
}
.playground-wrap .playground .playground-left .el-textarea[data-v-5dd43412]  .el-textarea__inner {
  height: inherit !important;
  border: 1px solid #d4d4dd;
  padding-top: 60px;
  border-radius: 10px;
}
.playground-wrap .playground .playground-left span[data-v-5dd43412] {
  position: absolute;
  top: 30px;
  left: 18px;
  color: #000000;
  font-size: 14px;
}
.playground-wrap .playground .playground-middle[data-v-5dd43412] {
  width: 65%;
  height: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 24px;
}
.playground-wrap .playground .playground-middle .pm-wrap[data-v-5dd43412] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.playground-wrap .playground .playground-middle .pm-wrap .pm-item-wrap[data-v-5dd43412] {
  max-height: calc(100vh - 220px);
  overflow: auto;
}
.playground-wrap .playground .playground-middle .pm-wrap .pm-item-wrap .pm-item[data-v-5dd43412] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 74px;
  line-height: 74px;
  border-bottom: 1px solid #e3e3eb;
  cursor: pointer;
}
.playground-wrap .playground .playground-middle .pm-wrap .pm-item-wrap .pm-item[data-v-5dd43412]:hover {
  background-color: #f7f7f8;
}
.playground-wrap .playground .playground-middle .pm-wrap .pm-item-wrap .pm-item:hover .pm-item-name span[data-v-5dd43412] {
  background-color: #d9d9e3;
}
.playground-wrap .playground .playground-middle .pm-wrap .pm-item-wrap .pm-item:hover .el-textarea[data-v-5dd43412]  .el-textarea__inner {
  background-color: #f7f7f8;
}
.playground-wrap .playground .playground-middle .pm-wrap .pm-item-wrap .pm-item[data-v-5dd43412]:nth-last-child(1) {
  border-bottom: none;
}
.playground-wrap .playground .playground-middle .pm-wrap .pm-item-wrap .pm-item .el-textarea[data-v-5dd43412]  .el-textarea__inner {
  min-height: 50px !important;
  margin: 12px 0;
  line-height: 36px;
  border-radius: 8px;
  font-size: 14px;
  border: 2px solid #69c6af;
}
.playground-wrap .playground .playground-middle .pm-wrap .pm-item-wrap .pm-item .pm-item-input[data-v-5dd43412]  .el-textarea__inner {
  border: 2px solid rgba(144, 147, 153, 0);
}
.playground-wrap .playground .playground-middle .pm-wrap .pm-item-wrap .pm-item .pm-item-name[data-v-5dd43412] {
  width: 140px;
}
.playground-wrap .playground .playground-middle .pm-wrap .pm-item-wrap .pm-item .pm-item-name span[data-v-5dd43412] {
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  margin-left: 25px;
  text-align: left;
  color: #141414;
  font-size: 12px;
  border-radius: 8px;
  font-weight: 700;
  line-height: 32px;
  background-color: #fff;
}
.playground-wrap .playground .playground-middle .pm-wrap .pm-item-wrap .pm-item .pm-item-del[data-v-5dd43412] {
  text-align: center;
  line-height: 74px;
  color: #969696;
  width: 60px;
  font-size: 16px;
  cursor: pointer;
}
.playground-wrap .playground .playground-middle .pm-wrap .add-message[data-v-5dd43412] {
  cursor: pointer;
  display: block;
  padding: 18px 0 0 35px;
  border-top: 1px solid #e3e3eb;
  font-size: 14px;
  color: #000;
  font-weight: 700;
}
.playground-wrap .playground .playground-middle .pm-submit[data-v-5dd43412] {
  height: 50px;
  position: relative;
}
.playground-wrap .playground .playground-middle .pm-submit .el-button[data-v-5dd43412] {
  position: absolute;
  left: 0;
  bottom: 0;
}
.playground-wrap .playground .playground-middle .pm-submit .svg-icon[data-v-5dd43412] {
  position: absolute;
  left: 108px;
  bottom: 6px;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #000;
  cursor: pointer;
}
.playground-wrap .playground .playground-right[data-v-5dd43412] {
  width: 300px;
  height: inherit;
  overflow: auto;
  padding: 0 24px;
}
.playground-wrap .playground .playground-right p[data-v-5dd43412] {
  color: #000000;
}
.playground-wrap .playground .playground-right .temperature-label[data-v-5dd43412] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.playground-wrap .playground .playground-right .temperature-label .el-input[data-v-5dd43412] {
  width: 60px;
}
.playground-wrap .playground .playground-right .temperature-label .el-input[data-v-5dd43412]  .el-input__inner {
  height: 30px;
  padding: 0 10px;
  border-radius: 20px;
}
.playground-wrap .playground .playground-right .temperature-label .slider-input[data-v-5dd43412]  .el-input__inner {
  text-align: right;
  border: 1px solid rgba(212, 212, 212, 0) !important;
}
.playground-wrap .playground .playground-right .temperature-label .slider-input-tp[data-v-5dd43412]  .el-input__inner:hover {
  outline: none;
  border: 1px solid #d4d4d4 !important;
}
.playground-wrap .playground .playground-right .temperature-label .slider-input-mt[data-v-5dd43412]  .el-input__inner:hover {
  outline: none;
  border: 1px solid #d4d4d4 !important;
}
.playground-wrap .playground .playground-right .temperature-label .slider-input-tp[data-v-5dd43412]  .el-input__inner:hover {
  outline: none;
  border: 1px solid #d4d4d4 !important;
}
.playground-wrap .playground .playground-right .temperature-label .slider-input-fp[data-v-5dd43412]  .el-input__inner:hover {
  outline: none;
  border: 1px solid #d4d4d4 !important;
}
.playground-wrap .playground .playground-right .temperature-label .slider-input-pp[data-v-5dd43412]  .el-input__inner:hover {
  outline: none;
  border: 1px solid #d4d4d4 !important;
}
.playground-wrap .playground .playground-right .enter-sequences[data-v-5dd43412] {
  margin-top: -12px;
  font-size: 12px;
  color: #a3a3a3;
}
.playground-wrap .playground .playground-right .pg-set-input[data-v-5dd43412]  .el-input__inner {
  padding: 18px 16px;
  border-radius: 11px;
}
.playground-wrap .playground .playground-right .pg-set-input[data-v-5dd43412]  .el-select__tags-text {
  overflow: auto;
  text-overflow: clip;
}
.playground-wrap .playground .playground-right .auto-height-select .add-stop[data-v-5dd43412] {
  color: #a3a3a3;
  font-size: 12px;
  text-align: center;
}
.playground-wrap .playground .playground-right .auto-height-select[data-v-5dd43412]  .el-icon-arrow-up {
  display: none;
}
.playground-wrap .playground[data-v-5dd43412] ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #f5f5f5;
}
.playground-wrap .playground[data-v-5dd43412] ::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
.playground-wrap .playground[data-v-5dd43412] ::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: rgba(178, 179, 182, 0.3);
}
.playground-wrap .playground[data-v-5dd43412] ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(144, 147, 153, 0.3);
  cursor: pointer;
}
.playground-wrap .save-btn[data-v-5dd43412] {
  position: absolute;
  top: 38px;
  right: 54px;
}
.playground-wrap .save-btn .el-button[data-v-5dd43412] {
  background-color: #ececf1;
  color: #000;
  border-radius: 10px;
  font-size: 14px;
}
.playground-wrap .save-btn .el-button[data-v-5dd43412]:hover {
  background-color: #e7e7ec;
}
.playground-wrap .save-btn .el-button[data-v-5dd43412]:last-child {
  margin-left: 6px;
}
.switch-wrap .switch-head[data-v-5dd43412] {
  width: 100%;
  height: 500px;
  border: 1px solid #cccccc;
}
.switch-wrap .switch-head .switch-item[data-v-5dd43412] {
  width: 50%;
  height: 100%;
  float: left;
}
.switch-wrap .switch-head .switch-item[data-v-5dd43412]:nth-child(1) {
  border-right: 1px solid #cccccc;
}
.switch-wrap .switch-head p[data-v-5dd43412] {
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #cccccc;
}
.switch-wrap .switch-head[data-v-5dd43412]  .el-textarea__inner {
  height: 457px;
  border: none;
}
.switch-wrap .switch-footer[data-v-5dd43412] {
  margin-top: 20px;
  text-align: center;
}
.switch-wrap[data-v-5dd43412]  .el-dialog__body {
  padding-bottom: 20px;
}
.model-card[data-v-1ee00458] {
  margin-top: 20px;
}
.model-card .el-card__header[data-v-1ee00458] {
  padding: 18px 20px 0 20px;
}
.model-card .card-change[data-v-1ee00458] {
  float: right;
}
.echarts-item[data-v-1ee00458] {
  height: 500px;
}
.model-table[data-v-1ee00458] {
  margin-top: 20px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.list-button-item[data-v-1ee00458] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.list-button-item .el-button[data-v-1ee00458] {
  padding: 7px 15px !important;
  font-size: 12px !important;
}
.user-info[data-v-2f18f764] {
  display: inline-block;
  width: 100%;
}
.model-card[data-v-70f642cb] {
  margin-top: 20px;
}
.model-card .el-card__header[data-v-70f642cb] {
  padding: 18px 20px 0 20px;
}
.model-card .card-change[data-v-70f642cb] {
  float: right;
}
.echarts-item[data-v-70f642cb] {
  height: 500px;
}
.model-table[data-v-70f642cb] {
  margin-top: 20px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.app-tab-container[data-v-4fdffb54] {
  height: auto !important;
}

.header-card[data-v-0b87b224] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  color: #333;
  font-size: 14px;
}
.header-card .card-img-item[data-v-0b87b224] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 30px;
}
.header-card .card-img-item .img-bg[data-v-0b87b224] {
  padding: 10px;
  border-radius: 50%;
}
.header-card .card-img-item .img-bg svg[data-v-0b87b224] {
  width: 40px;
  height: 40px;
}
.header-card .card-img-item .ocr-today-sum[data-v-0b87b224] {
  background-color: rgba(130, 128, 255, 0.2);
}
.header-card .card-img-item .cost-dollar[data-v-0b87b224] {
  background-color: rgba(74, 217, 145, 0.2);
}
.header-card .card-img-item .ocr-today-success[data-v-0b87b224] {
  background-color: rgba(76, 132, 255, 0.2);
}
.header-card .card-img-item .ocr-use-sum[data-v-0b87b224] {
  background-color: rgba(255, 202, 131, 0.2);
}
.header-card .content[data-v-0b87b224] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #666;
}
.header-card .content .title[data-v-0b87b224] {
  font-weight: bold;
}
.header-card .content > div[data-v-0b87b224]:nth-child(2) {
  margin: 20px 0;
}
.header-card .content > div:nth-child(2) .value[data-v-0b87b224] {
  font-size: 28px;
  font-weight: bold;
  color: #333;
  margin-bottom: 4px;
}
.header-card .content > .compare[data-v-0b87b224] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header-card .content > .compare > p[data-v-0b87b224]:nth-child(1) {
  margin-right: 30px;
}
.total-add[data-v-2effd975] {
  margin: 10px 0 20px;
}
.total-add > span[data-v-2effd975] {
  margin-right: 20px;
}
.total-add[data-v-17c39b62] {
  margin: 10px 0 20px;
}
.total-add > span[data-v-17c39b62] {
  margin-right: 20px;
}
.customer-service[data-v-0d1209ea] {
  padding: 10px 24px;
}
.customer-service .ai-main[data-v-0d1209ea] {
  padding: 10px 24px;
  border-radius: 12px;
  background: #fff;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.customer-service .board-header[data-v-0d1209ea] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 12px;
  color: #999;
}
.customer-service .board-header .header-label[data-v-0d1209ea] {
  margin-right: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}
.customer-service .board-header i[data-v-0d1209ea] {
  margin-left: 5px;
  font-size: 15px;
  cursor: pointer;
}
.customer-service .card-items[data-v-0d1209ea] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}
.customer-service .card-items > div[data-v-0d1209ea] {
  width: 23%;
}
.customer-service .ai-table[data-v-0d1209ea] {
  margin-top: 20px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.opSetting[data-v-2a6de9d1] {
  text-align: center;
  margin-top: 230px;
}
.spacing[data-v-2a6de9d1] {
  margin-top: 10px;
}
.grid-content[data-v-2a6de9d1] {
  margin-top: 20px;
}
.mtb-10[data-v-2a6de9d1] {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}

[data-v-cfd13702] .wang-editor {
  height: calc(100vh - 280px) !important;
}
.left-tree.el-tree[data-v-cfd13702] {
  margin-top: 16px;
  max-height: calc(100vh - 200px);
  overflow: auto;
}
.left-tree.el-tree[data-v-cfd13702]::-webkit-scrollbar {
  width: 0px;
}
.left-tree.el-tree .el-tree-node__children[data-v-cfd13702] {
  max-height: calc(100vh - 400px);
  overflow: auto;
}
.left-tree.el-tree .el-tree-node__children .el-tree-node__content[data-v-cfd13702] {
  height: 46px !important;
}
.left-tree.el-tree[data-v-cfd13702]  .el-tree-node__content {
  height: 46px;
}
.app-tab-tree-table[data-v-15993cc7] {
  margin: 10px 20px;
}
.app-tab-tree-table .content[data-v-15993cc7] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.app-tab-tree-table .content .app-transverse[data-v-15993cc7] {
  margin-top: -10px;
}
.app-tab-tree-table .content .content-left[data-v-15993cc7] {
  width: 16%;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #dcdfe6;
}
.app-tab-tree-table .content .content-left .content-p[data-v-15993cc7] {
  margin-bottom: 6px;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
}
.app-tab-tree-table .content .content-left .el-icon-search[data-v-15993cc7] {
  line-height: 32px;
}
.app-tab-tree-table .content .content-left .custom-tree-node[data-v-15993cc7] {
  width: 100%;
}
.app-tab-tree-table .content .content-left .custom-tree-node .evey-node[data-v-15993cc7] {
  position: relative;
  line-height: 46px;
  height: 46px;
  width: 100%;
  font-size: 14px;
  color: #686b7a;
}
.app-tab-tree-table .content .content-left .custom-tree-node .evey-node .icon-sty[data-v-15993cc7] {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  color: #686b7a;
}
.app-tab-tree-table .content .content-left .custom-tree-node .evey-node .el-icon-edit[data-v-15993cc7] {
  line-height: 46px;
}
.app-tab-tree-table .content .content-left .left-tree.el-tree[data-v-15993cc7] {
  margin-top: 16px;
  max-height: calc(100vh - 200px);
  overflow: auto;
}
.app-tab-tree-table .content .content-left .left-tree.el-tree[data-v-15993cc7]::-webkit-scrollbar {
  width: 0px;
}
.app-tab-tree-table .content .content-left .left-tree.el-tree .el-tree-node__children[data-v-15993cc7] {
  max-height: calc(100vh - 400px);
  overflow: auto;
}
.app-tab-tree-table .content .content-left .left-tree.el-tree .el-tree-node__children .el-tree-node__content[data-v-15993cc7] {
  height: 46px !important;
}
.app-tab-tree-table .content .content-left .left-tree.el-tree[data-v-15993cc7]  .el-tree-node__content {
  height: 46px;
}
.app-tab-tree-table .content .content-left .handle-icon[data-v-15993cc7] {
  display: none;
}
.app-tab-tree-table .content .content-left .el-tree-node__content:hover .handle-icon[data-v-15993cc7] {
  display: inline-block;
  padding-left: 2px;
  padding-right: 7px;
  border-left: 1px solid #e9e9e9;
  background-color: #f5f7fa;
}
.app-tab-tree-table .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content[data-v-15993cc7] {
  background-color: #edf3ff;
}
.app-tab-tree-table .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .handle-icon[data-v-15993cc7] {
  background-color: #edf3ff;
}
.app-tab-tree-table .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node[data-v-15993cc7] {
  height: 46px;
  width: 100%;
  color: #4379ee;
}
.app-tab-tree-table .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node[data-v-15993cc7] {
  line-height: 46px;
  color: #4379ee;
}
.app-tab-tree-table .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .icon-sty[data-v-15993cc7] {
  color: #4379ee;
}
.app-tab-tree-table .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .el-icon-edit[data-v-15993cc7] {
  line-height: 46px;
  display: inline-block;
}
.app-tab-tree-table .content .content-left .project-sty.el-form .el-form-item[data-v-15993cc7] {
  display: block !important;
}
.app-tab-tree-table .content .content-left .project-sty.el-form .el-form-item .el-form-item__content[data-v-15993cc7] {
  width: 80%;
}
.app-tab-tree-table .content .content-left .el-card.is-always-shadow[data-v-15993cc7] {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
.app-tab-tree-table .content .content-left .el-popup-parent--hidden .el-dropdown-menu .el-tree.dialog-tree .el-icon-check[data-v-15993cc7] {
  display: none;
}
.app-tab-tree-table .content .content-left .el-popup-parent--hidden .el-dropdown-menu .el-tree.dialog-tree .el-tree-node__content:hover .el-icon-check[data-v-15993cc7] {
  display: inline-block;
}
.app-tab-tree-table .content .content-right[data-v-15993cc7] {
  width: 84%;
}
[data-v-15993cc7].template-content .ql-syntax {
  white-space: pre-wrap;
}
[data-v-15993cc7] .el-cascader__search-input {
  font-size: 12px;
}
.forms-wrap[data-v-6da94784] {
  min-height: 600px;
}
.column-setting[data-v-927a1374],
.el-tag[data-v-927a1374] {
  cursor: pointer;
}
.customer-service[data-v-45a28f6e] {
  padding: 10px 24px;
}
.customer-service .card[data-v-45a28f6e] {
  overflow: hidden;
  background-color: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 8px #eee;
          box-shadow: 0px 0px 8px #eee;
}
.customer-service .header-info[data-v-45a28f6e] {
  padding: 24px 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}
.customer-service .header-info h3[data-v-45a28f6e] {
  margin: 0;
  margin-bottom: 6px;
  font-size: 16px;
}
.customer-service .step-container[data-v-45a28f6e] {
  position: relative;
  margin: 16px 0;
  padding: 24px 16px;
}
.customer-service .step-container .step-wait-time[data-v-45a28f6e] {
  position: absolute;
  top: 16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 12px;
  color: #999;
}
.customer-service .step-container .step-name[data-v-45a28f6e] {
  color: #111;
  font-weight: 600;
}
.customer-service .step-container .step-description[data-v-45a28f6e] {
  color: #999;
}
.customer-service .status-icon[data-v-45a28f6e] {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 10px;
  margin-right: 4px;
  border-radius: 50%;
}
.customer-service .form-detail-container .el-descriptions .el-descriptions-row .el-descriptions-item__cell[data-v-45a28f6e] {
  max-width: 50%;
}
.customer-service .form-detail-container header[data-v-45a28f6e] {
  padding: 16px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ddd;
  font-weight: 600;
}
.customer-service .form-detail-container h5[data-v-45a28f6e] {
  padding-left: 6px;
  font-size: 14px;
  border-left: 5px solid #4490fb;
}
.customer-service .form-detail-container > div[data-v-45a28f6e] {
  padding: 16px;
}
.customer-service .form-detail-container[data-v-45a28f6e]  .knowledge-descriptions-item {
  max-width: 400px;
}
.customer-service .table a[data-v-45a28f6e] {
  color: #4490fb;
}
.customer-service .form-info .el-button[data-v-45a28f6e] {
  padding: 2px !important;
}
.customer-service .form-info .el-form-item[data-v-45a28f6e] {
  width: 100%;
  margin-bottom: 0;
}
.customer-service .form-info[data-v-45a28f6e]  .el-input__inner {
  border: none;
  padding-left: 0;
}
.customer-service .buyerNoteRadio[data-v-45a28f6e] {
  margin-bottom: 5px;
}
.customer-service .gpt-analysis-content[data-v-45a28f6e] {
  min-width: none;
  min-height: 130px;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background-color: #f8f8f8;
}
.customer-service .timeline-item p[data-v-45a28f6e] {
  margin-bottom: 6px;
}
.customer-service .timeline-item[data-v-45a28f6e]  .el-card__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.app-label-problems {
  margin: 10px 20px;
}
.app-label-problems .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.app-label-problems .content .app-transverse {
  padding: 20px 12px;
  background: white;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  height: calc(100vh - 120px) !important;
}
.app-label-problems .content .content-left {
  width: 16%;
  margin-right: 20px;
}
.app-label-problems .content .content-left .content-p {
  margin-bottom: 6px;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
}
.app-label-problems .content .content-left .el-icon-search {
  line-height: 32px;
}
.app-label-problems .content .content-left .custom-tree-node {
  width: 100%;
}
.app-label-problems .content .content-left .custom-tree-node .evey-node {
  position: relative;
  line-height: 46px;
  height: 46px;
  width: 100%;
  font-size: 14px;
  color: #686b7a;
}
.app-label-problems .content .content-left .custom-tree-node .evey-node .icon-sty {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  color: #686b7a;
}
.app-label-problems .content .content-left .custom-tree-node .evey-node .el-icon-edit {
  line-height: 46px;
}
.app-label-problems .content .content-left .left-tree.el-tree {
  margin-top: 16px;
  max-height: calc(100vh - 200px);
  overflow: auto;
}
.app-label-problems .content .content-left .left-tree.el-tree::-webkit-scrollbar {
  width: 0px;
}
.app-label-problems .content .content-left .left-tree.el-tree .el-tree-node__children {
  max-height: calc(100vh - 400px);
  overflow: auto;
}
.app-label-problems .content .content-left .left-tree.el-tree .el-tree-node__children .el-tree-node__content {
  height: 46px !important;
}
.app-label-problems .content .content-left .left-tree.el-tree .el-tree-node__content {
  height: 46px;
}
.app-label-problems .content .content-left .handle-icon {
  display: none;
}
.app-label-problems .content .content-left .el-tree-node__content:hover .handle-icon {
  display: inline-block;
  padding-left: 2px;
  padding-right: 7px;
  border-left: 1px solid #e9e9e9;
  background-color: #f5f7fa;
}
.app-label-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #edf3ff;
}
.app-label-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .handle-icon {
  background-color: #edf3ff;
}
.app-label-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node {
  height: 46px;
  width: 100%;
  color: #4379ee;
}
.app-label-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node {
  line-height: 46px;
  color: #4379ee;
}
.app-label-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .icon-sty {
  color: #4379ee;
}
.app-label-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .el-icon-edit {
  line-height: 46px;
  display: inline-block;
}
.app-label-problems .content .content-left .project-sty.el-form .el-form-item {
  display: block !important;
}
.app-label-problems .content .content-left .project-sty.el-form .el-form-item .el-form-item__content {
  width: 80%;
}
.app-label-problems .content .content-left .el-card.is-always-shadow {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
.app-label-problems .content .content-left .el-popup-parent--hidden .el-dropdown-menu .el-tree.dialog-tree .el-icon-check {
  display: none;
}
.app-label-problems .content .content-left .el-popup-parent--hidden .el-dropdown-menu .el-tree.dialog-tree .el-tree-node__content:hover .el-icon-check {
  display: inline-block;
}
.app-label-problems .content .content-right {
  width: 84%;
}
.subscribeManage .el-table td > .cell .delete {
  color: #ff4949 !important;
}
.edit-remark {
  cursor: pointer;
}
.edit-remark .remark-icon {
  margin-right: 5px;
  font-size: 14px;
  color: #409eff;
}
.edit-show {
  display: none;
}
.add-icon {
  font-size: 20px;
  cursor: pointer;
}
.el-table__body tr:hover .edit-show {
  display: inline;
}
.drag-handle {
  cursor: move;
}

.mtb-10[data-v-8bc7d0ca] {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}


.opSetting[data-v-68e6994e] {
  text-align: center;
  margin-top: 230px;
}
.spacing[data-v-68e6994e] {
  margin-top: 10px;
}

.subscribeManage .el-table td > .cell .delete {
  color: #ff4949 !important;
}
.edit-remark {
  cursor: pointer;
}
.edit-remark .remark-icon {
  font-size: 14px;
  color: #409eff;
  display: none;
}
.edit-remark:hover .remark-icon {
  display: block;
}
@charset "UTF-8";
.editor-wrap[data-v-4c017a4e] {
  position: relative;
  border: 1px solid #ccc;
  margin-top: 10px;
  word-break: break-word;
  /* 解决行末单词折行问题 */
  white-space: normal;
  /* 保持正常的文本换行规则 */
}
.editor-text-wrap[data-v-4c017a4e] {
  border: none;
  margin-top: 0;
}
.w-e-full-screen-container[data-v-4c017a4e] {
  z-index: 1000;
}
.wang-editor[data-v-4c017a4e] {
  position: relative;
  height: 400px;
}
[data-v-4c017a4e] .w-e-text-container {
  position: static;
}
[data-v-4c017a4e] .w-e-text-container p {
  margin: 0 !important;
}
.imgDolg[data-v-4c017a4e] {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: auto;
}
.imgDolg #imgDolgClose[data-v-4c017a4e] {
  position: fixed;
  top: 35px;
  cursor: pointer;
  right: 7%;
  font-size: 50px;
  color: white;
}
.imgDolg img[data-v-4c017a4e] {
  max-width: 80% !important;
  max-height: 100% !important;
}
.wang-editor-text[data-v-4c017a4e]  .w-e-hover-bar {
  display: none;
}
.wang-editor-text[data-v-4c017a4e]  .w-e-text-container {
  overflow-y: auto !important;
  padding: 13px 0 10px 0;
}
.wang-editor-text[data-v-4c017a4e]  .w-e-text-placeholder {
  line-height: 18px;
}
.status-info[data-v-1caf73ac] {
  margin-bottom: 20px;
  padding: 15px;
  background: #f8f9fa;
  border-radius: 6px;
}
.status-info .status-row[data-v-1caf73ac] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  margin-bottom: 10px;
}
.status-info .status-row .status-item[data-v-1caf73ac] {
  color: #666;
  font-size: 14px;
}
.status-info .time-info-row[data-v-1caf73ac] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  margin-bottom: 10px;
}
.status-info .time-info-horizontal[data-v-1caf73ac] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
  color: #999;
  font-size: 12px;
}
.status-info .time-info-horizontal span[data-v-1caf73ac] {
  white-space: nowrap;
}
.status-info .time-info-vertical[data-v-1caf73ac] {
  color: #999;
  font-size: 12px;
  line-height: 1.8;
}
.status-info .time-info-vertical div[data-v-1caf73ac] {
  margin-bottom: 5px;
}
.status-info .time-info-vertical div[data-v-1caf73ac]:last-child {
  margin-bottom: 0;
}
.content-layout[data-v-1caf73ac] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.form-section.with-sidebar[data-v-1caf73ac] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.form-section .kno-form .problem-cause-row[data-v-1caf73ac] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.form-section .kno-form .problem-cause-row .el-select[data-v-1caf73ac] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 200px;
}
.form-section .kno-form .problem-cause-row .short-term-checkbox[data-v-1caf73ac] {
  white-space: nowrap;
}
.form-section .kno-form .problem-cause-desc[data-v-1caf73ac] {
  margin-left: 10px;
  color: #909090;
  font-size: 12px;
}
.form-section .kno-form .content-wrapper[data-v-1caf73ac] {
  width: 100%;
}
.form-section .kno-form .content-wrapper .content-label[data-v-1caf73ac] {
  color: #999;
  font-size: 12px;
  margin-bottom: 5px;
  display: block;
}
.form-section .kno-form .content-wrapper .notice-text[data-v-1caf73ac] {
  background: #fff8dc;
  padding: 10px;
  border-radius: 4px;
  margin-bottom: 15px;
  font-size: 12px;
  line-height: 1.5;
}
.form-section .kno-form .editable-content[data-v-1caf73ac] {
  margin: 10px 0 20px 0;
}
.sidebar-section[data-v-1caf73ac] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-left: 1px solid #e6e6e6;
  padding-left: 20px;
}
@media screen and (max-width: 1440px) {
.sidebar-section[data-v-1caf73ac] {
    width: 300px;
}
}
@media screen and (min-width: 1440px) {
.sidebar-section[data-v-1caf73ac] {
    width: 380px;
}
}
@media screen and (min-width: 1920px) {
.sidebar-section[data-v-1caf73ac] {
    width: 450px;
}
}
.sidebar-section .search-button-wrapper[data-v-1caf73ac] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sidebar-section .search-button-wrapper .sidebar-title[data-v-1caf73ac] {
  font-size: 14px;
  font-weight: 700;
}
.sidebar-section .similar-knowledge-list[data-v-1caf73ac] {
  height: calc(100vh - 420px);
  overflow-y: auto;
}
.is-control-center-sidebar[data-v-1caf73ac] {
  width: 100%;
  border-left: none;
  padding-left: 0;
}
.audit-btn[data-v-8b23f3a8] {
  font-size: 14px !important;
}
.sort-wrap[data-v-ef3fe2fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 12px;
}
.sort-wrap span[data-v-ef3fe2fc] {
  cursor: default;
}
.sort-wrap .sort[data-v-ef3fe2fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 10px;
}
.sort-wrap .sort i[data-v-ef3fe2fc] {
  display: block;
  cursor: default;
}
.sort-wrap .sort i[data-v-ef3fe2fc]:first-child {
  margin-bottom: -6px;
}
.sort-wrap .sort i.active[data-v-ef3fe2fc] {
  color: blue;
}
.sort-wrap[data-v-ef3fe2fc]:hover {
  background: rgba(6, 15, 26, 0.05);
}
.knowledge-audit-container[data-v-604108a5] {
  padding: 20px 10% 0;
  background: #f5f5f5;
  min-height: 100vh;
}
.audit-header[data-v-604108a5] {
  margin-bottom: 20px;
}
.audit-header h2[data-v-604108a5] {
  font-size: 24px;
  color: #333;
  margin: 0;
}
.audit-header h2 .audit-count[data-v-604108a5] {
  font-size: 16px;
  color: #666;
  font-weight: normal;
}
.search-box[data-v-604108a5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.knowledge-list[data-v-604108a5] {
  height: calc(100vh - 160px);
  overflow-y: auto;
  padding-right: 10px;
  margin-top: 20px;
}
.knowledge-list .knowledge-item[data-v-604108a5] {
  background: white;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 15px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.knowledge-list .knowledge-item .knowledge-header[data-v-604108a5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
.knowledge-list .knowledge-item .knowledge-header .checkbox-group[data-v-604108a5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.knowledge-list .knowledge-item .knowledge-header .view-btn-box[data-v-604108a5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-size: 14px;
}
.knowledge-list .knowledge-item .knowledge-header .view-btn-box .view-btn[data-v-604108a5] {
  color: #409eff;
}
.knowledge-list .knowledge-item .reject-reason-section[data-v-604108a5] {
  margin-bottom: 15px;
  padding: 15px;
  background-color: #fef9f9;
  border: 1px solid #fde2e2;
  border-radius: 6px;
}
.knowledge-list .knowledge-item .reject-reason-section .reason-label[data-v-604108a5] {
  font-weight: bold;
  color: #e74c3c;
  margin-bottom: 10px;
  font-size: 14px;
}
.knowledge-list .knowledge-item .reject-reason-section .reason-input[data-v-604108a5] {
  width: 100%;
}
.knowledge-list .knowledge-item .knowledge-content[data-v-604108a5] {
  margin-bottom: 15px;
}
.knowledge-list .knowledge-item .knowledge-content[data-v-604108a5]  ol,
.knowledge-list .knowledge-item .knowledge-content[data-v-604108a5]  ul,
.knowledge-list .knowledge-item .knowledge-content[data-v-604108a5]  li {
  list-style-type: auto;
}
.knowledge-list .knowledge-item .knowledge-content[data-v-604108a5]  img {
  max-width: 100%;
}
.knowledge-list .knowledge-item .knowledge-footer[data-v-604108a5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 20px;
  color: #999;
  font-size: 12px;
  padding-top: 10px;
  border-top: 1px solid #eee;
}
.knowledge-list .loading-text[data-v-604108a5],
.knowledge-list .no-more-text[data-v-604108a5],
.knowledge-list .empty-text[data-v-604108a5] {
  text-align: center;
  padding: 20px;
  color: #999;
}
.bottom-actions[data-v-604108a5] {
  margin-top: 20px;
  text-align: center;
  padding: 20px;
  background: white;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.knowledge-view-drawer .similar-knowledge-list[data-v-604108a5] {
  height: calc(100% - 20px);
  overflow-y: auto;
  padding: 0 20px;
}
.knowledge-view-drawer[data-v-604108a5]  .el-drawer__header {
  margin-bottom: 20px;
  padding: 0 20px 0 0;
  border-bottom: 1px solid #e8e8e8;
  background: #f8f9fa;
}
.knowledge-view-drawer[data-v-604108a5]  .el-drawer__body {
  padding: 0;
  height: calc(100% - 60px);
  overflow-y: auto;
}
.knowledge-view-drawer .drawer-header[data-v-604108a5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 20px;
  width: 100%;
}
.knowledge-view-drawer .drawer-header .drawer-title[data-v-604108a5] {
  font-size: 16px;
  font-weight: bold;
  margin-right: 16px;
  color: #333;
}
.knowledge-view-drawer .drawer-header .action-buttons[data-v-604108a5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.log-item[data-v-0d568209] {
  margin-bottom: 36px;
}
.log-item h3[data-v-0d568209] {
  font-size: 16px;
  margin: 0;
  margin-bottom: 10px;
}
.log-item p[data-v-0d568209] {
  margin: 0;
  margin-bottom: 8px;
}
.log-id[data-v-0d568209] {
  line-height: 32px;
}
.log-id span[data-v-0d568209]:nth-child(2) {
  margin-left: 16px;
}
.log-id span[data-v-0d568209] {
  font-style: italic;
}
.unit-price[data-v-7a8c2654] {
  width: 80%;
}
[data-v-6cb2d088].text-expand .warning-row {
  background: #fbfbfb !important;
}
[data-v-3982550a].text-expand .warning-row {
  background: #fbfbfb !important;
}
[data-v-25b4d059].text-expand .warning-row {
  background: #fbfbfb !important;
}
.upload-content[data-v-4c9e40fa] {
  margin: 50px 0;
}
.uploaded-fail-item[data-v-4c9e40fa] {
  margin-top: 10px;
  border: 1px solid #eeeeee;
  background-color: #f8f8f8;
  height: 270px;
  overflow: auto;
  padding: 20px;
}
.uploaded-fail-item p[data-v-4c9e40fa] {
  line-height: 30px;
  font-size: 14px;
}
.table-container[data-v-6ca500dc] {
  margin-top: 20px;
  margin-bottom: 50px;
}
@charset "UTF-8";
[data-v-5d20d5ab] .el-table__body tr.sortable-chosen {
  background-color: #f5f7fa !important;
  /* 拖拽行的背景色 */
}
[data-v-5d20d5ab] .el-table__body tr.sortable-chosen :hover td.el-table__cell {
  background-color: #fff !important;
}
.el-icon-s-operation[data-v-5d20d5ab] {
  font-size: 20px;
}
.ppc-category[data-v-2e4d5c1a]  .el-radio-group {
  margin-top: 7px;
}
.el-table__body tr td .cell .merge-row[data-v-17529570]:nth-last-child(1) {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}
.el-table__body tr td .cell .merge-row[data-v-17529570]:nth-child(1) {
  padding-top: 0 !important;
}
.el-table__body tr td .cell .merge-row[data-v-4d04b738]:nth-last-child(1) {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}
.el-table__body tr td .cell .merge-row[data-v-4d04b738]:nth-child(1) {
  padding-top: 0 !important;
}
.el-form-item__content[data-v-326f75de] {
  width: 100%;
}
.el-cascader[data-v-326f75de] {
  min-width: 300px;
}
.el-form-item__content[data-v-443021c9] {
  width: 100%;
}
.el-cascader[data-v-443021c9] {
  min-width: 300px;
}
.tip[data-v-661a907c] {
  color: #999;
  font-size: 14px;
  margin: 0 0 30px;
}
[data-v-11343d3e] .el-form-item__error {
  z-index: 100;
}
.red-name[data-v-11343d3e] {
  color: red;
  font-weight: 700;
}
[data-v-09cd6024] .el-form-item__error {
  z-index: 100;
}
.drag-handle[data-v-27c8e1bf] {
  cursor: move;
}
.footer-left[data-v-27c8e1bf] {
  float: left;
}
.pagination-sty[data-v-98d6b1fa] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.info[data-v-98d6b1fa] {
  padding-bottom: 20px;
  height: 120px;
}
.info img[data-v-98d6b1fa] {
  width: auto;
  height: 100px;
}
.info .info-text[data-v-98d6b1fa] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}
.info .info-text a[data-v-98d6b1fa] {
  color: #409eff;
}
.column-setting[data-v-eeea3938],
.el-tag[data-v-eeea3938] {
  cursor: pointer;
}
.edit-remark[data-v-eeea3938] {
  cursor: pointer;
}
.edit-remark .remark-icon[data-v-eeea3938] {
  margin-right: 5px;
  font-size: 14px;
  color: #409eff;
}
.edit-show[data-v-eeea3938] {
  display: none;
}
.add-icon[data-v-eeea3938] {
  font-size: 20px;
  cursor: pointer;
}
.el-table__body tr:hover .edit-show[data-v-eeea3938] {
  display: inline;
}
.popover-div > div[data-v-eeea3938] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.multiple-width[data-v-eeea3938] {
  width: 250px;
}
.reservedQuantity[data-v-eeea3938] {
  cursor: pointer;
}
.reservedQuantity i[data-v-eeea3938] {
  margin-left: 5px;
}
.asin-link a[data-v-eeea3938] {
  color: #409eff;
}
.tag-sty[data-v-572ae7f7] {
  margin: 2px;
}
.map-sty[data-v-572ae7f7] {
  line-height: 1.5;
}
.map-sty span[data-v-572ae7f7] {
  font-weight: bold;
}
.template-dialog-footer[data-v-599a7251] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 999;
  background-color: #fff;
}
.template-dialog-footer .footer-btn[data-v-599a7251] {
  line-height: 48px;
}
[data-v-711d5c5e] .el-radio__label {
  display: none;
}
.avatar-uploader-icon {
  border: 1px dashed #d9d9d9 !important;
}
.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9 !important;
  border-radius: 6px !important;
  position: relative !important;
  overflow: hidden !important;
}
.avatar-uploader .el-upload:hover {
  border: 1px dashed #d9d9d9 !important;
  border-color: #409eff;
}
.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 300px;
  height: 178px;
  line-height: 178px;
  text-align: center;
}
.avatar {
  width: 300px;
  height: 178px;
  display: block;
}
.presale-goods-deatil .el-form-item__content[data-v-09950736] {
  height: 40px !important;
  line-height: 40px !important;
}
.presale-goods-deatil .el-form-item__content > div[data-v-09950736] {
  display: block !important;
}
.presale-goods-deatil .width-input[data-v-09950736] {
  width: 90%;
}
.el-dialog-form .step-price .el-form-item[data-v-09950736] {
  display: inline-block;
  width: 274px;
}
.el-dialog-form .step-price .el-form-item[data-v-09950736]:nth-of-type(2) {
  width: 123px;
}
.el-dialog-form .step-price .el-form-item .el-form-item__content .el-input[data-v-09950736] {
  width: 100px !important;
}
.dialog-content[data-v-09950736] {
  height: 100%;
}
.dialog-content .el-col[data-v-09950736] {
  height: 100%;
}
.dialog-content .dialog-left .el-step[data-v-09950736] {
  cursor: pointer;
}
.dialog-content .dialog-right[data-v-09950736] {
  height: 100%;
  overflow-y: auto;
  padding-right: 30px;
}
.dialog-content .title-tip[data-v-09950736] {
  padding: 10px 16px;
  background-color: #f5f7fa;
  border-left: 5px solid #50bfff;
  margin: 100px 0 20px 0;
  font-weight: 600;
}
.dialog-content .title-tip[data-v-09950736]:nth-child(1) {
  margin-top: 0;
}
@media screen and (max-width: 2560px) {
[data-v-09950736] .goods-manage-editor {
    margin-bottom: 10px;
}
[data-v-09950736] .goods-manage-editor .wang-editor {
    height: calc(100vh - 250px) !important;
}
}
@media screen and (max-width: 1920px) {
[data-v-09950736] .ql-container.ql-snow {
    height: 700px !important;
}
[data-v-09950736] .edit-wrap .quill-editor[data-v-12312e72] {
    height: 700px !important;
}
}
.template-dialog-footer[data-v-6863b591] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 999;
  background-color: #fff;
}
.template-dialog-footer .footer-btn[data-v-6863b591] {
  line-height: 48px;
}
.avatar-uploader-icon {
  border: 1px dashed #d9d9d9 !important;
}
.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9 !important;
  border-radius: 6px !important;
  position: relative !important;
  overflow: hidden !important;
}
.avatar-uploader .el-upload:hover {
  border: 1px dashed #d9d9d9 !important;
  border-color: #409eff;
}
.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 300px;
  height: 178px;
  line-height: 178px;
  text-align: center;
}
.avatar {
  width: 300px;
  height: 178px;
  display: block;
}
.cus-form .el-form--inline .el-form-item[data-v-cd9f5dc4] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.cus-form .el-form-item .el-form-item__content[data-v-cd9f5dc4] {
  width: 100%;
}
.wrap-prodoct-describe .width-input[data-v-28236732] {
  width: 90%;
}

.sd[data-v-0e6fa220] {
  overflow: auto;
  display: block;
}

.wrap-prodoct-describe .width-input[data-v-cde6f47a] {
  width: 90%;
}
.goods-info[data-v-3ecd2f4c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px;
}
.goods-info .info-left[data-v-3ecd2f4c] {
  width: 120px;
  height: 120px;
  margin-right: 20px;
}
.goods-info .info-left img[data-v-3ecd2f4c] {
  vertical-align: top;
  border: 1px solid #c8c8c8;
  width: 100%;
  height: 100%;
}
.goods-info .info-right[data-v-3ecd2f4c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.goods-info .info-right .info-title[data-v-3ecd2f4c] {
  vertical-align: top;
  font-size: 16px;
  line-height: 26px;
}
.goods-info .info-right .info-desc[data-v-3ecd2f4c] {
  margin-top: 20px;
}
.goods-info .info-right p[data-v-3ecd2f4c] {
  margin-bottom: 10px;
}
.desc-flex[data-v-3ecd2f4c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 26px;
}
.desc-flex p[data-v-3ecd2f4c] {
  margin-left: 10px;
  line-height: 20px;
}
.desc-flex .fixed-width[data-v-3ecd2f4c] {
  width: 80px;
}
.desc-flex .flex-width[data-v-3ecd2f4c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.listing-img .el-image[data-v-3ecd2f4c] {
  margin: 0 0 40px 40px;
}
.goods-title[data-v-ab0c602e] {
  text-align: center;
  font-size: 16px;
  margin-bottom: 20px;
}
.goods-title .mmn[data-v-ab0c602e] {
  margin-left: 20px;
}
.goods-title p[data-v-ab0c602e] {
  font-size: 14px;
}
.pagination-sty[data-v-ab0c602e] {
  width: 100%;
  text-align: right;
  margin-top: 20px;
}
.media-order-content[data-v-08693917] {
  min-height: 200px;
  max-height: calc(100vh - 300px);
  overflow-y: auto;
}
.media-order-meta[data-v-08693917] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px 20px;
  padding-bottom: 16px;
  word-break: break-all;
}
.media-order-meta strong[data-v-08693917] {
  font-size: 16px;
}
.media-order-grid[data-v-08693917] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 12px;
}
.media-order-item[data-v-08693917] {
  min-width: 0;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  overflow: hidden;
  background: white;
}
.media-cover[data-v-08693917] {
  position: relative;
  height: 130px;
  cursor: -webkit-grab;
  cursor: grab;
  background: #f5f7fa;
}
.media-cover-image[data-v-08693917] {
  width: 100%;
  height: 100%;
}
.media-cover-placeholder[data-v-08693917] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  color: #909399;
  font-size: 12px;
}
.media-cover-placeholder i[data-v-08693917] {
  font-size: 26px;
}
.media-order-number[data-v-08693917] {
  position: absolute;
  top: 6px;
  left: 6px;
  min-width: 24px;
  text-align: center;
  padding: 3px;
  border-radius: 3px;
  background: #fff;
  color: #303133;
  border: 1px solid #dcdfe6;
}
.media-order-video[data-v-08693917] {
  position: absolute;
  bottom: 6px;
  right: 6px;
  background: #303133;
  color: white;
  padding: 3px 6px;
  border-radius: 3px;
  font-size: 12px;
}
.media-order-caption[data-v-08693917] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 0 8px;
}
.media-order-caption > span[data-v-08693917] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}
.media-order-caption button[data-v-08693917] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  margin: 0;
}
.media-order-ghost[data-v-08693917] {
  opacity: 0.4;
}
.media-order-error[data-v-08693917] {
  color: #c45656;
  padding: 8px 0;
}
.media-order-task[data-v-08693917] {
  padding: 10px 0;
  border-top: 1px solid #ebeef5;
  color: #606266;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  overflow-wrap: anywhere;
}
.media-order-task-id[data-v-08693917] {
  font-size: 12px;
}
.media-order-empty[data-v-08693917] {
  padding: 50px 0;
  text-align: center;
  color: #909399;
}
.media-order-footer[data-v-08693917] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
}
.media-order-footer button[data-v-08693917] {
  margin: 0;
}
.media-order-unsaved[data-v-08693917] {
  margin-right: auto;
  color: #b88230;
  font-size: 12px;
}
@media (max-width: 480px) {
.media-order-grid[data-v-08693917] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.media-cover[data-v-08693917] {
    height: 110px;
}
}

.media-task-status[data-v-9a1aeef4] {
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px 12px;
  margin: 10px 0;
  padding: 10px 0;
  border-top: 1px solid #ebeef5;
  border-bottom: 1px solid #ebeef5;
  font-size: 13px;
  color: #606266;
  overflow-wrap: anywhere;
}
.media-task-status strong[data-v-9a1aeef4] {
  font-size: 13px;
}
.task-success strong[data-v-9a1aeef4],
.task-success > i[data-v-9a1aeef4] {
  color: #529b2e;
}
.task-fail strong[data-v-9a1aeef4],
.task-fail > i[data-v-9a1aeef4] {
  color: #c45656;
}

@charset "UTF-8";
/* 亚马逊爬取产品描述 */
[data-v-2cdbad53] .product-description {
  /* amz-describe自己的样式是为了尽量模拟在shopify中的样式 */
  color: #090302;
  font-size: 17px;
  font-family: "DIN Next", sans-serif;
  line-height: 1.5;
  font-style: normal;
  font-weight: 400;
}
[data-v-2cdbad53] .product-description img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
[data-v-2cdbad53] .product-description h1:not(:last-child),[data-v-2cdbad53] .product-description h2:not(:last-child),[data-v-2cdbad53] .product-description h3:not(:last-child),[data-v-2cdbad53] .product-description h4:not(:last-child),[data-v-2cdbad53] .product-description h5:not(:last-child),[data-v-2cdbad53] .product-description h6:not(:last-child) {
  margin-bottom: 0.2em;
}
[data-v-2cdbad53] .product-description .h0,[data-v-2cdbad53] .product-description h1,[data-v-2cdbad53] .product-description .h1,[data-v-2cdbad53] .product-description h2,[data-v-2cdbad53] .product-description .h2,[data-v-2cdbad53] .product-description h3,[data-v-2cdbad53] .product-description .h3,[data-v-2cdbad53] .product-description h4,[data-v-2cdbad53] .product-description .h4,[data-v-2cdbad53] .product-description h5,[data-v-2cdbad53] .product-description .h5,[data-v-2cdbad53] .product-description h6,[data-v-2cdbad53] .product-description .h6,[data-v-2cdbad53] .product-description .font-heading {
  margin: 0 0 0.5em;
}
[data-v-2cdbad53] .product-description p {
  margin: 0 0 1em;
}
/* 下面的都是亚马逊要使用的样式 */
[data-v-2cdbad53] .aplus-v2 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
}
[data-v-2cdbad53] .aplus-v2 table {
  border: none;
  border-collapse: collapse;
  border: 0;
}
[data-v-2cdbad53] .aplus-v2 table td,[data-v-2cdbad53] .aplus-v2 table th {
  border: 0;
  padding: 3px 5px;
}
[data-v-2cdbad53] .aplus-v2 table th {
  border: 0;
  text-align: center;
}
[data-v-2cdbad53] .aplus-v2 h3,[data-v-2cdbad53] .aplus-v2 h4 {
  padding-bottom: 4px;
}
[data-v-2cdbad53] .aplus-v2 h3 {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
}
[data-v-2cdbad53] .aplus-v2 td.active,[data-v-2cdbad53] .aplus-v2 th.active {
  border-color: #eaeaea !important;
}
[data-v-2cdbad53] .aplus-v2 .aplus-standard.aplus-module {
  min-width: auto;
}
[data-v-2cdbad53] .aplus-v2 .a-text-center {
  text-align: center;
}
[data-v-2cdbad53] .aplus-v2 .a-text-bold {
  font-weight: 700 !important;
}
[data-v-2cdbad53] .aplus-v2 .a-spacing-mini {
  margin-bottom: 4px !important;
}
[data-v-2cdbad53] .aplus-v2 .a-row {
  width: 100%;
}
[data-v-2cdbad53] .aplus-v2 .a-row:after,[data-v-2cdbad53] .aplus-v2 .a-row:before {
  display: table;
  content: "";
  line-height: 0;
  font-size: 0;
}
[data-v-2cdbad53] .aplus-v2 .a-row:after {
  clear: both;
}
[data-v-2cdbad53] .aplus-v2 .a-row .a-span4,[data-v-2cdbad53] .aplus-v2 .a-ws .a-row .a-ws-span4 {
  width: 31.948%;
}
[data-v-2cdbad53] .aplus-v2 .a-row .a-span8,[data-v-2cdbad53] .aplus-v2 .a-ws .a-row .a-ws-span8 {
  width: 65.948%;
}
[data-v-2cdbad53] .aplus-v2 .a-ws div.a-column,[data-v-2cdbad53] .aplus-v2 div.a-column {
  margin-right: 2%;
  float: left;
  min-height: 1px;
  overflow: visible;
}
[data-v-2cdbad53] .aplus-v2 .a-ws .a-ws-span12,[data-v-2cdbad53] .aplus-v2 div.a-column.a-span-last {
  margin-right: 0;
  float: right;
}
[data-v-2cdbad53] .aplus-v2 .a-unordered-list,[data-v-2cdbad53] .aplus-v2 ul {
  margin: 0 0 0 18px;
  color: #0f1111;
}
[data-v-2cdbad53] .aplus-v2 .a-ordered-list li,[data-v-2cdbad53] .aplus-v2 .a-unordered-list li,[data-v-2cdbad53] .aplus-v2 ol li,[data-v-2cdbad53] .aplus-v2 ul li {
  list-style: disc;
}
[data-v-2cdbad53] .aplus-v2 .media-container > img {
  width: 100%;
}
[data-v-2cdbad53] .aplus-v2 .widthTo100 {
  width: 100% !important;
}
[data-v-2cdbad53] .aplus-v2 img {
  max-width: 100%;
}
[data-v-2cdbad53] .aplus-v2 .carousel > li > .a-section {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 1px;
}
[data-v-2cdbad53] .aplus-v2 .carousel > li > .a-section > .a-section {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
[data-v-2cdbad53] .product-description .aplus-v2.desktop {
  min-width: auto;
}
[data-v-2cdbad53] .product-description .aplus-v2 .aplus-standard.aplus-module {
  min-width: auto;
}
[data-v-2cdbad53] .aplus-v2 .slick-dots {
  margin: 0;
}
[data-v-2cdbad53] .aplus-v2 .table-container.loading {
  opacity: 1 !important;
}
[data-v-2cdbad53] .aplus-v2 .premium-aplus-module-5 td.active-item,[data-v-2cdbad53] .aplus-v2 .premium-aplus-module-5 td.attribute,[data-v-2cdbad53] .aplus-v2 .premium-aplus-module-5 .attribute,[data-v-2cdbad53] .aplus-v2 .premium-aplus-module-5 .active-item {
  position: static;
}
[data-v-2cdbad53] .aplus-v2.carousel > li {
  list-style: none;
}
[data-v-2cdbad53] .aplus-v2 .premium-aplus-two-column,[data-v-2cdbad53] .aplus-v2 .premium-aplus-three-column,[data-v-2cdbad53] .aplus-v2 .premium-aplus-four-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
[data-v-2cdbad53] .aplus-v2 ul li:before {
  display: none;
}
[data-v-2cdbad53] .aplus-v2 ul li {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}
[data-v-2cdbad53] .aplus-v2.desktop .aplus-display-table-width {
  min-width: 100%;
  width: 100%;
}
[data-v-2cdbad53] .aplus-v2 .aplus-display-table {
  display: table;
}
[data-v-2cdbad53] .aplus-v2 .aplus-display-table-cell {
  display: table-cell;
}
[data-v-2cdbad53] .aplus-v2 .text-panel-container {
  vertical-align: middle;
  text-align: left;
  width: 50%;
}
[data-v-2cdbad53] .aplus-v2 .detail-swiper-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}
[data-v-2cdbad53] .product-description .aplus-v2.desktop .premium-aplus .aplus-tech-spec-table {
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  overflow: hidden;
}
[data-v-2cdbad53] .product-description .aplus-v2.desktop .premium-aplus .aplus-tech-spec-table td,[data-v-2cdbad53] .product-description .aplus-v2.desktop .premium-aplus .aplus-tech-spec-table th {
  border: 0 !important;
  border-right: 1px solid #d5d9d9 !important;
  border-bottom: 1px solid #d5d9d9 !important;
}
[data-v-2cdbad53] .product-description .aplus-v2.desktop .premium-aplus .aplus-tech-spec-table tr > td:last-child,[data-v-2cdbad53] .product-description .aplus-v2.desktop .premium-aplus .aplus-tech-spec-table tr > th:last-child {
  border-right: 0 !important;
}
[data-v-2cdbad53] .product-description .aplus-v2.desktop .premium-aplus .aplus-tech-spec-table tr:last-child > td,[data-v-2cdbad53] .product-description .aplus-v2.desktop .premium-aplus .aplus-tech-spec-table tr:last-child > th {
  border-bottom: 0 !important;
}
@media screen and (max-width: 992px) {
[data-v-2cdbad53] .product-description .aplus-v2 .aplus-3p-fixed-width,[data-v-2cdbad53] .product-description .aplus-v2 .apm-sidemodule,[data-v-2cdbad53] .product-description .aplus-v2 .apm-fixed-width:not(table) {
    width: auto;
    max-width: calc(100vw - 32px);
}
}
@media screen and (max-width: 992px) {
[data-v-2cdbad53] .product-description .aplus-v2 .aplus-module-content {
    overflow-x: auto;
}
}
@media screen and (max-width: 992px) {
[data-v-2cdbad53] .product-description .aplus-v2 .scrollTable {
    max-width: calc(100vw - 32px);
    overflow-x: auto;
}
}
@media screen and (max-width: 576px) {
[data-v-2cdbad53] .product-description .aplus-v2 .apm-lefthalfcol,[data-v-2cdbad53] .product-description .aplus-v2 .apm-righthalfcol {
    width: auto;
}
}
@media screen and (max-width: 576px) {
[data-v-2cdbad53] .product-description .aplus-v2 .a-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
}
@media screen and (max-width: 576px) {
[data-v-2cdbad53] .product-description .aplus-v2 .a-row > div {
    width: 100% !important;
}
}
@media screen and (max-width: 576px) {
[data-v-2cdbad53] .product-description .aplus-v2 .aplus-container-1 {
    padding: 0;
}
}
@media screen and (max-width: 576px) {
[data-v-2cdbad53] .product-description .aplus-v2 .carousel > li > .a-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
}
@media screen and (max-width: 576px) {
[data-v-2cdbad53] .aplus-v2 .premium-aplus-two-column,[data-v-2cdbad53] .aplus-v2 .premium-aplus-three-column,[data-v-2cdbad53] .aplus-v2 .premium-aplus-four-column {
    width: 100%;
    overflow: auto;
}
}
@media screen and (max-width: 576px) {
[data-v-2cdbad53] .product-description .aplus-v2 .premium-aplus-two-column > div,[data-v-2cdbad53] .product-description .aplus-v2 .premium-aplus-three-column > div,[data-v-2cdbad53] .product-description .aplus-v2 .premium-aplus-four-column > div {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
}
@media screen and (max-width: 576px) {
[data-v-2cdbad53] .product-description .aplus-v2 .apm-flex {
    width: 100%;
    overflow: auto;
}
}
@media screen and (max-width: 576px) {
[data-v-2cdbad53] .product-description .aplus-v2 .apm-flex-item-third-width,[data-v-2cdbad53] .product-description .aplus-v2 .apm-flex-item-fourth-width {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
}
@media screen and (max-width: 576px) {
[data-v-2cdbad53] .product-description .aplus-v2 .aplus-display-table-cell {
    display: block;
}
}
@media screen and (max-width: 576px) {
[data-v-2cdbad53] .product-description .aplus-v2 .text-panel-container {
    width: 100%;
}
}
.jodit-editor[data-v-eb32b20c] {
  min-width: 0;
}
.jodit-editor.is-flexible[data-v-eb32b20c] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.jodit-editor.is-flexible[data-v-eb32b20c]  .jodit-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.jodit-editor.is-flexible[data-v-eb32b20c]  .jodit-workplace {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.jodit-editor[data-v-eb32b20c]  ul {
  padding-left: 40px;
  margin: 0;
  list-style-type: unset;
}
.jodit-editor[data-v-eb32b20c]  ul li {
  list-style-type: unset;
}
.jodit-editor[data-v-eb32b20c]  ul.todo-list {
  padding-left: 40px;
  margin: 0;
  list-style-type: none;
}
.jodit-editor[data-v-eb32b20c]  ul.todo-list li {
  list-style-type: none;
}
.jodit-editor[data-v-eb32b20c]  ol {
  padding-left: 40px;
  margin: 0;
}
.jodit-editor[data-v-eb32b20c]  ol li {
  list-style-type: unset;
}
.jodit-editor[data-v-eb32b20c]  a {
  color: #007bff;
  text-decoration: none;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.jodit-editor[data-v-eb32b20c]  a:hover {
  color: #0056b3;
}
.jodit-editor[data-v-eb32b20c]  .jodit-container,
.jodit-editor[data-v-eb32b20c]  .jodit-workplace,
.jodit-editor[data-v-eb32b20c]  .jodit-wysiwyg {
  min-width: 0;
}
.jodit-editor[data-v-eb32b20c]  .jodit-wysiwyg {
  overflow-wrap: anywhere;
  word-break: break-word;
}
.jodit-editor[data-v-eb32b20c]  .jodit-wysiwyg pre,
.jodit-editor[data-v-eb32b20c]  .jodit-wysiwyg code {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.jodit-editor ul ol[data-list-style-type=decimal][data-v-eb32b20c],
.jodit-editor ol ol[data-list-style-type=decimal][data-v-eb32b20c] {
  counter-reset: item;
}
.jodit-editor ol ol[data-list-style-type=decimal] > li[data-v-eb32b20c],
.jodit-editor ul ol[data-list-style-type=decimal] > li[data-v-eb32b20c] {
  display: block;
}
.jodit-editor ol ol[data-list-style-type=decimal] > li[data-v-eb32b20c]:before,
.jodit-editor ul ol[data-list-style-type=decimal] > li[data-v-eb32b20c]:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
}
.jodit-editor[data-v-eb32b20c]  .jodit-workplace .jodit-progress-bar {
  display: none;
}
@charset "UTF-8";
.jodit-container .jodit-toolbar__box {
  background-color: #fff;
}
.jodit-container .jodit-toolbar__box .jodit-toolbar-editor-collection {
  background-image: none !important;
}
/* 创建无背景/无边框主题 */
.jodit_theme_jodit_none_theme {
  border: none !important;
}
.jodit_theme_jodit_none_theme .jodit-toolbar__box {
  background-color: #fff;
}
.jodit_theme_jodit_none_theme .jodit-toolbar__box .jodit-toolbar-editor-collection {
  background-image: none !important;
}
/* 浅色主题 */
.jodit_theme_jodit-light-theme .jodit-toolbar__box {
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  border-bottom: 1px solid #dee2e6;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.jodit_theme_jodit-light-theme .jodit-toolbar-button:hover {
  background-color: #e9ecef;
}
/* 备份内容预览区域的表格 */
.jodit-dialog .jodit-dialog__content table td,
.jodit-dialog .jodit-dialog__content table th {
  border: 1px solid #dadada !important;
}
[data-v-7eb52f7f] .el-form {
  margin-bottom: 50px;
}
.sku-file-description[data-v-00979896] {
  margin: 0 0 16px;
  color: #606266;
  line-height: 1.7;
}
.sku-file-description code[data-v-00979896] {
  color: #409eff;
}
.sku-file-input[data-v-00979896] {
  display: none;
}
.sku-file-drop[data-v-00979896] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 176px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px;
  border: 2px dashed #c0c4cc;
  border-radius: 8px;
  background: #fafafa;
  cursor: pointer;
  outline: none;
  text-align: center;
  -webkit-transition: border-color 0.2s, background-color 0.2s;
  transition: border-color 0.2s, background-color 0.2s;
}
.sku-file-drop[data-v-00979896]:hover, .sku-file-drop[data-v-00979896]:focus, .sku-file-drop.is-dragging[data-v-00979896] {
  border-color: #409eff;
  background: #f5f9ff;
}
.sku-file-drop.is-selected[data-v-00979896] {
  border-style: solid;
  border-color: #a0cfff;
  background: #f5f9ff;
}
.sku-file-icon[data-v-00979896] {
  margin-bottom: 10px;
  color: #409eff;
  font-size: 42px;
}
.sku-file-name[data-v-00979896] {
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: #303133;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sku-file-meta[data-v-00979896] {
  margin-top: 8px;
  color: #909399;
  font-size: 13px;
}
.sku-file-status[data-v-00979896] {
  margin-top: 16px;
  padding: 14px 16px;
  border-radius: 6px;
}
.sku-file-status p[data-v-00979896] {
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 1.6;
}
.sku-file-status__head[data-v-00979896] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}
.sku-file-download-link[data-v-00979896] {
  color: #409eff;
  cursor: pointer;
  font-weight: 600;
  text-decoration: underline;
}
.sku-file-download-link[data-v-00979896]:hover {
  color: #66b1ff;
}
.sku-file-status--pending[data-v-00979896] {
  color: #337ecc;
  background: #ecf5ff;
}
.sku-file-status--success[data-v-00979896] {
  color: #529b2e;
  background: #f0f9eb;
}
.sku-file-status--failed[data-v-00979896] {
  color: #c45656;
  background: #fef0f0;
}
.search-container[data-v-a54ac16c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.search-container .sum-text[data-v-a54ac16c] {
  text-align: center;
  color: #949494;
  font-size: 12px;
  width: 50px;
}
.search-container[data-v-a54ac16c]  .el-input__icon {
  line-height: 32px !important;
}
.shop-list[data-v-a54ac16c] {
  margin-top: 10px;
  padding: 8px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  height: 250px;
  overflow-y: auto;
  background-color: #f9fbfd;
}
.shop-list .item-container[data-v-a54ac16c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 8px 12px;
  background-color: #fff;
  border-radius: 6px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.shop-list .item-container[data-v-a54ac16c]:hover {
  background-color: #ecf5ff;
  -webkit-box-shadow: 0 2px 6px rgba(64, 158, 255, 0.12);
          box-shadow: 0 2px 6px rgba(64, 158, 255, 0.12);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.shop-list .item-container .item-name[data-v-a54ac16c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.shop-list .item-container .item-name > span[data-v-a54ac16c]:first-child {
  font-weight: 500;
  color: #303133;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.shop-list .item-container + .item-container[data-v-a54ac16c] {
  margin-top: 8px;
}
.shop-list-container[data-v-187d5dc2] {
  margin-top: 12px;
  min-height: 50px;
}
[data-v-187d5dc2] .el-select .el-input__inner {
  max-height: none !important;
}
[data-v-187d5dc2] .market-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
[data-v-187d5dc2] .market-option span:nth-child(2) {
  font-size: 13px;
  font-weight: 700;
}
[data-v-187d5dc2] .market-option .Normal {
  color: #67c23a;
}
[data-v-187d5dc2] .market-option .Invalid,[data-v-187d5dc2] .market-option .Expired,[data-v-187d5dc2] .market-option .Unregistered,[data-v-187d5dc2] .market-option .StatusInvalid {
  color: #f56c6c;
}
.custom-transfer[data-v-187d5dc2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.custom-transfer[data-v-187d5dc2]  .el-transfer-panel {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.custom-transfer[data-v-187d5dc2]  .el-checkbox-group .el-checkbox:last-of-type {
  margin-right: 30px;
}
[data-v-27228bc2] .market-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
[data-v-27228bc2] .market-option span:nth-child(2) {
  font-size: 13px;
  font-weight: 700;
}
[data-v-27228bc2] .market-option .Normal {
  color: #67c23a;
}
[data-v-27228bc2] .market-option .Invalid,[data-v-27228bc2] .market-option .Expired,[data-v-27228bc2] .market-option .Unregistered,[data-v-27228bc2] .market-option .StatusInvalid {
  color: #f56c6c;
}
.drawer[data-v-05ab10c8] {
  text-align: left;
}
.edit-log[data-v-05ab10c8] {
  padding: 0 20px 20px 20px;
}
.edit-log .log-item[data-v-05ab10c8] {
  margin-left: 10px;
}
.edit-log .log-item p[data-v-05ab10c8]:nth-child(2) {
  padding-left: 10px;
  color: #7f7f7f;
}
.edit-log .log-item + .log-item[data-v-05ab10c8] {
  margin-top: 10px;
}
.market-sort .header[data-v-f7fec122] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.market-sort .header .title[data-v-f7fec122] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 0;
}
.market-sort .header .title p[data-v-f7fec122]:nth-child(1) {
  font-weight: bold;
  color: #333;
}
.market-sort .header .title p[data-v-f7fec122]:nth-child(2) {
  margin: 10px 0 20px 0;
  font-size: 14px;
  color: #333;
}
.market-sort .dialog-operate[data-v-f7fec122] {
  margin: 0 0 10px 0;
}
.el-icon-s-operation[data-v-f7fec122] {
  font-size: 20px;
}
.market-sort .header[data-v-2e58fd74] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.market-sort .header .title[data-v-2e58fd74] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 0;
}
.market-sort .header .title p[data-v-2e58fd74]:nth-child(1) {
  font-weight: bold;
  color: #333;
}
.market-sort .header .title p[data-v-2e58fd74]:nth-child(2) {
  margin: 10px 0 20px 0;
  font-size: 14px;
  color: #333;
}
.market-sort .dialog-operate[data-v-2e58fd74] {
  margin: 0 0 10px 0;
}
.market-name[data-v-2168cae3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}
.market-name .market-icon[data-v-2168cae3] {
  width: 40px;
  height: 30px;
  border-radius: 5px;
  border: 1px solid #e5e5e5;
}
.market-name .market-name-text[data-v-2168cae3] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 15px;
}
.synchronous-button[data-v-2168cae3] {
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.market-sort .header[data-v-2168cae3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.market-sort .header .title[data-v-2168cae3] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 0;
}
.market-sort .header .title p[data-v-2168cae3]:nth-child(1) {
  font-weight: bold;
  color: #333;
}
.market-sort .header .title p[data-v-2168cae3]:nth-child(2) {
  margin: 10px 0 20px 0;
  font-size: 14px;
  color: #333;
}
.market-sort .dialog-operate[data-v-2168cae3] {
  margin: 0 0 10px 0;
}
.container .header[data-v-21c7cbb6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.container .header .title[data-v-21c7cbb6] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 0;
}
.container .header .title p[data-v-21c7cbb6]:nth-child(1) {
  font-weight: bold;
  color: #333;
}
.container .header .title p[data-v-21c7cbb6]:nth-child(2) {
  margin: 10px 0 20px 0;
  font-size: 14px;
  color: #333;
}
.container .custom-input-form[data-v-21c7cbb6] {
  display: inline-block;
  margin: 0;
}
.container .custom-input[data-v-21c7cbb6] {
  width: 100px;
  margin: 0 5px;
}
.container .operate[data-v-21c7cbb6] {
  margin: auto;
  text-align: right;
}
.syn-content[data-v-bf1c7e9e] {
  padding-top: 20px;
  text-align: center;
  height: calc(100vh - 210px) !important;
  overflow-y: auto;
}
.syn-content[data-v-bf1c7e9e]::-webkit-scrollbar {
  width: 6px;
}
.syn-content[data-v-bf1c7e9e]::-webkit-scrollbar-thumb {
  background: #dddee0;
  border-radius: 10px;
}
.syn-content[data-v-bf1c7e9e]::-webkit-scrollbar-thumb:hover {
  background: #c7c9cc;
}
.form-item[data-v-bf1c7e9e] {
  border: 1px solid #ccc;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  text-align: left;
}
.form-item[data-v-bf1c7e9e]  .el-form-item__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mb20.form-item[data-v-bf1c7e9e] {
  margin-bottom: 20px;
}
.query-form-sty[data-v-bf1c7e9e] {
  margin: auto;
}
@media screen and (max-width: 6000px) {
.query-form-sty[data-v-bf1c7e9e] {
    width: 50%;
}
}
@media screen and (max-width: 1920px) {
.query-form-sty[data-v-bf1c7e9e] {
    width: 80%;
}
}
.query-form-sty .header[data-v-bf1c7e9e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
}
.query-form-sty .header .svg-icon[data-v-bf1c7e9e] {
  width: 35px;
  height: 35px;
}
.query-form-sty .main-header[data-v-bf1c7e9e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.query-form-sty .info p[data-v-bf1c7e9e]:nth-child(1) {
  font-weight: bold;
  color: #333;
}
.query-form-sty .info p[data-v-bf1c7e9e]:nth-child(2) {
  margin: 10px 0 20px 0;
  font-size: 14px;
  color: #333;
}
.query-form-sty .synchronous-button[data-v-bf1c7e9e] {
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.query-form-sty .form-title[data-v-bf1c7e9e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.title[data-v-bf1c7e9e] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 20px;
}
.title p[data-v-bf1c7e9e]:nth-child(1) {
  margin-bottom: 10px;
  color: #333;
}
.title p[data-v-bf1c7e9e]:nth-child(2) {
  font-size: 14px;
  color: #7f7f7f;
}
.operate[data-v-bf1c7e9e] {
  margin: auto;
  text-align: right;
}
.drawer[data-v-bf1c7e9e] {
  text-align: left;
}
.edit-log[data-v-bf1c7e9e] {
  padding: 0 20px 20px 20px;
}
.edit-log .log-item[data-v-bf1c7e9e] {
  margin-left: 10px;
}
.edit-log .log-item p[data-v-bf1c7e9e]:nth-child(2) {
  color: #7f7f7f;
}
.edit-log .log-item + .log-item[data-v-bf1c7e9e] {
  margin-top: 10px;
}
.sort-table[data-v-bf1c7e9e] {
  margin: auto;
}
@media screen and (max-width: 6000px) {
.sort-table[data-v-bf1c7e9e] {
    width: 50%;
}
}
@media screen and (max-width: 1920px) {
.sort-table[data-v-bf1c7e9e] {
    width: 80%;
}
}
.transfer-container[data-v-a258aca8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  min-height: 420px;
  max-height: 50vh;
}
.el-form-item.is-error .transfer-panel[data-v-a258aca8] {
  border: 1px solid #ff4949;
}
.transfer-panel[data-v-a258aca8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #f9fafc;
  border: 1px solid #ebeef5;
  border-radius: 8px;
  padding: 16px;
}
.transfer-panel--left[data-v-a258aca8] {
  background-color: #fff;
}
.transfer-panel[data-v-a258aca8]  .el-input__inner {
  border-color: #dcdfe6 !important;
}
.transfer-panel[data-v-a258aca8]  .el-input__inner:hover {
  border-color: #b1b3b6 !important;
}
.transfer-panel[data-v-a258aca8]  .el-input__inner:focus {
  border-color: #409eff !important;
}
.transfer-panel[data-v-a258aca8]  .el-select .el-input.is-focus .el-input__inner {
  border-color: #409eff !important;
}
.panel-header[data-v-a258aca8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  margin-bottom: 12px;
}
.panel-title[data-v-a258aca8] {
  font-size: 16px;
  font-weight: 600;
  color: #303133;
}
.panel-count[data-v-a258aca8] {
  font-weight: 400;
  font-size: 14px;
  color: #909399;
  margin-left: 4px;
}
.panel-select[data-v-a258aca8],
.panel-search[data-v-a258aca8] {
  width: 100%;
}
.panel-body[data-v-a258aca8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.panel-body[data-v-a258aca8]  .el-scrollbar__wrap {
  max-height: 100%;
  overflow-x: hidden;
}
.panel-body[data-v-a258aca8]  .el-empty {
  padding: 20px 0;
}
.panel-item[data-v-a258aca8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 12px;
  border: 1px solid #ebeef5;
  border-radius: 6px;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.panel-item + .panel-item[data-v-a258aca8] {
  margin-top: 12px;
}
.panel-item[data-v-a258aca8]:hover {
  border-color: #409eff;
  -webkit-box-shadow: 0 2px 6px rgba(64, 158, 255, 0.08);
          box-shadow: 0 2px 6px rgba(64, 158, 255, 0.08);
}
.transfer-panel--right .panel-item[data-v-a258aca8] {
  cursor: default;
}
.item-main[data-v-a258aca8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.item-name[data-v-a258aca8] {
  font-size: 14px;
  font-weight: 500;
  color: #303133;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.item-action[data-v-a258aca8] {
  margin-left: 12px;
}
.item-icon[data-v-a258aca8] {
  font-size: 16px;
  color: #67c23a;
  margin-left: 12px;
}
.loading-more[data-v-a258aca8],
.no-more[data-v-a258aca8] {
  text-align: center;
  padding: 12px 0;
  color: #909399;
  font-size: 14px;
}
.loading-more[data-v-a258aca8] {
  color: #409eff;
}
.accessories-div[data-v-66429c26] {
  padding-bottom: 20px;
}
.card-header[data-v-66429c26] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-content[data-v-66429c26] {
  height: 50vh;
  overflow-y: auto;
}
.card-content-item[data-v-66429c26] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  gap: 10px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
}
.card-content-item .item-content[data-v-66429c26] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.card-content-item .el-icon-close[data-v-66429c26] {
  cursor: pointer;
}
.card-content-item + .card-content-item[data-v-66429c26] {
  margin-top: 10px;
}
.accessories-list .card-content-item .drag-sort-icon[data-v-66429c26] {
  cursor: move;
}
.accessories-list .card-content-item .drag-sort-icon[data-v-66429c26]:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.select-container[data-v-66429c26] {
  padding-bottom: 20px;
}
.select-container[data-v-66429c26]  .panel-item {
  padding: 10px;
}
.select-container[data-v-66429c26]  .transfer-container {
  height: 50vh;
}
.item-content[data-v-66429c26] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.item-content .item-image[data-v-66429c26] {
  width: 50px;
  height: 50px;
}
.item-content .item-image .el-image[data-v-66429c26] {
  width: 100%;
  height: 100%;
}
.item-content .item-image .el-image[data-v-66429c26]  .image-slot {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.item-content .item-info[data-v-66429c26] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}
.item-content .item-info .item-name[data-v-66429c26] {
  font-weight: bold;
}
.item-content .item-info .item-sku[data-v-66429c26] {
  color: #838994;
  font-size: 12px;
}
.input-width[data-v-66429c26] {
  width: 100%;
}
.template-title p[data-v-250fbf60] {
  margin-bottom: 10px;
}
.tag-list-container[data-v-250fbf60] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.tag-list[data-v-250fbf60] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.tag-list .el-tag[data-v-250fbf60] {
  cursor: pointer;
}
.search-add-container[data-v-977e3b4e] {
  margin-bottom: 20px;
}
.tag-list[data-v-977e3b4e] {
  padding-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.tag-list .el-button[data-v-977e3b4e],
.tag-list .el-input[data-v-977e3b4e] {
  width: 100px;
}
.cursor-pointer[data-v-7980c45f] {
  cursor: pointer;
  color: #007dff;
}
.tag-list[data-v-7980c45f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.shopify-discontinued .inventory-filter[data-v-474da197] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.shopify-discontinued .summary-band[data-v-474da197] {
  display: grid;
  grid-template-columns: repeat(6, minmax(120px, 1fr));
  margin: 0 0 14px;
  border: 1px solid #dfe4ea;
  border-radius: 4px;
  overflow: hidden;
}
.shopify-discontinued .summary-item[data-v-474da197] {
  min-height: 66px;
  padding: 10px 12px;
  border: 0;
  border-right: 1px solid #dfe4ea;
  background: #f8fafc;
  color: #606873;
  text-align: left;
}
.shopify-discontinued .summary-item[data-v-474da197]:last-child {
  border-right: 0;
}
.shopify-discontinued .summary-item[data-v-474da197]:hover,
.shopify-discontinued .summary-item.active[data-v-474da197] {
  background: #edf5fd;
}
.shopify-discontinued .summary-item span[data-v-474da197],
.shopify-discontinued .summary-item strong[data-v-474da197] {
  display: block;
}
.shopify-discontinued .summary-item strong[data-v-474da197] {
  margin-top: 3px;
  color: #20252b;
  font-size: 22px;
}
.shopify-discontinued .summary-item strong.success[data-v-474da197],
.shopify-discontinued .success-text[data-v-474da197] {
  color: #347d55;
}
.shopify-discontinued .summary-item strong.warning[data-v-474da197],
.shopify-discontinued .warning-text[data-v-474da197] {
  color: #a96815;
}
.shopify-discontinued .summary-item strong.danger[data-v-474da197],
.shopify-discontinued .danger-text[data-v-474da197] {
  color: #b83f3f;
}
.shopify-discontinued .status-stack[data-v-474da197] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 5px;
}
.shopify-discontinued .inventory-value[data-v-474da197] {
  font-size: 16px;
  font-weight: 600;
}
.shopify-discontinued .muted-text[data-v-474da197] {
  margin: 2px 0 0;
  color: #8a929c;
  font-size: 12px;
}
.shopify-discontinued .mono-text[data-v-474da197] {
  font-family: Consolas, "Courier New", monospace;
  font-size: 12px;
}
.shopify-discontinued .preview-summary[data-v-474da197] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-bottom: 12px;
  padding: 10px 12px;
  border: 1px solid #dfe4ea;
  background: #f8fafc;
}
.shopify-discontinued .risk-confirm[data-v-474da197] {
  margin-top: 14px;
  white-space: normal;
}
.shopify-discontinued .detail-tabs[data-v-474da197] {
  margin-top: 14px;
}
.shopify-discontinued .main-pagination[data-v-474da197] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  clear: both;
  min-height: 42px;
  padding-top: 10px;
}
@media (max-width: 1280px) {
.shopify-discontinued .summary-band[data-v-474da197] {
    grid-template-columns: repeat(3, 1fr);
}
}
.discontinued-batch-dialog .el-dialog {
  max-width: 1500px;
}
.discontinued-batch-dialog .el-dialog__body {
  padding-top: 14px;
  padding-bottom: 8px;
  overflow: visible;
}
.discontinued-batch-dialog .el-table th,
.discontinued-batch-dialog .el-table td {
  padding: 6px 0;
}
.discontinued-batch-dialog .batch-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  clear: both;
  min-height: 42px;
  padding-top: 10px;
}
.discontinued-batch-dialog .batch-primary,
.discontinued-batch-dialog .batch-secondary {
  margin: 0;
}
.discontinued-batch-dialog .batch-primary {
  color: #303133;
  font-family: Consolas, "Courier New", monospace;
  font-size: 12px;
  line-height: 20px;
}
.discontinued-batch-dialog .batch-secondary {
  margin-top: 4px;
  color: #909399;
  font-size: 12px;
  line-height: 18px;
  overflow-wrap: anywhere;
}
.discontinued-batch-dialog .batch-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(96px, 1fr));
  gap: 4px 8px;
}
.discontinued-batch-dialog .batch-metrics span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 22px;
  padding: 1px 6px;
  background: #f5f7fa;
  color: #606266;
  font-size: 12px;
  white-space: nowrap;
}
.discontinued-batch-dialog .batch-metrics span.wide {
  grid-column: 1/-1;
}
.discontinued-batch-dialog .batch-metrics strong {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 8px;
  color: #303133;
}
.discontinued-batch-dialog .batch-metrics strong.success-text {
  color: #347d55;
}
.discontinued-batch-dialog .batch-metrics strong.warning-text {
  color: #a96815;
}
.discontinued-batch-dialog .batch-metrics strong.danger-text,
.discontinued-batch-dialog .danger-text {
  color: #b83f3f;
}
.dialog-content[data-v-4ed7459c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 300px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dialog-content .upload-block[data-v-4ed7459c] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  border: 1px solid #eeeeee;
}
.dialog-content .upload-block .upload-block__icon[data-v-4ed7459c] {
  width: 100px;
  height: 82px;
  background-color: #f5f5f5;
  text-align: center;
  font-size: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dialog-content .upload-block .upload-block__content[data-v-4ed7459c] {
  padding: 20px;
}
.dialog-content .upload-block .upload-block__content .upload-block__content--title[data-v-4ed7459c] {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 10px;
}
.dialog-content .upload-block .upload-block__content .upload-block__content--tip[data-v-4ed7459c] {
  font-size: 12px;
  color: #999999;
}
.dialog-content .upload-block .real-upload-element[data-v-4ed7459c] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.dialog-content .upload-block .real-upload-element[data-v-4ed7459c]  .upload-demo,
.dialog-content .upload-block .real-upload-element[data-v-4ed7459c]  .el-upload--text,
.dialog-content .upload-block .real-upload-element[data-v-4ed7459c]  .el-button {
  width: 100%;
  height: 100%;
}
.dialog-content .uploaded-success[data-v-4ed7459c] {
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 42px;
  left: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 180px;
  text-align: center;
}
.dialog-content .uploaded-success .uploaded-icon[data-v-4ed7459c] {
  font-size: 50px;
  color: #00b050;
}
.dialog-content .uploaded-success .uploaded-title[data-v-4ed7459c] {
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
}
.dialog-content .uploaded-success .uploaded-tip[data-v-4ed7459c] {
  font-size: 14px;
  color: #999999;
  margin-top: 5px;
}
.dialog-content .uploaded-fail[data-v-4ed7459c] {
  width: 100%;
  height: 75%;
  background: #fff;
  position: absolute;
  top: 42px;
  left: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
}
.dialog-content .uploaded-fail-wrapper[data-v-4ed7459c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #eeeeee;
}
.dialog-content .uploaded-fail-wrapper .uploaded-fail-icon[data-v-4ed7459c] {
  width: 100px;
  height: 120px;
  background-color: whitesmoke;
  text-align: center;
  line-height: 120px;
}
.dialog-content .uploaded-fail-wrapper .uploaded-fail-icon svg[data-v-4ed7459c] {
  vertical-align: middle;
  font-size: 50px;
  opacity: 0.5;
}
.dialog-content .uploaded-fail-wrapper .uploaded-fail-total[data-v-4ed7459c] {
  margin-left: 20px;
}
.dialog-content .uploaded-fail-wrapper p[data-v-4ed7459c] {
  line-height: 30px;
  font-size: 16px;
  font-weight: 700;
}
.dialog-content .uploaded-fail-wrapper p .normal[data-v-4ed7459c] {
  color: #00b050;
}
.dialog-content .uploaded-fail-wrapper p .abnormal[data-v-4ed7459c] {
  color: #ff4949;
}
.dialog-content .uploaded-fail-item[data-v-4ed7459c] {
  margin-top: 10px;
  border: 1px solid #eeeeee;
  background-color: #f8f8f8;
  height: 260px;
  overflow: auto;
  padding: 20px;
}
.dialog-content .uploaded-fail-item p[data-v-4ed7459c] {
  line-height: 30px;
  font-size: 14px;
}
.pagination-wrapper[data-v-0cac465a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@charset "UTF-8";
/* 隐藏悬浮菜单 */
.goods-manage-editor[data-v-d0428e72]  .w-e-hover-bar {
  display: none !important;
}
.goods-manage-form[data-v-02e60746] {
  min-height: 100%;
  padding-bottom: 20px;
}
[data-v-36e71df5] .input-with-select .el-input-group__append {
  width: 120px !important;
}
.el-select[data-v-36e71df5] {
  width: 100%;
}
.amount-input[data-v-36e71df5]  input {
  min-width: 120px;
}
.upload-box[data-v-669d6490] {
  width: 80%;
  margin: 80px auto 100px auto;
}
.upload-box .upload-container[data-v-669d6490] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
}
.upload-box .upload-container .upload-left[data-v-669d6490] {
  padding: 30px;
}
.upload-box .upload-container .upload-right[data-v-669d6490] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  width: 100%;
  padding: 0 0 30px 30px;
}
.upload-box .upload-container .upload-right .upload-desc[data-v-669d6490] {
  color: #333;
  font-size: 14px;
}
.upload-box .upload-container .upload-right .template-link a[data-v-669d6490] {
  color: #409eff;
  text-decoration: none;
  font-size: 14px;
}
.progress-container[data-v-669d6490] {
  text-align: center;
  margin-bottom: 100px;
}
.progress-percentage[data-v-669d6490] {
  font-size: 24px;
  color: #999;
  margin-bottom: 20px;
  font-weight: 300;
}
.progress-bar[data-v-669d6490] {
  width: 80%;
  height: 16px;
  border: 1px solid #409eff;
  background-color: #ebf5ff;
  border-radius: 4px;
  overflow: hidden;
  margin: 0 auto 20px;
}
.progress-fill[data-v-669d6490] {
  height: 100%;
  background: #409eff;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.progress-text[data-v-669d6490] {
  color: #666;
  font-size: 14px;
}
.result-container[data-v-669d6490] {
  width: 80%;
  margin: 20px auto;
}
.result-container .result-summary[data-v-669d6490] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  margin-bottom: 20px;
}
.result-container .result-summary .summary-icon[data-v-669d6490] {
  margin-right: 20px;
  padding: 30px 20px;
  border-right: 1px solid #e4e7ed;
  background-color: whitesmoke;
}
.result-container .result-summary .summary-icon .svg-icon[data-v-669d6490] {
  font-size: 60px;
}
.result-container .result-summary .summary-content[data-v-669d6490] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.result-container .result-summary .summary-content .summary-item[data-v-669d6490] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 14px;
}
.result-container .result-summary .summary-content .summary-item[data-v-669d6490]:last-child {
  margin-bottom: 0;
}
.result-container .result-summary .summary-content .summary-item .label[data-v-669d6490] {
  margin-right: 10px;
  font-size: 14px;
  color: #333;
}
.result-container .result-summary .summary-content .summary-item .value[data-v-669d6490] {
  font-size: 14px;
  font-weight: 500;
}
.result-container .result-summary .summary-content .summary-item.normal .value[data-v-669d6490] {
  color: #67c23a;
}
.result-container .result-summary .summary-content .summary-item.abnormal .value[data-v-669d6490] {
  color: #f56c6c;
}
.result-container .abnormal-list[data-v-669d6490] {
  background: #fff;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  margin-bottom: 100px;
}
.result-container .abnormal-list .abnormal-title[data-v-669d6490] {
  padding: 15px 20px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  border-bottom: 1px solid #e4e7ed;
}
.result-container .abnormal-list .abnormal-items[data-v-669d6490] {
  padding: 10px 20px;
}
.result-container .abnormal-list .abnormal-items .abnormal-item[data-v-669d6490] {
  padding: 8px 0;
  font-size: 14px;
  color: #666;
  line-height: 1.5;
  border-bottom: 1px solid #f5f5f5;
}
.result-container .abnormal-list .abnormal-items .abnormal-item[data-v-669d6490]:last-child {
  border-bottom: none;
}
.footer-btn[data-v-669d6490]  a {
  color: #fff;
}
.preview-video-box[data-v-4e3cc583] {
  width: 100%;
  height: 200px;
}
.preview-video-box .video[data-v-4e3cc583] {
  width: 100%;
  height: 100%;
}
.header-card[data-v-23b0f8c0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 20px 20px 20px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  color: #333;
  font-size: 14px;
  border-top: 5px solid #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header-card .content[data-v-23b0f8c0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header-card .content > div[data-v-23b0f8c0]:nth-child(1) {
  font-weight: bold;
}
.header-card .content > div[data-v-23b0f8c0]:nth-child(2) {
  margin: 5px 0;
  font-size: 28px;
  font-weight: bold;
}
.header-card .content > div:nth-child(2) > span[data-v-23b0f8c0] {
  font-size: 14px;
}
.header-card .content > .compare[data-v-23b0f8c0] {
  height: 14px;
  list-style: 14px;
  font-size: 14px;
}
.header-card .content > .compare span[data-v-23b0f8c0] {
  margin-left: 10px;
}
.header-card .content > .compare span.up[data-v-23b0f8c0] {
  color: #ff6666;
}
.header-card .content > .compare span.down[data-v-23b0f8c0] {
  color: #00cc99;
}
.header-card .content > .compare span.equal[data-v-23b0f8c0] {
  color: #999999;
}
.collection-record[data-v-68e10a9c] {
  padding: 10px 24px;
}
.collection-record .customer-main[data-v-68e10a9c] {
  padding: 10px 24px;
  border-radius: 12px;
  background: #fff;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.collection-record .header-card[data-v-68e10a9c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
.collection-record .header-card .card-img-item[data-v-68e10a9c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 10px;
}
.collection-record .header-card .card-img-item .img-bg svg[data-v-68e10a9c] {
  width: 48px;
  height: 48px;
}
.collection-record .header-card .content[data-v-68e10a9c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
}
.collection-record .header-card .content .value[data-v-68e10a9c] {
  font-size: 28px;
  font-weight: 700;
}
.collection-record .card-items[data-v-68e10a9c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
  gap: 20px;
}
.collection-record .card-items > div[data-v-68e10a9c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.collection-record .orc-card[data-v-68e10a9c] {
  margin-top: 20px;
}
.collection-record .orc-card .el-card__header[data-v-68e10a9c] {
  padding: 18px 20px 0 20px;
}
.collection-record .orc-card .card-change[data-v-68e10a9c] {
  float: right;
}
.collection-record .orc-card + .orc-card[data-v-68e10a9c] {
  margin-top: 20px;
}
.collection-record .echarts-item[data-v-68e10a9c] {
  height: 400px;
}
.collection-record .task-data[data-v-68e10a9c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
.collection-record .task-data .pie-chart[data-v-68e10a9c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 200px;
}
.collection-record .orc-table[data-v-68e10a9c] {
  margin-top: 20px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.push-message[data-v-2b6ed3ba] {
  padding-bottom: 20px;
}
.push-message > div + div[data-v-2b6ed3ba] {
  margin-top: 10px;
}
.listing-heading[data-v-674b082d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
}
.listing-summary[data-v-674b082d] {
  padding: 12px 16px;
  background: #f5f7fa;
  margin-bottom: 16px;
  border-radius: 4px;
  overflow-wrap: anywhere;
}
.listing-summary p[data-v-674b082d] {
  margin: 8px 0;
}
.status-item[data-v-674b082d] {
  margin-left: 24px;
}
.status-note[data-v-674b082d] {
  color: #606266;
  margin-left: 8px;
  font-size: 12px;
}
.listing-table[data-v-674b082d] {
  width: 100%;
}
.listing-table .el-tag[data-v-674b082d] {
  margin: 2px;
}
[data-v-3a09f568] .el-form {
  margin-bottom: 50px;
}
.configSync[data-v-eb324d9a] {
  height: calc(100vh - 210px) !important;
  overflow-y: auto;
}
.configSync[data-v-eb324d9a]::-webkit-scrollbar {
  width: 6px;
}
.configSync[data-v-eb324d9a]::-webkit-scrollbar-thumb {
  background: #dddee0;
  border-radius: 10px;
}
.configSync[data-v-eb324d9a]::-webkit-scrollbar-thumb:hover {
  background: #c7c9cc;
}
.form-item[data-v-eb324d9a] {
  border: 1px solid #ccc;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  text-align: left;
}
.form-item[data-v-eb324d9a]  .el-form-item__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mb20.form-item[data-v-eb324d9a] {
  margin-bottom: 20px;
}
.query-form-sty .main-header[data-v-eb324d9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.query-form-sty .info p[data-v-eb324d9a]:nth-child(1) {
  font-weight: bold;
  color: #333;
}
.query-form-sty .info p[data-v-eb324d9a]:nth-child(2) {
  margin: 10px 0 20px 0;
  font-size: 14px;
  color: #333;
}
.query-form-sty .synchronous-button[data-v-eb324d9a] {
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.query-form-sty .form-title[data-v-eb324d9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.operate[data-v-eb324d9a] {
  margin: auto;
  text-align: right;
}
.drawer[data-v-eb324d9a] {
  text-align: left;
}
@charset "UTF-8";
.config-panel[data-v-63f57a51] {
  padding-right: 10px;
}
.config-panel .config-section[data-v-63f57a51] {
  margin-top: 14px;
}
.config-panel .kpi-row[data-v-63f57a51] {
  margin-bottom: 16px;
}
.config-panel .kpi-card[data-v-63f57a51] {
  min-height: 94px;
  padding: 0;
  border: 1px solid #f3f4f6;
  border-radius: 12px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: -webkit-transform 0.18s ease, -webkit-box-shadow 0.18s ease;
  transition: -webkit-transform 0.18s ease, -webkit-box-shadow 0.18s ease;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
  transition: transform 0.18s ease, box-shadow 0.18s ease, -webkit-transform 0.18s ease, -webkit-box-shadow 0.18s ease;
}
.config-panel .kpi-card[data-v-63f57a51]:hover {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}
.config-panel .kpi-card-header[data-v-63f57a51] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 24px;
}
.config-panel .kpi-label[data-v-63f57a51] {
  color: #606266;
  font-size: 12px;
  line-height: 18px;
}
.config-panel .kpi-icon[data-v-63f57a51] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
}
.config-panel .kpi-icon i[data-v-63f57a51] {
  font-size: 16px;
}
.config-panel .kpi-icon.red[data-v-63f57a51] {
  color: #dc2626;
  background: #fef2f2;
}
.config-panel .kpi-icon.amber[data-v-63f57a51] {
  color: #d97706;
  background: #fffbeb;
}
.config-panel .kpi-icon.green[data-v-63f57a51] {
  color: #16a34a;
  background: #f0fdf4;
}
.config-panel .kpi-value-row[data-v-63f57a51] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-top: 2px;
}
.config-panel .kpi-value[data-v-63f57a51] {
  color: #111827;
  font-size: 26px;
  font-weight: 600;
  line-height: 32px;
}
.config-panel .kpi-suffix[data-v-63f57a51] {
  margin-left: 4px;
  color: #909399;
  font-size: 12px;
  line-height: 18px;
}
.config-panel .kpi-desc[data-v-63f57a51] {
  margin-top: 4px;
  color: #9ca3af;
  font-size: 11px;
  line-height: 17px;
}
.config-panel .kpi-marker[data-v-63f57a51] {
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
}
.config-panel .kpi-marker.amber-dot[data-v-63f57a51] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d97706;
}
.config-panel .kpi-marker.green-up[data-v-63f57a51]::before {
  color: #16a34a;
  font-size: 12px;
  font-weight: 600;
  content: "↑";
}
.config-panel .action-card-row[data-v-63f57a51] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.config-panel .action-card-row .el-col[data-v-63f57a51] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.config-panel .action-card[data-v-63f57a51] {
  width: 100%;
  min-height: 156px;
  border: 1px solid #f3f4f6;
  border-radius: 12px;
  background: #fff;
  -webkit-transition: border-color 0.18s ease, -webkit-box-shadow 0.18s ease, -webkit-transform 0.18s ease;
  transition: border-color 0.18s ease, -webkit-box-shadow 0.18s ease, -webkit-transform 0.18s ease;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, -webkit-box-shadow 0.18s ease, -webkit-transform 0.18s ease;
}
.config-panel .action-card[data-v-63f57a51]:hover {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  border-color: #e5e7eb;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}
.config-panel .action-card-title[data-v-63f57a51] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: #303133;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
}
.config-panel .action-card-icon[data-v-63f57a51] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
}
.config-panel .action-card-icon i[data-v-63f57a51] {
  font-size: 15px;
}
.config-panel .action-card-icon.red[data-v-63f57a51] {
  color: #dc2626;
  background: #fef2f2;
}
.config-panel .action-card-icon.gray[data-v-63f57a51] {
  color: #6b7280;
  background: #f3f4f6;
}
.config-panel .action-card-desc[data-v-63f57a51] {
  min-height: 42px;
  margin-top: 10px;
  color: #6b7280;
  font-size: 12px;
  line-height: 21px;
}
.config-panel .action-card-tag[data-v-63f57a51] {
  margin-top: 6px;
}
.config-panel .action-card-button[data-v-63f57a51] {
  width: 100%;
  margin-top: 12px;
  padding: 0 16px;
  border-radius: 8px;
}
.config-panel .batch-result[data-v-63f57a51] {
  margin-top: 10px;
}
.interval-dialog-title[data-v-63f57a51] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #111827;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.interval-dialog-title i[data-v-63f57a51] {
  color: #ef4444;
  font-size: 18px;
}
.interval-dialog-content[data-v-63f57a51] {
  padding: 2px 0 0;
}
.interval-dialog-desc[data-v-63f57a51] {
  color: #4b5563;
  font-size: 13px;
  line-height: 22px;
}
.interval-input-row[data-v-63f57a51] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-top: 14px;
}
.interval-input[data-v-63f57a51] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 140px;
          flex: 0 0 140px;
  width: 140px !important;
  max-width: 140px;
}
.interval-input[data-v-63f57a51]  .el-input__inner {
  height: 36px;
  border-radius: 8px;
  color: #111827;
  font-size: 13px;
  text-align: left;
}
.interval-unit[data-v-63f57a51] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: #4b5563;
  font-size: 13px;
  line-height: 20px;
  white-space: nowrap;
}
.interval-quick-row[data-v-63f57a51] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}
.interval-quick-button[data-v-63f57a51] {
  min-width: 64px;
  padding: 0 10px;
  border-radius: 8px;
  font-size: 12px;
}
.interval-quick-button.el-button--primary.is-plain[data-v-63f57a51] {
  color: #6b7280;
  border-color: #d1d5db;
  background: #fff;
  -webkit-transition: color 0.16s ease, border-color 0.16s ease, background-color 0.16s ease, -webkit-box-shadow 0.16s ease;
  transition: color 0.16s ease, border-color 0.16s ease, background-color 0.16s ease, -webkit-box-shadow 0.16s ease;
  transition: color 0.16s ease, border-color 0.16s ease, background-color 0.16s ease, box-shadow 0.16s ease;
  transition: color 0.16s ease, border-color 0.16s ease, background-color 0.16s ease, box-shadow 0.16s ease, -webkit-box-shadow 0.16s ease;
}
.interval-quick-button.el-button--primary.is-plain[data-v-63f57a51]:hover, .interval-quick-button.el-button--primary.is-plain[data-v-63f57a51]:focus {
  color: #ef4444;
  border-color: #fca5a5;
  background: #fff5f5;
  -webkit-box-shadow: 0 2px 8px rgba(239, 68, 68, 0.12);
          box-shadow: 0 2px 8px rgba(239, 68, 68, 0.12);
}
.interval-quick-button.active[data-v-63f57a51], .interval-quick-button.active[data-v-63f57a51]:hover, .interval-quick-button.active[data-v-63f57a51]:focus {
  color: #ef4444;
  border-color: #ef4444;
  background: #fff1f2;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.interval-dialog-footer[data-v-63f57a51] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
  margin: 0 -20px -20px;
  padding: 14px 20px;
  border-top: 1px solid #ebeef5;
  background: #f5f7fa;
}
.interval-cancel-button[data-v-63f57a51] {
  min-width: 76px;
  border-radius: 7px;
  background: #fff;
}
.interval-cancel-button.el-button--primary.is-plain[data-v-63f57a51]:hover, .interval-cancel-button.el-button--primary.is-plain[data-v-63f57a51]:focus {
  color: #409eff;
  border-color: #409eff;
  background: #fff;
}
.interval-submit-button[data-v-63f57a51] {
  min-width: 104px;
  border-radius: 7px;
}
.interval-submit-button i[data-v-63f57a51] {
  margin-right: 6px;
}
.batch-confirm-title[data-v-63f57a51] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #111827;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.batch-confirm-title i[data-v-63f57a51] {
  color: #f59e0b;
  font-size: 18px;
}
.batch-confirm-content[data-v-63f57a51] {
  padding: 2px 0 0;
}
.batch-confirm-message[data-v-63f57a51] {
  color: #4b5563;
  font-size: 13px;
  line-height: 22px;
}
.batch-confirm-alert[data-v-63f57a51] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-top: 14px;
  padding: 10px 12px;
  border: 1px solid #f6d889;
  border-radius: 7px;
  background: #fff8e6;
  color: #b45309;
  font-size: 13px;
  line-height: 20px;
}
.batch-confirm-alert i[data-v-63f57a51] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: #b45309;
  font-size: 16px;
}
.batch-confirm-footer[data-v-63f57a51] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
  margin: 0 -20px -20px;
  padding: 14px 20px;
  border-top: 1px solid #ebeef5;
  background: #f5f7fa;
}
.batch-confirm-cancel[data-v-63f57a51] {
  min-width: 82px;
  border-radius: 8px;
  background: #fff;
}
.batch-confirm-cancel.el-button--primary.is-plain[data-v-63f57a51]:hover, .batch-confirm-cancel.el-button--primary.is-plain[data-v-63f57a51]:focus {
  color: #409eff;
  border-color: #409eff;
  background: #fff;
}
.batch-confirm-submit[data-v-63f57a51] {
  min-width: 112px;
  border-radius: 7px;
}
.batch-confirm-submit i[data-v-63f57a51] {
  margin-right: 6px;
}
.edit-config-drawer[data-v-67920f0f]  .el-drawer__body {
  height: 100%;
}
.edit-drawer-wrap[data-v-67920f0f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  background: #fff;
}
.edit-drawer-header[data-v-67920f0f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 64px;
  padding: 0 24px;
  border-bottom: 1px solid #ebeef5;
}
.edit-drawer-title[data-v-67920f0f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
  gap: 8px;
  color: #111827;
  font-size: 18px;
  font-weight: 600;
}
.edit-drawer-title i[data-v-67920f0f] {
  color: #ef4444;
  font-size: 20px;
}
.edit-drawer-subtitle[data-v-67920f0f] {
  overflow: hidden;
  color: #6b7280;
  font-size: 14px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.edit-drawer-close[data-v-67920f0f] {
  color: #909399;
  font-size: 20px;
}
.edit-drawer-body[data-v-67920f0f] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 0;
  padding: 24px;
  overflow-y: auto;
}
.edit-form-section[data-v-67920f0f] {
  margin-bottom: 22px;
}
.edit-form-section[data-v-67920f0f]:last-child {
  margin-bottom: 0;
}
.edit-toggle-card[data-v-67920f0f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  padding: 18px 20px;
  border: 1px solid #f3f4f6;
  border-radius: 8px;
  background: #fff;
}
.edit-toggle-meta[data-v-67920f0f] {
  min-width: 0;
}
.edit-toggle-title[data-v-67920f0f],
.edit-section-title[data-v-67920f0f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #111827;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}
.edit-toggle-title i[data-v-67920f0f],
.edit-section-title i[data-v-67920f0f] {
  color: #ef4444;
  font-size: 16px;
}
.edit-toggle-title.warning i[data-v-67920f0f],
.edit-section-title.warning i[data-v-67920f0f] {
  color: #d97706;
}
.edit-toggle-desc[data-v-67920f0f],
.edit-section-desc[data-v-67920f0f] {
  margin-top: 6px;
  color: #6b7280;
  font-size: 13px;
  line-height: 22px;
}
.edit-warning[data-v-67920f0f] {
  margin-top: 10px;
}
.edit-method-grid[data-v-67920f0f] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  margin-top: 12px;
}
.edit-method-card[data-v-67920f0f] {
  position: relative;
  min-height: 78px;
  padding: 18px 42px 16px 18px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  -webkit-transition: border-color 0.16s ease, background 0.16s ease, -webkit-box-shadow 0.16s ease;
  transition: border-color 0.16s ease, background 0.16s ease, -webkit-box-shadow 0.16s ease;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, -webkit-box-shadow 0.16s ease;
}
.edit-method-card[data-v-67920f0f]:hover {
  border-color: #fecaca;
  -webkit-box-shadow: 0 4px 12px rgba(239, 68, 68, 0.08);
          box-shadow: 0 4px 12px rgba(239, 68, 68, 0.08);
}
.edit-method-card.active[data-v-67920f0f] {
  border-color: #ef4444;
  background: #fff5f5;
}
.edit-method-title[data-v-67920f0f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #111827;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}
.edit-method-desc[data-v-67920f0f] {
  margin-top: 8px;
  color: #6b7280;
  font-size: 13px;
  line-height: 22px;
}
.edit-method-check[data-v-67920f0f] {
  position: absolute;
  top: 18px;
  right: 18px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  color: #fff;
  background: #ef4444;
  font-size: 14px;
}
.edit-shopify-note[data-v-67920f0f],
.edit-preview-box[data-v-67920f0f] {
  margin-top: 12px;
  padding: 16px 18px;
  border: 1px dashed #e5e7eb;
  border-radius: 8px;
  background: #fafafa;
}
.edit-note-title[data-v-67920f0f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #111827;
  font-size: 13px;
  font-weight: 600;
  line-height: 22px;
}
.edit-note-title i[data-v-67920f0f] {
  color: #ef4444;
}
.edit-note-desc[data-v-67920f0f],
.edit-preview-desc[data-v-67920f0f] {
  margin-top: 6px;
  color: #6b7280;
  font-size: 13px;
  line-height: 22px;
}
.edit-stat-row[data-v-67920f0f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.edit-stat-pill[data-v-67920f0f] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  color: #6b7280;
  background: #fff;
  font-size: 12px;
  line-height: 16px;
}
.edit-swatch[data-v-67920f0f] {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 2px;
}
.edit-swatch.g1[data-v-67920f0f] {
  background: #dc2626;
}
.edit-swatch.g2[data-v-67920f0f] {
  background: #94a3b8;
}
.edit-group-bar[data-v-67920f0f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 28px;
  margin-top: 14px;
  overflow: hidden;
  border-radius: 6px;
  background: #f1f5f9;
}
.edit-group-seg[data-v-67920f0f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  -webkit-transition: width 0.18s ease;
  transition: width 0.18s ease;
}
.edit-group-seg.g1[data-v-67920f0f] {
  background: #dc2626;
}
.edit-group-seg.g2[data-v-67920f0f] {
  background: #94a3b8;
}
.muted-text[data-v-67920f0f] {
  color: #909399;
  font-size: 12px;
  line-height: 20px;
}
.edit-drawer-footer[data-v-67920f0f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid #ebeef5;
  background: #f5f7fa;
}
.edit-cancel-button[data-v-67920f0f] {
  min-width: 82px;
  border-radius: 8px;
  background: #fff;
}
.edit-cancel-button.el-button--primary.is-plain[data-v-67920f0f]:hover, .edit-cancel-button.el-button--primary.is-plain[data-v-67920f0f]:focus {
  color: #409eff;
  border-color: #409eff;
  background: #fff;
}
.edit-submit-button[data-v-67920f0f] {
  min-width: 146px;
  border-radius: 8px;
}
.edit-submit-button i[data-v-67920f0f] {
  margin-right: 6px;
}
.series-list-tab .muted-text[data-v-3093b216] {
  color: #909399;
  font-size: 12px;
  line-height: 20px;
}
.series-list-tab .series-name[data-v-3093b216] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  line-height: 24px;
}
.series-list-tab .series-name-text[data-v-3093b216] {
  color: #303133;
  font-weight: 600;
}
.series-list-tab .series-count-text[data-v-3093b216] {
  color: #303133;
  font-weight: 600;
}
.series-list-tab .row-alert[data-v-3093b216] {
  margin-top: 6px;
  padding: 4px 8px;
}
.series-list-tab .method-pill[data-v-3093b216] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 3px 8px;
  border: 1px solid #f3f4f6;
  border-radius: 999px;
  color: #606266;
  background: #f5f7fa;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;
}
.series-list-tab .method-pill.sales[data-v-3093b216] {
  border-color: #fde68a;
  color: #a16207;
  background: #fefce8;
}
.series-list-tab .method-pill.price-up[data-v-3093b216] {
  border-color: #bfdbfe;
  color: #1d4ed8;
  background: #eff6ff;
}
.series-list-tab .method-pill.price-down[data-v-3093b216] {
  border-color: #ddd6fe;
  color: #6d28d9;
  background: #f5f3ff;
}
.series-list-tab .recent-log-block[data-v-3093b216] {
  margin-top: 14px;
}
.series-list-tab .section-title[data-v-3093b216] {
  margin-bottom: 10px;
  color: #303133;
  font-weight: 600;
}
.log-drawer-wrap[data-v-4cde99b3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  background: #fff;
}
.log-drawer-header[data-v-4cde99b3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 64px;
  padding: 0 24px;
  border-bottom: 1px solid #ebeef5;
}
.log-drawer-title[data-v-4cde99b3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: #111827;
  font-size: 18px;
  font-weight: 600;
}
.log-drawer-title i[data-v-4cde99b3] {
  color: #ef4444;
  font-size: 20px;
}
.log-drawer-close[data-v-4cde99b3] {
  color: #909399;
  font-size: 20px;
}
.log-drawer-body[data-v-4cde99b3] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 0;
  padding: 22px 28px;
  overflow-y: auto;
}
.log-drawer-toolbar[data-v-4cde99b3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  padding: 14px 24px;
  border-bottom: 1px solid #ebeef5;
  background: #fff;
}
.log-drawer-total[data-v-4cde99b3] {
  color: #909399;
  font-size: 13px;
}
.log-timeline[data-v-4cde99b3] {
  position: relative;
  padding-left: 32px;
}
.log-timeline[data-v-4cde99b3]::before {
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 10px;
  width: 1px;
  background: #e5e7eb;
  content: "";
}
.log-timeline-item[data-v-4cde99b3] {
  position: relative;
  padding-bottom: 24px;
}
.log-timeline-item[data-v-4cde99b3]::before {
  position: absolute;
  top: 2px;
  left: -31px;
  width: 14px;
  height: 14px;
  border: 3px solid #9ca3af;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0 0 0 4px #f3f4f6;
          box-shadow: 0 0 0 4px #f3f4f6;
  content: "";
}
.log-timeline-item.success[data-v-4cde99b3]::before {
  border-color: #16a34a;
  -webkit-box-shadow: 0 0 0 4px #dcfce7;
          box-shadow: 0 0 0 4px #dcfce7;
}
.log-timeline-item.warning[data-v-4cde99b3]::before {
  border-color: #d97706;
  -webkit-box-shadow: 0 0 0 4px #fef3c7;
          box-shadow: 0 0 0 4px #fef3c7;
}
.log-timeline-item.danger[data-v-4cde99b3]::before {
  border-color: #dc2626;
  -webkit-box-shadow: 0 0 0 4px #fee2e2;
          box-shadow: 0 0 0 4px #fee2e2;
}
.log-timeline-item[data-v-4cde99b3]:last-child {
  padding-bottom: 0;
}
.log-timeline-time[data-v-4cde99b3] {
  color: #909399;
  font-size: 13px;
  line-height: 20px;
}
.log-timeline-title[data-v-4cde99b3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-top: 4px;
  color: #111827;
  font-size: 14px;
  line-height: 24px;
}
.log-timeline-desc[data-v-4cde99b3] {
  margin-top: 4px;
  color: #606266;
  font-size: 13px;
  line-height: 22px;
}
.log-timeline-meta[data-v-4cde99b3] {
  margin-top: 4px;
  color: #909399;
  font-size: 12px;
  line-height: 20px;
}
.log-timeline-meta i[data-v-4cde99b3] {
  margin-right: 4px;
}
.log-drawer-pagination[data-v-4cde99b3] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 10px 24px;
  border-top: 1px solid #ebeef5;
  background: #fff;
}
.log-drawer-pagination[data-v-4cde99b3]  .pagination-container {
  margin: 0;
  padding: 0;
}
.log-drawer-footer[data-v-4cde99b3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 16px 24px;
  border-top: 1px solid #ebeef5;
  background: #f5f7fa;
}
.log-drawer-footer-btn[data-v-4cde99b3] {
  min-width: 82px;
  border-radius: 8px;
  background: #fff;
}
.log-drawer-footer-btn.el-button--primary.is-plain[data-v-4cde99b3]:hover, .log-drawer-footer-btn.el-button--primary.is-plain[data-v-4cde99b3]:focus {
  color: #409eff;
  border-color: #409eff;
  background: #fff;
}
.preview-drawer[data-v-13db730e]  .el-drawer__body {
  height: 100%;
}
.preview-drawer-wrap[data-v-13db730e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  background: #fff;
}
.preview-drawer-header[data-v-13db730e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 64px;
  padding: 0 24px;
  border-bottom: 1px solid #eef0f4;
}
.preview-drawer-title[data-v-13db730e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
  gap: 8px;
  color: #111827;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
.preview-drawer-title i[data-v-13db730e] {
  color: #ef4444;
  font-size: 18px;
}
.preview-drawer-subtitle[data-v-13db730e] {
  overflow: hidden;
  color: #6b7280;
  font-size: 14px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.preview-drawer-close[data-v-13db730e] {
  color: #9ca3af;
  font-size: 20px;
}
.preview-drawer-body[data-v-13db730e] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 0;
  padding: 24px;
  overflow-y: auto;
}
.preview-stat-grid[data-v-13db730e] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 24px;
}
.preview-stat-card[data-v-13db730e] {
  min-height: 86px;
  padding: 16px 18px;
  border: 1px solid #eef0f4;
  border-radius: 16px;
  background: #fff;
}
.preview-stat-card span[data-v-13db730e] {
  display: block;
  color: #6b7280;
  font-size: 13px;
  line-height: 20px;
}
.preview-stat-card strong[data-v-13db730e] {
  display: block;
  margin-top: 8px;
  color: #111827;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}
.preview-stat-card.g1[data-v-13db730e] {
  border-color: #fecaca;
  background: #fff1f2;
}
.preview-stat-card.g1 span[data-v-13db730e],
.preview-stat-card.g1 strong[data-v-13db730e] {
  color: #dc2626;
}
.preview-stat-card.g2[data-v-13db730e] {
  border-color: #d8e0ea;
  background: #f1f5f9;
}
.preview-stat-card.g2 strong[data-v-13db730e] {
  color: #475569;
}
.preview-stat-card.new[data-v-13db730e] {
  border-color: #fecdd3;
  background: #ffe4e6;
}
.preview-stat-card.new span[data-v-13db730e],
.preview-stat-card.new strong[data-v-13db730e] {
  color: #be123c;
}
.preview-section-title[data-v-13db730e],
.preview-order-title[data-v-13db730e] {
  color: #111827;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.preview-ratio-box[data-v-13db730e] {
  margin-top: 8px;
  margin-bottom: 24px;
  padding: 16px 18px;
  border: 1px dashed #dfe4ec;
  border-radius: 12px;
  background: #fff;
}
.preview-ratio-tags[data-v-13db730e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 14px;
}
.preview-ratio-tag[data-v-13db730e] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
  padding: 4px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  color: #64748b;
  background: #fff;
  font-size: 13px;
  line-height: 18px;
}
.preview-swatch[data-v-13db730e] {
  width: 9px;
  height: 9px;
  border-radius: 3px;
}
.preview-swatch.g1[data-v-13db730e] {
  background: #ef4444;
}
.preview-swatch.g2[data-v-13db730e] {
  background: #94a3b8;
}
.preview-group-bar[data-v-13db730e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  overflow: hidden;
  border-radius: 8px;
  background: #f1f5f9;
}
.preview-group-seg[data-v-13db730e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 44px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  -webkit-transition: width 0.18s ease;
  transition: width 0.18s ease;
}
.preview-group-seg.g1[data-v-13db730e] {
  background: #fb7185;
}
.preview-group-seg.g2[data-v-13db730e] {
  background: #94a3b8;
}
.preview-empty-line[data-v-13db730e],
.preview-empty-list[data-v-13db730e] {
  color: #9ca3af;
  font-size: 13px;
  line-height: 22px;
}
.preview-order-head[data-v-13db730e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}
.preview-order-rule[data-v-13db730e] {
  color: #94a3b8;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
}
.preview-order-grid[data-v-13db730e] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.preview-list-title[data-v-13db730e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  color: #667085;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
}
.preview-list-title i[data-v-13db730e] {
  color: #64748b;
  font-size: 15px;
}
.preview-list-title.final i[data-v-13db730e] {
  color: #ef4444;
}
.preview-list[data-v-13db730e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.preview-product-row[data-v-13db730e] {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid #eef0f4;
  border-radius: 8px;
  background: #fff;
}
.preview-product-row.highlight[data-v-13db730e] {
  border-color: #fecaca;
  background: #fff7f7;
}
.preview-rank[data-v-13db730e] {
  color: #9ca3af;
  font-size: 14px;
  line-height: 22px;
}
.preview-product-name[data-v-13db730e] {
  display: block;
  overflow: hidden;
  color: #111827;
  font-size: 14px;
  line-height: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.preview-group-badge[data-v-13db730e] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 34px;
  height: 22px;
  padding: 0 7px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}
.preview-group-badge.g1[data-v-13db730e] {
  color: #e11d48;
  background: #ffe4e6;
}
.preview-group-badge.g2[data-v-13db730e] {
  color: #475569;
  background: #eef2f7;
}
@media (max-width: 1200px) {
.preview-stat-grid[data-v-13db730e],
.preview-order-grid[data-v-13db730e] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.preview-order-head[data-v-13db730e] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.preview-order-rule[data-v-13db730e] {
    white-space: normal;
}
}
.analysis-chart-container[data-v-c45373dc] {
  padding: 10px 24px;
}
.analysis-chart-container .analysis-main[data-v-c45373dc] {
  min-height: 100vh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 24px;
  border-radius: 12px;
  background: #fff;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.analysis-chart-container .analysis-main .analysis-header[data-v-c45373dc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 12px;
  color: #999;
  margin: 10px 0;
}
.analysis-chart-container .analysis-main .analysis-header i[data-v-c45373dc] {
  margin-left: 5px;
  font-size: 15px;
  cursor: pointer;
}
.analysis-chart-container .analysis-main .analysis-header .return-btn[data-v-c45373dc] {
  margin-bottom: 10px;
}
.analysis-chart-container .analysis-main .analysis-time-label[data-v-c45373dc] {
  margin: 20px 0;
  font-size: 14px;
}
.analysis-chart-container .analysis-main .analysis-time-label span[data-v-c45373dc] {
  margin-left: 10px;
  font-size: 12px;
  color: #999;
}
.analysis-chart-container .analysis-main .card-items[data-v-c45373dc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.analysis-chart-container .analysis-main .card-items > div[data-v-c45373dc] {
  width: 23%;
}
.analysis-chart-container .analysis-main .chart-card[data-v-c45373dc] {
  margin-top: 20px;
}
.analysis-chart-container .analysis-main .chart-card .card-change[data-v-c45373dc] {
  float: right;
}
.analysis-chart-container .analysis-main .chart-card .echarts-item[data-v-c45373dc] {
  height: 300px;
}
.wrap-product-detail-1 .el-form-item__content[data-v-91512368] {
  height: 40px !important;
  line-height: 40px !important;
}
.wrap-product-detail-1 .el-form-item__content > div[data-v-91512368] {
  display: block !important;
}
.wrap-product-detail-1 .width-input[data-v-91512368] {
  width: 90%;
}
.el-dialog-form .step-price .el-form-item .el-form-item__content .el-input[data-v-91512368] {
  width: 100px !important;
}
@media screen and (max-width: 2560px) {
[data-v-91512368] .goods-manage-editor .wang-editor {
    height: calc(100vh - 250px) !important;
}
}
@media screen and (max-width: 1920px) {
[data-v-91512368] .ql-container.ql-snow {
    height: 700px !important;
}
[data-v-91512368] .edit-wrap .quill-editor[data-v-12312e72] {
    height: 700px !important;
}
}
.wrap-prodoct-describe .width-input[data-v-3b6393af] {
  width: 90%;
}
.template-dialog-footer[data-v-298e7433] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 999;
  background-color: #fff;
}
.template-dialog-footer .footer-btn[data-v-298e7433] {
  line-height: 48px;
}
.el-upload-list {
  max-height: 120px;
  overflow-y: scroll;
}
.hide .el-upload--picture-card {
  display: none;
}
[data-v-08be9cba] .el-upload-list {
  overflow-y: auto !important;
}
.dropdown[data-v-5bf8fd0e] {
  cursor: pointer;
}
.drop[data-v-5bf8fd0e] {
  padding: 10px 20px;
}
.drop .el-checkbox[data-v-5bf8fd0e] {
  height: 26px;
  line-height: 26px;
}
.input[data-v-5bf8fd0e] {
  width: 100px;
  margin: 0 auto;
  width: 100%;
}
.checkAlls[data-v-5bf8fd0e] {
  margin-top: 5px;
  padding-bottom: 5px;
  display: block;
}
.check-all-line[data-v-5bf8fd0e] {
  width: 75%;
  border-bottom: 1px solid #e4e4e4;
  margin: 0 auto;
}
.checkbox-lists[data-v-5bf8fd0e] {
  max-height: 260px;
  padding-right: 10px;
  overflow: auto;
}
.checkbox-lists .checibox-item[data-v-5bf8fd0e] {
  margin: 3px 0;
}
.no-data[data-v-5bf8fd0e] {
  margin: 20px 0;
  font-size: 14px;
  color: #ccc;
  width: 100%;
  text-align: center;
}
.footer[data-v-5bf8fd0e] {
  padding-top: 10px;
  width: 100%;
  text-align: center;
  border-top: 1px solid #e4e4e4;
}
.footer .footer-sure[data-v-5bf8fd0e] {
  margin-left: 20px;
}
.cli-img[data-v-e4c32e70] {
  cursor: pointer;
  vertical-align: middle;
  width: 16px;
  display: none;
}
.clipboard-sty .clipboard-orderId:hover .img-orderId[data-v-e4c32e70] {
  display: inline-block;
}
.clipboard-sty .clipboard-reviewId:hover .img-reviewId[data-v-e4c32e70] {
  display: inline-block;
}
.clipboard-userProfileUrl a[data-v-e4c32e70] {
  display: inline-block;
}
.clipboard-userProfileUrl:hover .img-userProfileUrl[data-v-e4c32e70] {
  vertical-align: top;
  display: inline-block;
}
.email-register-table[data-v-e4c32e70]  .el-step__title {
  font-size: 14px !important;
}
.email-register-table[data-v-e4c32e70]  .el-table__cell {
  padding: 2px !important;
}
.email-register-table[data-v-e4c32e70]  .el-table__cell .cell {
  padding: 2px !important;
}
.dialog-content[data-v-77a91482] {
  height: 100%;
}
.dialog-content .el-col[data-v-77a91482] {
  height: 100%;
}
.dialog-content .dialog-left .pointer[data-v-77a91482] {
  cursor: pointer;
}
.dialog-content .dialog-right[data-v-77a91482] {
  height: 100%;
  overflow-y: auto;
  padding-right: 30px;
}
.dialog-content[data-v-77a91482]  .title-tip {
  padding: 10px 16px;
  background-color: #f5f7fa;
  border-left: 5px solid #50bfff;
  margin: 100px 0 20px 0;
  font-weight: 600;
}
.dialog-content[data-v-77a91482]  .title-tip:nth-child(1) {
  margin-top: 0;
}
.title-tip[data-v-649fe4c8] {
  padding: 10px 16px;
  background-color: #f5f7fa;
  border-left: 5px solid #50bfff;
  margin: 100px 0 20px 0;
  font-weight: 600;
}
.wrap-prodoct-detail-1 .el-form-item__content[data-v-53b5d952] {
  height: 40px !important;
  line-height: 40px !important;
}
.wrap-prodoct-detail-1 .el-form-item__content > div[data-v-53b5d952] {
  display: block !important;
}
.wrap-prodoct-detail-1 .width-input[data-v-53b5d952] {
  width: 90%;
}
.el-dialog-form .step-price .el-form-item .el-form-item__content .el-input[data-v-53b5d952] {
  width: 100px !important;
}
@media screen and (max-width: 2560px) {
[data-v-53b5d952] .goods-manage-editor .wang-editor {
    height: calc(100vh - 250px) !important;
}
}
@media screen and (max-width: 1920px) {
[data-v-53b5d952] .ql-container.ql-snow {
    height: 700px !important;
}
[data-v-53b5d952] .edit-wrap .quill-editor[data-v-12312e72] {
    height: 700px !important;
}
}
.template-dialog-footer[data-v-b18f69da] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 999;
  background-color: #fff;
}
.template-dialog-footer .footer-btn[data-v-b18f69da] {
  line-height: 48px;
}
.edit-wrap .ql-formats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 4px;
  min-width: 180px;
}
.edit-wrap .ql-editor p {
  font-size: 14px;
}
.edit-wrap .quill-editor {
  margin-top: -1px;
}
@media screen and (max-width: 2560px) {
.edit-wrap .quill-editor {
    max-height: 1000px;
}
}
@media screen and (max-width: 1920px) {
.edit-wrap .quill-editor {
    max-height: 700px;
}
}
.edit-wrap .quill-editor ::v-deep .ql-container.ql-snow {
  overflow: auto;
}
@media screen and (max-width: 2560px) {
.edit-wrap .quill-editor ::v-deep .ql-container.ql-snow {
    max-height: 1000px;
}
}
@media screen and (max-width: 1920px) {
.edit-wrap .quill-editor ::v-deep .ql-container.ql-snow {
    max-height: 700px;
}
}
.edit-wrap .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="14px"]::before,
.edit-wrap .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]::before {
  content: "14px";
}
.edit-wrap .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16px"]::before,
.edit-wrap .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]::before {
  content: "16px";
}
.edit-wrap .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="20px"]::before,
.edit-wrap .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]::before {
  content: "20px";
}
.edit-wrap .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24px"]::before,
.edit-wrap .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]::before {
  content: "24px";
}
.wrap-prodoct-describe .width-input[data-v-55de0f3e] {
  width: 90%;
}

.selected-count[data-v-6797dfa0] {
  margin: 20px 0;
  font-size: 14px;
  color: #606266;
}
.goods-img[data-v-6797dfa0] {
  border: 1px solid #efefef;
  border-radius: 6px;
  background-color: #fff;
  width: 100%;
}

.replacement-body[data-v-fa7f8ba0] { max-height: 70vh; overflow: auto; padding: 4px 12px 12px 0;
}
.order-heading[data-v-fa7f8ba0] { font-size: 18px; font-weight: 600;
}
.section-label[data-v-fa7f8ba0] { font-size: 15px; font-weight: 600; margin: 22px 0 12px;
}
.section-actions[data-v-fa7f8ba0] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}
.muted[data-v-fa7f8ba0] { color: #697586; font-size: 13px; line-height: 1.6;
}
.goods-img[data-v-fa7f8ba0] { width: 64px; height: 64px; -o-object-fit: contain; object-fit: contain; border: 1px solid #efefef; border-radius: 6px; background: #fff;
}
.goods-quantity[data-v-fa7f8ba0] { width: 110px;
}
.price-error[data-v-fa7f8ba0] { color: #f56c6c; font-size: 12px; line-height: 1.5; margin-top: 4px;
}
.remove-product[data-v-fa7f8ba0]:not(.is-disabled) { color: #f56c6c;
}
.settlement-panel[data-v-fa7f8ba0] { padding: 16px; background: #f5f8fc; border: 1px solid #dce5ef; border-radius: 8px; margin: 18px 0;
}
.settlement-grid[data-v-fa7f8ba0] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 30px; margin-top: 20px;
}
.settlement-grid > div[data-v-fa7f8ba0] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 16px;
}
.settlement-total[data-v-fa7f8ba0] { padding: 20px; margin: 18px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 6px; background: #e8f4ee;
}
.settlement-total.collect[data-v-fa7f8ba0] { background: #fff0df;
}
.settlement-total.refund[data-v-fa7f8ba0] { background: #e7efff;
}
.settlement-total strong[data-v-fa7f8ba0] { font-size: 28px;
}


.replacement-history[data-v-057bc9f4] { margin-bottom: 16px;
}
.replacement-history h3[data-v-057bc9f4] { font-size: 15px;
}
.replacement-record[data-v-057bc9f4] { padding: 12px; border: 1px solid #ebeef5; border-radius: 6px; margin-bottom: 12px; overflow-wrap: anywhere;
}
.replacement-record p[data-v-057bc9f4] { font-size: 13px; line-height: 1.7; margin: 8px 0;
}
.record-id[data-v-057bc9f4] { color: #70757d;
}


.shipping-source-evidence[data-v-d01e9e78] { margin: 12px 0; padding: 10px 14px; background: #f0f7ff; border-left: 3px solid #409eff; overflow-wrap: anywhere;
}
.shipping-source-evidence p[data-v-d01e9e78] { margin: 5px 0;
}
.shipping-source-evidence .el-tag[data-v-d01e9e78] { margin-left: 8px;
}
.source-warning[data-v-d01e9e78] { color: #f56c6c;
}

@charset "UTF-8";
.records-toolbar[data-v-23062f36] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
.mobile-operation[data-v-23062f36] {
  padding: 12px 0;
  border-bottom: 1px solid #ebeef5;
  overflow-wrap: anywhere;
}
.mobile-operation > .el-tag[data-v-23062f36] {
  margin-left: 8px;
}
.mobile-operation p[data-v-23062f36] {
  margin: 8px 0;
  font-size: 13px;
}
.mobile-events[data-v-23062f36] {
  padding-left: 20px;
}
.mobile-events li[data-v-23062f36] {
  margin-bottom: 12px;
}
.time-zone[data-v-23062f36] {
  color: #70757d;
  font-size: 12px;
}
small[data-v-23062f36] {
  color: #70757d;
}
.legacy-history[data-v-23062f36] {
  margin-top: 24px;
}
.legacy-history h3[data-v-23062f36] {
  font-size: 15px;
}
.load-more[data-v-23062f36] {
  padding-top: 14px;
  text-align: center;
}
.el-alert[data-v-23062f36] {
  margin-bottom: 12px;
}
.import-progress[data-v-23062f36] {
  padding: 16px;
  margin-bottom: 16px;
  border: 1px solid #dcdfe6;
  border-radius: 6px;
  background: #f8fafc;
  overflow-wrap: anywhere;
}
.progress-heading[data-v-23062f36] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.import-progress p[data-v-23062f36] {
  font-size: 13px;
  line-height: 1.7;
  margin: 10px 0;
}
.progress-steps[data-v-23062f36] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 16px 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.progress-steps li[data-v-23062f36] {
  color: #73777f;
  font-size: 13px;
}
.progress-steps li + li[data-v-23062f36]::before {
  content: "→";
  margin-right: 8px;
  color: #73777f;
}
.progress-steps span[data-v-23062f36] {
  display: inline-block;
  margin-right: 5px;
}
.progress-steps .reached[data-v-23062f36] {
  color: #355b85;
}
.progress-steps .current[data-v-23062f36] {
  font-weight: 600;
}
.failure-reason[data-v-23062f36] {
  color: #b42318;
}
.product-card[data-v-8ce3bc2a]  .el-card__header {
  padding: 12px 16px 0;
}
.product-card[data-v-8ce3bc2a]  .el-card__body {
  padding: 12px 16px;
}
.product-card + .product-card[data-v-8ce3bc2a] {
  margin-top: 8px;
}
.product-card-body[data-v-8ce3bc2a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  position: relative;
}
.product-card-body .product-image[data-v-8ce3bc2a] {
  width: 100px;
}
.product-card-body .product-info[data-v-8ce3bc2a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  padding-right: 16px;
}
.product-records[data-v-8ce3bc2a] {
  margin-top: 12px;
  border-top: 1px solid #ebeef5;
}
@media (max-width: 600px) {
.product-card-body[data-v-8ce3bc2a] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
}
.product-card-body .product-image[data-v-8ce3bc2a] {
    width: 64px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.product-info[data-v-8ce3bc2a]  .el-descriptions-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.product-info[data-v-8ce3bc2a]  .el-descriptions-item__content {
    overflow-wrap: anywhere;
    min-width: 0;
}
}
.product-dropdown[data-v-8ce3bc2a] {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.product-dropdown[data-v-8ce3bc2a]:hover {
  color: #409eff;
}
.logistics-form[data-v-3fd81a75]  .el-form-item__content {
  width: 100%;
}
.el-card + .el-card[data-v-3fd81a75] {
  margin-top: 16px;
}
.logistics-card[data-v-3fd81a75] {
  margin-top: 16px;
}
.logistics-card .card-header[data-v-3fd81a75] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.logistics-card .card-header .delete-btn[data-v-3fd81a75] {
  color: #f56c6c;
}
.logistics-card .card-header .delete-btn[data-v-3fd81a75]:hover {
  color: #f78989;
}
.add-logistics-btn[data-v-3fd81a75] {
  margin: 16px 0;
  width: 100%;
}
.dialog-footer[data-v-3fd81a75] {
  text-align: right;
}
.external-refund-notice[data-v-99dcb582] {
  margin-bottom: 12px;
  padding: 12px 14px;
  border: 1px solid #f5dab1;
  border-left-width: 4px;
  border-radius: 4px;
  background: #fdf6ec;
}
.external-refund-notice.is-danger[data-v-99dcb582] {
  border-color: #fbc4c4;
  background: #fef0f0;
}
.external-refund-notice.is-resolved[data-v-99dcb582] {
  border-color: #d3d4d6;
  background: #f4f4f5;
}
.external-refund-notice.is-restricted[data-v-99dcb582] {
  border-color: #f5dab1;
  background: #fdf6ec;
}
.external-refund-notice.is-line-adjustment[data-v-99dcb582] {
  border-color: #d3d4d6;
  background: #f4f4f5;
}
.notice-header[data-v-99dcb582] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.notice-tags[data-v-99dcb582] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  gap: 6px;
}
.notice-message[data-v-99dcb582] {
  color: #606266;
  font-weight: 500;
  line-height: 1.5;
}
.notice-details[data-v-99dcb582] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 24px;
  margin-top: 8px;
  color: #606266;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.source-toolbar[data-v-3d570075] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 16px 0;
}
.source-reason[data-v-3d570075] {
  margin-top: 16px;
}
.radio-text[data-v-3d570075] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.shipping-source-dialog[data-v-3d570075]  .el-dialog {
  max-width: calc(100vw - 24px);
}
.logistics-card-header[data-v-e614aa5e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.el-dropdown-link[data-v-e614aa5e] {
  cursor: pointer;
}
.el-icon-question[data-v-e614aa5e] {
  margin-left: 5px;
  color: #e6a23c;
}
.el-icon-more[data-v-e614aa5e]:hover {
  color: #409eff;
}
.import-failed[data-v-e614aa5e] {
  color: #f56c6c;
}
.payment-pending[data-v-e614aa5e] {
  color: #e6a23c;
}
.payment-review[data-v-e614aa5e] {
  color: #f56c6c;
}
.external-check-passed[data-v-e614aa5e] {
  color: #67c23a;
}
.external-check-blocked[data-v-e614aa5e] {
  color: #e6a23c;
}
.external-check-not-checked[data-v-e614aa5e] {
  color: #909399;
}
.recovery-action-description[data-v-e614aa5e] {
  color: #606266;
  line-height: 1.6;
  white-space: normal;
  overflow-wrap: anywhere;
}

.freight-release-button[data-v-501cba50] { white-space: normal; height: auto; min-height: 32px; max-width: 100%; line-height: 1.5;
}
[data-v-501cba50] .el-dialog { max-width: calc(100vw - 32px);
}
.exchange-card[data-v-501cba50] { margin-bottom: 16px;
}
.exchange-header[data-v-501cba50] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}
.blocked-reason[data-v-501cba50] { color: #b35d00;
}
.operation-feedback[data-v-501cba50] { margin-top: 16px;
}

.logistics-card-header[data-v-196ed3f2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.external-voided-message[data-v-196ed3f2] {
  color: #e6a23c;
}
.cascader-popper-panel-main[data-v-8c72068e] {
  padding: 10px;
}
.cascader-popper-panel-main .search-input[data-v-8c72068e] {
  margin-bottom: 6px;
}
[data-v-8c72068e] .el-input__validateIcon {
  display: none;
}
[data-v-8c72068e] .cascader-panel-main > .el-cascader-menu:only-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.checkAll[data-v-8c72068e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 5px;
}
.checkAll[data-v-8c72068e]  .el-checkbox__label {
  padding-left: 5px;
}
.address-actions[data-v-7de36354] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 30px;
}
.address-actions .address-title[data-v-7de36354] {
  font-size: 16px;
  font-weight: 500;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.el-icon-question[data-v-7de36354] {
  margin-left: 5px;
  color: #e6a23c;
}
.address-cascader[data-v-7de36354] {
  width: 100%;
}
.paste-address-content .paste-tip[data-v-7de36354] {
  margin-bottom: 15px;
  color: #606266;
  font-size: 14px;
}
.logistics-card-header[data-v-9dc4e5d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.reship-approval-dialog[data-v-21bb56a7]  .el-dialog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  max-height: 80vh;
  margin-top: 10vh !important;
  margin-bottom: 0;
}
.reship-approval-dialog[data-v-21bb56a7]  .el-dialog__header,
.reship-approval-dialog[data-v-21bb56a7]  .el-dialog__footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.reship-approval-dialog[data-v-21bb56a7]  .el-dialog__body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
.reship-approval-dialog .el-select[data-v-21bb56a7] {
  width: 100%;
}
.reship-approval-dialog .approval-target[data-v-21bb56a7] {
  margin-bottom: 16px;
  padding: 10px 12px;
  border: 1px solid #ebeef5;
  background: #f8f9fb;
}
.reship-approval-dialog .approval-target-row[data-v-21bb56a7] {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 8px;
  line-height: 22px;
}
.reship-approval-dialog .approval-target-row + .approval-target-row[data-v-21bb56a7] {
  margin-top: 4px;
}
.reship-approval-dialog .approval-target-row span[data-v-21bb56a7] {
  color: #909399;
}
.reship-approval-dialog .approval-target-row strong[data-v-21bb56a7] {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #303133;
  font-weight: 500;
}
.reship-approval-dialog .approval-impact[data-v-21bb56a7] {
  margin-bottom: 16px;
}
.address-actions[data-v-21bb56a7] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 30px;
}
.address-actions .address-title[data-v-21bb56a7] {
  font-size: 16px;
  font-weight: 500;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.el-icon-question[data-v-21bb56a7] {
  margin-left: 5px;
  color: #e6a23c;
}
.address-cascader[data-v-21bb56a7] {
  width: 100%;
}
.paste-address-content .paste-tip[data-v-21bb56a7] {
  margin-bottom: 15px;
  color: #606266;
  font-size: 14px;
}
@media (max-width: 760px) {
.reship-approval-dialog[data-v-21bb56a7]  .el-dialog {
    width: calc(100vw - 16px) !important;
    max-height: calc(100vh - 16px);
    margin-top: 8px !important;
}
.reship-approval-dialog[data-v-21bb56a7]  .el-dialog__header {
    padding: 12px 16px;
}
.reship-approval-dialog[data-v-21bb56a7]  .el-dialog__body {
    padding: 12px;
}
.reship-approval-dialog[data-v-21bb56a7]  .el-dialog__footer {
    padding: 10px 12px;
}
.reship-approval-dialog[data-v-21bb56a7]  .el-form-item__label {
    float: none;
    width: auto !important;
    padding: 0 0 6px;
    line-height: 20px;
    text-align: left;
}
.reship-approval-dialog[data-v-21bb56a7]  .el-form-item__content {
    margin-left: 0 !important;
}
.reship-approval-dialog[data-v-21bb56a7]  .el-upload-list {
    max-width: 100%;
}
.reship-approval-dialog .approval-target-row[data-v-21bb56a7] {
    grid-template-columns: 80px minmax(0, 1fr);
}
}

.manual-action-form[data-v-07794e42] { margin-top: 20px;
}
.manual-package[data-v-07794e42] { border-bottom: 1px solid #ebeef5; margin-bottom: 12px;
}
.package-heading[data-v-07794e42] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 12px;
}
.reason-field[data-v-07794e42] { margin-top: 20px;
}
.cancel-tracking[data-v-07794e42] { margin: 12px 0; overflow-wrap: anywhere;
}
.manual-confirm[data-v-07794e42] { white-space: normal;
}

.logistics-card-header[data-v-758c8e4f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tracking-link + .tracking-link[data-v-758c8e4f] {
  margin-left: 10px;
}
.tracking-list-btn[data-v-758c8e4f] {
  padding: 0 !important;
  font-size: 14px !important;
}
.logistics-card-header[data-v-79bb6b48] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.import-failed[data-v-79bb6b48] {
  color: #f56c6c;
}
.logistics-card-header[data-v-1ad05b34] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.refunding-notice[data-v-1ad05b34] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  padding: 10px 12px;
  border: 1px solid #f5dab1;
  border-left-width: 4px;
  border-radius: 4px;
  color: #606266;
  background: #fdf6ec;
}
.logistics-card-header[data-v-27b98d2b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.order-card + .order-card[data-v-716beb6c] {
  margin-top: 16px;
}
.order-card-header[data-v-716beb6c] {
  position: relative;
}
.order-dropdown[data-v-716beb6c] {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.order-dropdown[data-v-716beb6c]:hover {
  color: #409eff;
}

.refund-help[data-v-348c08f8] { color: #606266; line-height: 1.7;
}
.refund-calculation[data-v-348c08f8] { font-weight: 600; line-height: 1.7;
}

.client-visible[data-v-28f83688] {
  font-size: 12px;
  color: #999;
  margin: 0;
}
.flex-between[data-v-28f83688] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex-between .remove-discount-button[data-v-28f83688] {
  color: #ff4949 !important;
  background: #ffeded !important;
  border-color: #ffb6b6 !important;
}
.order-input[data-v-4820f6aa] {
  padding: 0 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.order-input .order-input-label[data-v-4820f6aa] {
  font-size: 14px;
  color: #333;
  margin-right: 10px;
}
.order-input .order-input-box[data-v-4820f6aa] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.goods-img[data-v-4820f6aa] {
  border: 1px solid #efefef;
  border-radius: 6px;
  background-color: #fff;
  width: 100%;
}
.only-read[data-v-4820f6aa] {
  cursor: not-allowed;
  pointer-events: none;
}
.only-read[data-v-4820f6aa]  .el-input__inner,
.only-read[data-v-4820f6aa]  .el-textarea__inner {
  background-color: #f5f7fa;
}
.only-read .el-form-item__content[data-v-4820f6aa] {
  color: #999;
}
.warning-text[data-v-4820f6aa] {
  color: #f56c6c;
  font-size: 20px;
  margin-bottom: 10px;
  padding: 30px;
}
.exchange-info__title[data-v-4820f6aa] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}
.exchange-info__title span[data-v-4820f6aa] {
  font-size: 14px;
  color: #333;
}
.exchange-info__price--original-price[data-v-4820f6aa] {
  color: #777;
  text-decoration: line-through;
}
.exchange-info__price--discount-price[data-v-4820f6aa] {
  color: #333;
}
.exchange-info__price--discount-reason[data-v-4820f6aa] {
  color: #777;
  font-size: 12px;
}
.exchange-info__price[data-v-4820f6aa] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  font-size: 14px;
  color: #333;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #f2f7ff;
  border: 1px solid #dce8fa;
  border-radius: 6px;
  padding: 15px 20px;
  line-height: 26px;
  margin-bottom: 50px;
  text-align: center;
}
.exchange-info__price--user-pay[data-v-4820f6aa] {
  margin-left: 0;
  color: #2475d0;
  font-weight: 600;
}
.exchange-info .text-danger[data-v-4820f6aa] {
  color: #f56c6c;
  font-size: 14px;
  margin-top: 5px;
}
.no-goods[data-v-4820f6aa] {
  border: 1px solid #f56c6c;
}
.logistics-card-header[data-v-5b088e8a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.logistics-card-header[data-v-9ddb4dc2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.incident-panel[data-v-6699b98a] {
  margin-bottom: 16px;
  border-color: #f5c2c2;
}
.panel-header[data-v-6699b98a],
.incident-heading[data-v-6699b98a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
.panel-title[data-v-6699b98a] {
  margin-right: 10px;
  color: #303133;
  font-size: 16px;
  font-weight: 600;
}
.panel-tip[data-v-6699b98a] {
  color: #909399;
  font-size: 13px;
}
.incident-item[data-v-6699b98a] {
  padding: 14px 16px;
  border: 1px solid #f5dab1;
  border-left-width: 4px;
  border-radius: 4px;
  background: #fdf6ec;
}
.incident-item.is-danger[data-v-6699b98a] {
  border-color: #fbc4c4;
  background: #fef0f0;
}
.incident-item.is-resolved[data-v-6699b98a], .incident-item.is-reclassified[data-v-6699b98a] {
  border-color: #d3d4d6;
  background: #f4f4f5;
}
.incident-item + .incident-item[data-v-6699b98a] {
  margin-top: 10px;
}
.incident-tags[data-v-6699b98a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
}
.incident-warning[data-v-6699b98a] {
  margin: 10px 0;
  color: #303133;
  font-weight: 600;
  line-height: 1.5;
}
.incident-details[data-v-6699b98a],
.handling-audit[data-v-6699b98a] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 24px;
  color: #606266;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.handling-audit[data-v-6699b98a] {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #c0c4cc;
}
.handling-audit p[data-v-6699b98a] {
  grid-column: 1/-1;
  margin: 0;
}
.allocation-warning[data-v-6699b98a],
.resolve-disabled-reason[data-v-6699b98a] {
  color: #e6a23c;
  font-weight: 500;
}
.resolve-disabled-reason[data-v-6699b98a] {
  margin: 10px 0 0;
}
@media (max-width: 1200px) {
.incident-details[data-v-6699b98a],
.handling-audit[data-v-6699b98a] {
    grid-template-columns: 1fr;
}
}
.resolve-form[data-v-1ac6a6ea] {
  margin-top: 20px;
}
.resolve-form .el-select[data-v-1ac6a6ea] {
  width: 100%;
}
.disabled-reason[data-v-1ac6a6ea] {
  margin: 0 0 0 90px;
  color: #e6a23c;
  line-height: 1.5;
}
.dialog-form[data-v-0d72ee48]  .el-dialog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100vh - 32px);
  max-height: 760px;
  margin-top: 16px !important;
  margin-bottom: 0;
}
.dialog-form[data-v-0d72ee48]  .el-dialog__header,
.dialog-form[data-v-0d72ee48]  .el-dialog__footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.dialog-form[data-v-0d72ee48]  .el-dialog__body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
.incident-target[data-v-0d72ee48] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 18px;
  margin-top: 16px;
  color: #606266;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.resolve-form[data-v-0d72ee48] {
  margin-top: 18px;
}
.resolve-form .el-select[data-v-0d72ee48] {
  width: 100%;
}
.action-impact[data-v-0d72ee48] {
  margin: -4px 0 18px 88px;
  width: calc(100% - 88px);
}
.disabled-reason[data-v-0d72ee48] {
  margin: 0 0 0 88px;
  color: #e6a23c;
  line-height: 1.5;
}
@media (max-width: 760px) {
.dialog-form[data-v-0d72ee48]  .el-dialog {
    width: calc(100vw - 16px) !important;
    height: calc(100vh - 16px);
    max-height: calc(100vh - 16px);
    margin-top: 8px !important;
}
.dialog-form[data-v-0d72ee48]  .el-dialog__header {
    padding: 12px 16px;
}
.dialog-form[data-v-0d72ee48]  .el-dialog__body {
    padding: 12px;
}
.dialog-form[data-v-0d72ee48]  .el-dialog__footer {
    padding: 10px 12px;
}
.incident-target[data-v-0d72ee48] {
    grid-template-columns: 1fr;
}
.resolve-form[data-v-0d72ee48]  .el-form-item__label {
    float: none;
    width: auto !important;
    padding: 0 0 6px;
    line-height: 20px;
    text-align: left;
}
.resolve-form[data-v-0d72ee48]  .el-form-item__content {
    margin-left: 0 !important;
}
.action-impact[data-v-0d72ee48] {
    width: 100%;
    margin: -4px 0 18px;
}
.disabled-reason[data-v-0d72ee48] {
    margin-left: 0;
}
}
.fulfillment-reconciliation[data-v-56266487] {
  padding-bottom: 16px;
  border: 1px solid #cfd5de;
  background: #f3f5f7;
}
.panel-header[data-v-56266487] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 44px;
  padding: 0 16px;
  border-bottom: 1px solid #cfd5de;
  background: #e9edf2;
}
.panel-title[data-v-56266487] {
  font-size: 15px;
  font-weight: 600;
  color: #303133;
}
.panel-title i[data-v-56266487] {
  margin-right: 7px;
  color: #409eff;
}
.panel-count[data-v-56266487],
.record-position[data-v-56266487] {
  color: #606266;
  font-size: 12px;
}
.line-reconciliation[data-v-56266487] {
  margin: 16px 16px 0;
  padding: 0 16px 16px;
  border: 1px solid #cfd5de;
  border-left: 5px solid #909399;
  border-radius: 4px;
  background: #fff;
  -webkit-box-shadow: 0 2px 5px rgba(48, 49, 51, 0.08);
          box-shadow: 0 2px 5px rgba(48, 49, 51, 0.08);
}
.line-reconciliation + .line-reconciliation[data-v-56266487] {
  margin-top: 20px;
}
.record-header[data-v-56266487],
.record-identity[data-v-56266487],
.line-tags[data-v-56266487] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.record-header[data-v-56266487] {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  min-height: 76px;
  margin: 0 -16px 14px;
  padding: 12px 16px;
  border-bottom: 1px solid #dcdfe6;
  background: #f8f9fb;
}
.record-identity[data-v-56266487] {
  min-width: 0;
  gap: 12px;
}
.record-index[data-v-56266487] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 38px;
          flex: 0 0 38px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 4px;
  background: #606266;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
}
.line-title[data-v-56266487] {
  min-width: 0;
  color: #303133;
  font-size: 14px;
  font-weight: 600;
}
.record-position[data-v-56266487] {
  margin-bottom: 3px;
  font-weight: 500;
}
.line-sku[data-v-56266487] {
  overflow-wrap: anywhere;
  line-height: 20px;
}
.line-subtitle[data-v-56266487] {
  margin-top: 3px;
  color: #909399;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  overflow-wrap: anywhere;
}
.line-tags[data-v-56266487] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 6px;
}
.record-safe[data-v-56266487] {
  border-left-color: #67c23a;
}
.record-review[data-v-56266487],
.record-warning[data-v-56266487] {
  border-left-color: #e6a23c;
}
.record-danger[data-v-56266487] {
  border-left-color: #f56c6c;
}
.record-safe .record-index[data-v-56266487] {
  background: #4f9f37;
}
.record-review .record-index[data-v-56266487],
.record-warning .record-index[data-v-56266487] {
  background: #c98216;
}
.record-danger .record-index[data-v-56266487] {
  background: #d94b4b;
}
.quantity-grid[data-v-56266487] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid #ebeef5;
  background: #ebeef5;
  margin-bottom: 12px;
}
.quantity-cell[data-v-56266487] {
  min-width: 0;
  padding: 10px 12px;
  background: #fff;
  text-align: center;
}
.quantity-cell strong[data-v-56266487] {
  display: block;
  margin-top: 5px;
  color: #303133;
  font-size: 18px;
}
.quantity-cell strong.danger[data-v-56266487] {
  color: #f56c6c;
}
.quantity-breakdown[data-v-56266487] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px 24px;
  margin: -4px 0 12px;
  padding: 8px 12px;
  border: 1px solid #ebeef5;
  background: #f8f9fb;
}
.quantity-breakdown > div[data-v-56266487] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 6px;
  min-width: 0;
}
.quantity-breakdown dt[data-v-56266487] {
  color: #909399;
  font-size: 12px;
}
.quantity-breakdown dd[data-v-56266487] {
  margin: 0;
  color: #303133;
  font-size: 13px;
  font-weight: 600;
}
.quantity-breakdown dd.danger[data-v-56266487] {
  color: #f56c6c;
}
.quantity-label[data-v-56266487],
.secondary-text[data-v-56266487],
.reconciled-time[data-v-56266487] {
  color: #909399;
  font-size: 12px;
}
.risk-alert[data-v-56266487] {
  margin-bottom: 12px;
}
.business-summary[data-v-56266487] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
  padding: 11px 13px;
  border: 1px solid #c2e7b0;
  border-left: 4px solid #67c23a;
  background: #f0f9eb;
  color: #3d6f2d;
  line-height: 20px;
}
.business-summary i[data-v-56266487] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-top: 2px;
  color: #67c23a;
  font-size: 16px;
}
.business-summary strong[data-v-56266487] {
  color: #2f6420;
  font-size: 14px;
}
.business-summary p[data-v-56266487] {
  margin: 2px 0 0;
  overflow-wrap: anywhere;
}
.business-summary.is-authorized[data-v-56266487] {
  border-color: #b3d8ff;
  border-left-color: #409eff;
  background: #ecf5ff;
  color: #3f6f9f;
}
.business-summary.is-authorized i[data-v-56266487],
.business-summary.is-authorized strong[data-v-56266487] {
  color: #337ecc;
}
.business-summary.is-external[data-v-56266487] {
  border-color: #b3d8ff;
  border-left-color: #409eff;
  background: #ecf5ff;
  color: #3f6f9f;
}
.business-summary.is-external i[data-v-56266487],
.business-summary.is-external strong[data-v-56266487] {
  color: #337ecc;
}
.business-summary.is-review[data-v-56266487] {
  border-color: #f5dab1;
  border-left-color: #e6a23c;
  background: #fdf6ec;
  color: #8a5a16;
}
.business-summary.is-review i[data-v-56266487],
.business-summary.is-review strong[data-v-56266487] {
  color: #8a5a16;
}
.risk-evidence[data-v-56266487] {
  margin-bottom: 14px;
  padding: 12px 14px;
  border: 1px solid #f5dab1;
  border-left: 4px solid #e6a23c;
  background: #fdf6ec;
  color: #606266;
  line-height: 18px;
}
.risk-evidence-header[data-v-56266487] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}
.risk-evidence-title[data-v-56266487] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
  color: #8a5a16;
  font-size: 14px;
}
.risk-evidence-title i[data-v-56266487] {
  margin-right: 6px;
}
.risk-evidence-summary[data-v-56266487],
.risk-evidence-next[data-v-56266487] {
  margin: 8px 0 0;
}
.risk-evidence-facts[data-v-56266487] {
  margin-top: 8px;
  border-top: 1px solid #f5dfb0;
}
.risk-evidence-fact[data-v-56266487] {
  display: grid;
  grid-template-columns: 142px minmax(0, 1fr);
  gap: 12px;
  padding: 7px 0;
  border-bottom: 1px solid #f5dfb0;
}
.risk-evidence-label[data-v-56266487] {
  color: #8a5a16;
  font-weight: 600;
}
.risk-evidence-value[data-v-56266487] {
  min-width: 0;
  overflow-wrap: anywhere;
}
.risk-evidence-next[data-v-56266487] {
  color: #8a5a16;
}
.facts-grid[data-v-56266487] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
.fact-column[data-v-56266487] {
  min-width: 0;
}
.fact-column h4[data-v-56266487] {
  margin: 0 0 8px;
  color: #303133;
  font-size: 14px;
}
.primary-text[data-v-56266487] {
  color: #303133;
  line-height: 20px;
}
.secondary-text[data-v-56266487] {
  overflow-wrap: anywhere;
  line-height: 18px;
}
.source-reason[data-v-56266487] {
  display: block;
  white-space: normal;
}
.source-reason span[data-v-56266487] {
  display: block;
}
.source-reason span + span[data-v-56266487] {
  margin-top: 2px;
}
.execution-status-tag[data-v-56266487] {
  max-width: 100%;
  height: auto;
  padding: 2px 5px;
  white-space: normal;
  line-height: 18px;
  overflow-wrap: anywhere;
}
.empty-fact[data-v-56266487] {
  padding: 18px;
  border: 1px dashed #dcdfe6;
  color: #909399;
  text-align: center;
}
.mobile-fact-list[data-v-56266487] {
  display: none;
}
.mobile-fact-row[data-v-56266487] {
  padding: 10px 0;
  border-top: 1px solid #ebeef5;
}
.mobile-fact-row[data-v-56266487]:first-child {
  border-top: 0;
  padding-top: 0;
}
.mobile-fact-header[data-v-56266487] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}
.mobile-fact-header strong[data-v-56266487] {
  min-width: 0;
  overflow-wrap: anywhere;
}
.mobile-fact-field[data-v-56266487] {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 8px;
  padding: 4px 0;
  line-height: 18px;
}
.mobile-fact-field > span[data-v-56266487] {
  color: #909399;
  font-size: 12px;
}
.mobile-fact-field > div[data-v-56266487],
.mobile-fact-field > strong[data-v-56266487] {
  min-width: 0;
  overflow-wrap: anywhere;
}
.incident-list[data-v-56266487] {
  margin-top: 12px;
  padding: 0 12px;
  border: 1px solid #e4e7ed;
  background: #fafbfc;
}
.incident-row[data-v-56266487] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 12px;
  min-height: 46px;
  padding: 10px 0;
  color: #606266;
}
.incident-row + .incident-row[data-v-56266487] {
  border-top: 1px solid #f2f3f5;
}
.incident-row.is-pending[data-v-56266487] {
  border-left: 3px solid #f56c6c;
  padding-left: 10px;
}
.incident-row.is-unsafe[data-v-56266487] {
  border-left: 3px solid #e6a23c;
  padding-left: 10px;
  background: #fdf6ec;
}
.incident-main[data-v-56266487] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 10px;
  min-width: 0;
}
.incident-observation[data-v-56266487],
.incident-resolution[data-v-56266487],
.incident-disabled[data-v-56266487] {
  grid-column: 1/-1;
  margin: 0;
  white-space: pre-line;
  overflow-wrap: anywhere;
}
.incident-observation[data-v-56266487] {
  padding: 8px 10px;
  border: 1px solid #f5dab1;
  background: #fdf6ec;
  color: #8a5a16;
  line-height: 20px;
}
.incident-resolution[data-v-56266487] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px 18px;
  padding: 8px 10px;
  border: 1px solid #d9ecff;
  background: #f4f8fc;
  color: #606266;
  line-height: 20px;
}
.incident-resolution p[data-v-56266487] {
  grid-column: 1/-1;
  margin: 0;
}
.incident-disabled[data-v-56266487] {
  color: #e6a23c;
  line-height: 20px;
}
.reconciled-time[data-v-56266487] {
  margin-top: 14px;
  padding-top: 10px;
  border-top: 1px solid #ebeef5;
  text-align: right;
}
@media (max-width: 1200px) {
.record-header[data-v-56266487] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.record-identity[data-v-56266487],
.line-title[data-v-56266487],
.line-subtitle[data-v-56266487] {
    width: 100%;
    max-width: 100%;
}
.line-tags[data-v-56266487],
.incident-main[data-v-56266487] {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.desktop-fact-table[data-v-56266487] {
    display: none;
}
.mobile-fact-list[data-v-56266487] {
    display: block;
}
.incident-row[data-v-56266487] {
    grid-template-columns: 1fr;
    padding: 8px 0;
}
.incident-resolution[data-v-56266487] {
    grid-template-columns: 1fr;
}
.risk-evidence-header[data-v-56266487] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.risk-evidence-fact[data-v-56266487] {
    grid-template-columns: 1fr;
    gap: 2px;
}
}
@media (max-width: 760px) {
.quantity-breakdown[data-v-56266487] {
    gap: 4px 16px;
}
}
@media (max-width: 520px) {
.panel-header[data-v-56266487] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    padding: 10px 12px;
}
.panel-count[data-v-56266487] {
    white-space: nowrap;
}
.mobile-fact-header .el-tag[data-v-56266487] {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    height: auto;
    min-height: 22px;
    white-space: normal;
    line-height: 18px;
    text-align: right;
}
}
.logistics-title[data-v-1fb827d0] {
  font-size: 16px;
  padding: 10px 0;
}
.logistics-header[data-v-1fb827d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-top: 10px;
}
.logistics-header .logistics-header-left[data-v-1fb827d0] {
  min-width: 0;
}
.logistics-header .logistics-header-left .order-num[data-v-1fb827d0] {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 5px;
}
.logistics-header .logistics-header-left p[data-v-1fb827d0] {
  font-size: 14px;
  margin: 0;
}
.logistics-header .logistics-header-right[data-v-1fb827d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
  max-width: 62%;
}
.logistics-header .logistics-header-right .el-button + .el-button[data-v-1fb827d0] {
  margin-left: 0;
}
.fulfillment-business-summary[data-v-1fb827d0],
.risk-handling-summary[data-v-1fb827d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
  color: #606266;
}
.fulfillment-business-summary span[data-v-1fb827d0],
.risk-handling-summary span[data-v-1fb827d0] {
  max-width: 520px;
  line-height: 20px;
}
.detail-card + .detail-card[data-v-1fb827d0] {
  margin-top: 16px;
}
.detail-card-container[data-v-1fb827d0] {
  padding-bottom: 16px;
}
.cus-dialog-fixed[data-v-1fb827d0]  .el-dialog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100vh - 160px);
  max-height: calc(100vh - 160px);
  margin-bottom: 0;
}
.cus-dialog-fixed[data-v-1fb827d0]  .el-dialog__header,
.cus-dialog-fixed[data-v-1fb827d0]  .el-dialog__footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.cus-dialog-fixed[data-v-1fb827d0]  .el-dialog__body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 0;
  height: auto;
  max-height: none;
  overflow-y: auto;
}
.cus-dialog-fixed[data-v-1fb827d0]  .el-dialog__footer {
  position: static;
  width: auto;
}
@media (min-width: 761px) and (max-width: 1200px) {
.cus-dialog-fixed[data-v-1fb827d0]  .el-dialog {
    height: calc(100vh - 48px);
    max-height: calc(100vh - 48px);
    margin-top: 24px !important;
}
}
@media (max-width: 760px) {
.cus-dialog-fixed[data-v-1fb827d0]  .el-dialog {
    height: calc(100vh - 24px);
    max-height: calc(100vh - 24px);
    margin-top: 12px !important;
}
.cus-dialog-fixed[data-v-1fb827d0]  .el-dialog__header {
    padding: 10px 16px;
}
.cus-dialog-fixed[data-v-1fb827d0]  .el-dialog__body {
    padding: 14px 12px 0;
}
.cus-dialog-fixed[data-v-1fb827d0]  .el-dialog__footer {
    padding: 10px 12px;
}
.logistics-header[data-v-1fb827d0] {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.logistics-header .logistics-header-left[data-v-1fb827d0] {
    min-width: 0;
}
.logistics-header .logistics-header-right[data-v-1fb827d0] {
    width: 100%;
    max-width: 100%;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 4px;
}
.logistics-header .logistics-header-right .el-button[data-v-1fb827d0] {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.fulfillment-business-summary[data-v-1fb827d0],
.risk-handling-summary[data-v-1fb827d0] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
}
.shopify-order .el-table td > .cell .el-button--text.button-red-text[data-v-f9cdd8f8] {
  color: #ff4949 !important;
}
.fulfillment-status-cell[data-v-f9cdd8f8] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  line-height: 20px;
  cursor: help;
}
.fulfillment-status-cell small[data-v-f9cdd8f8] {
  color: #909399;
  font-size: 12px;
}
.card[data-v-811f69e6] {
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid #dcdfe5;
  -webkit-box-shadow: 0px 0px 4px #eee;
          box-shadow: 0px 0px 4px #eee;
  margin-bottom: 20px;
}
.card-title[data-v-811f69e6] {
  font-size: 16px;
  font-weight: 700;
  height: 60px;
  line-height: 60px;
  padding-left: 10px;
  background-color: #f5f7fa;
}
.card-content[data-v-811f69e6] {
  padding: 0 20px 36px 20px;
}
.card-content .table-title[data-v-811f69e6] {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin: 36px 0 24px 0;
}
.card-content .table-title .title-img[data-v-811f69e6] {
  width: 22px;
  margin-right: 6px;
  vertical-align: middle;
}
.card-content .total-price[data-v-811f69e6] {
  height: 60px;
  line-height: 60px;
  padding-right: 30px;
  font-size: 18px;
  text-align: right;
  background-color: #f5f7fa;
}
.card-content .total-price .price[data-v-811f69e6] {
  font-weight: 700;
}
.product-table[data-v-811f69e6] {
  margin-top: 36px;
}
.text-red[data-v-811f69e6] {
  color: red;
}
[data-v-811f69e6] .el-step__main .el-step__title {
  font-size: 16px !important;
}
[data-v-811f69e6] .el-dialog .el-date-editor.el-input__inner {
  width: 260px !important;
}
.button-red-text[data-v-a644cbc8] {
  color: #f56c6c;
}
.handling-status-stack[data-v-a644cbc8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
}
.template-dialog-footer[data-v-3ec052c4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 999;
  background-color: #fff;
}
.template-dialog-footer .footer-btn[data-v-3ec052c4] {
  line-height: 48px;
}


[data-v-33df11ad].text-expand .warning-row {
  background: #fbfbfb !important;
}

























































































/* 只读摘要使用自然高度，避免详情/审核弹窗的全局单行表单样式裁掉长文本。 */
.after-sale-summary[data-v-ea5414fe] { padding: 16px; background: #f8fafc; border: 1px solid #e6ebf2; border-radius: 8px; margin-bottom: 20px;
}
.summary-total[data-v-ea5414fe] { padding: 20px; margin-bottom: 24px; background: #edf5ff; border: 1px solid #d9e9fb; border-radius: 8px; overflow-wrap: anywhere;
}
.summary-total h3[data-v-ea5414fe] { margin: 0 0 12px; font-size: 14px; line-height: 1.6; color: #35455f;
}
.summary-total > strong[data-v-ea5414fe] { display: block; color: #2475d0; font-size: 28px; line-height: 1.4;
}
.summary-total small[data-v-ea5414fe] { font-size: 14px; font-weight: 400;
}
.summary-total p[data-v-ea5414fe] { margin: 12px 0 0; font-size: 13px; line-height: 1.8; color: #52647c; white-space: normal;
}
.summary-total .summary-total-hint[data-v-ea5414fe] { font-size: 12px; color: #768398;
}
.summary-exchange[data-v-ea5414fe] { margin-bottom: 24px;
}
.summary-exchange h3[data-v-ea5414fe] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 12px; margin: 0 0 14px; font-size: 16px; color: #35455f;
}
.summary-exchange h3 small[data-v-ea5414fe] { font-size: 12px; font-weight: 400; color: #8190a4;
}
.summary-product[data-v-ea5414fe] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; padding: 16px; margin-bottom: 12px; background: #fff; border: 1px solid #e6ebf2; border-radius: 8px;
}
.summary-product-image[data-v-ea5414fe] { width: 64px; height: 64px; -webkit-box-flex: 0; -ms-flex: 0 0 64px; flex: 0 0 64px;
}
.summary-product-info[data-v-ea5414fe] { min-width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow-wrap: anywhere; color: #35455f; line-height: 1.7;
}
.summary-product-info p[data-v-ea5414fe] { margin: 6px 0 0; color: #768398; font-size: 12px;
}
.summary-product-quantity[data-v-ea5414fe] { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; color: #8190a4; font-size: 12px; text-align: right;
}
.summary-product-quantity strong[data-v-ea5414fe] { display: block; margin-top: 8px; color: #35455f; font-size: 16px;
}
.exchange-prices[data-v-ea5414fe] { margin-top: 18px !important;
}
.exchange-price-hint[data-v-ea5414fe] { color: #768398; font-size: 12px; line-height: 1.8;
}
.summary-fields[data-v-ea5414fe] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 24px; margin: 0 0 20px;
}
.summary-field[data-v-ea5414fe] { min-width: 0;
}
.summary-wide[data-v-ea5414fe] { grid-column: 1 / -1;
}
.summary-field dt[data-v-ea5414fe] { margin-bottom: 6px; color: #8190a4; font-size: 12px; line-height: 1.6;
}
.summary-field dd[data-v-ea5414fe] { margin: 0; color: #35455f; font-size: 14px; line-height: 1.7; white-space: pre-wrap; overflow-wrap: anywhere;
}
@media (max-width: 600px) {
.summary-fields[data-v-ea5414fe] { grid-template-columns: minmax(0, 1fr);
}
}




























































































































































































































































































































































































/* 此长表单采用顶对齐标签与内容自适应高度，局部覆盖全站单行表单的固定高度，避免文字遮挡。 */
.after-sale-supplement-dialog[data-v-1a91c9f8]  .el-dialog {
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 48px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 24px;
}
.after-sale-supplement-dialog[data-v-1a91c9f8]  .el-dialog__header,
.after-sale-supplement-dialog[data-v-1a91c9f8]  .el-dialog__footer { -ms-flex-negative: 0; flex-shrink: 0;
}
.after-sale-supplement-dialog[data-v-1a91c9f8]  .el-dialog__body { overflow-y: auto; min-height: 0; padding: 24px 28px;
}
.supplement-body > .el-alert[data-v-1a91c9f8], .supplement-history[data-v-1a91c9f8] { margin-bottom: 20px;
}
.supplement-section + .supplement-section[data-v-1a91c9f8] { border-top: 1px solid #ebeef5; margin-top: 24px; padding-top: 24px;
}
.section-title[data-v-1a91c9f8] { margin: 0 0 20px; font-size: 16px; line-height: 24px; color: #25334a; font-weight: 600;
}
.section-heading[data-v-1a91c9f8] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 16px;
}
.original-reason[data-v-1a91c9f8] { background: #f6f8fb; border-radius: 6px; padding: 12px 16px; margin-bottom: 20px;
}
.original-reason > span[data-v-1a91c9f8] { color: #768398; font-size: 12px;
}
.original-reason p[data-v-1a91c9f8] { margin: 6px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.6; color: #38465b;
}
.supplement-form[data-v-1a91c9f8]  .el-form-item { height: auto; min-width: 0; margin-bottom: 20px !important;
}
.supplement-form[data-v-1a91c9f8]  .el-form-item__label { float: none; height: auto; line-height: 22px; padding: 0 0 8px; color: #4b5568;
}
.supplement-form[data-v-1a91c9f8]  .el-form-item__content { line-height: 1.6;
}
.supplement-form[data-v-1a91c9f8]  .el-select { width: 100%;
}
.supplement-form[data-v-1a91c9f8]  .el-textarea__inner { padding: 10px 12px; line-height: 1.7; border-radius: 6px; resize: vertical;
}
.supplement-form[data-v-1a91c9f8]  .el-checkbox { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; max-width: 100%; white-space: normal;
}
.supplement-form[data-v-1a91c9f8]  .el-checkbox__label { white-space: normal; line-height: 1.6;
}
.supplement-grid[data-v-1a91c9f8] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px;
}
.refund-limit[data-v-1a91c9f8] { padding: 12px 16px; margin-bottom: 20px; background: #f5f8fd; border: 1px solid #e4ebf5; border-radius: 6px;
}
.refund-limit-heading[data-v-1a91c9f8] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px 16px; color: #35455f;
}
.refund-limit-heading strong[data-v-1a91c9f8] { color: #2475d0; font-size: 22px; overflow-wrap: anywhere;
}
.refund-limit-heading small[data-v-1a91c9f8] { font-size: 12px; font-weight: 400;
}
.refund-limit-inline[data-v-1a91c9f8] { margin-bottom: 16px !important;
}
.refund-limit-inline strong[data-v-1a91c9f8] { color: #2475d0;
}
.refund-preview[data-v-1a91c9f8] { padding: 18px 20px; background: #f5f8fd; border: 1px solid #e4ebf5; border-radius: 8px;
}
.preview-heading[data-v-1a91c9f8] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 16px; margin-bottom: 16px;
}
.preview-heading h4[data-v-1a91c9f8] { font-size: 14px; margin: 0; color: #35455f;
}
.refund-metrics[data-v-1a91c9f8] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 16px;
}
.refund-metrics > div[data-v-1a91c9f8] { min-width: 0;
}
.refund-metrics span[data-v-1a91c9f8] { display: block; font-size: 12px; color: #768398; line-height: 20px;
}
.refund-metrics strong[data-v-1a91c9f8] { display: block; margin: 8px 0 4px; font-size: 20px; line-height: 28px; font-weight: 600; color: #35455f; overflow-wrap: anywhere;
}
.refund-metrics small[data-v-1a91c9f8] { font-size: 12px; font-weight: 400;
}
.refund-metrics .final-refund strong[data-v-1a91c9f8] { color: #2475d0;
}
.section-hint[data-v-1a91c9f8] { margin: 0; font-size: 12px; color: #768398; line-height: 1.7; overflow-wrap: anywhere;
}
.freight-hint[data-v-1a91c9f8] { margin: -10px 0 20px;
}
.exchange-items[data-v-1a91c9f8] { display: grid; gap: 12px; margin-bottom: 24px;
}
.exchange-item[data-v-1a91c9f8] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; padding: 16px; border: 1px solid #e6eaf0; border-radius: 8px; background: #fafbfd;
}
.exchange-image[data-v-1a91c9f8] { width: 64px; height: 64px; -ms-flex-negative: 0; flex-shrink: 0; border: 1px solid #edf0f5; border-radius: 6px; background: white;
}
.exchange-image-placeholder[data-v-1a91c9f8] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; color: #9ba9bc; font-size: 26px;
}
.exchange-item > .exchange-image-placeholder[data-v-1a91c9f8] { height: 64px;
}
.exchange-product[data-v-1a91c9f8] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0;
}
.exchange-product h4[data-v-1a91c9f8] { margin: 0 0 8px; color: #35455f; font-size: 14px; line-height: 1.6; overflow-wrap: anywhere;
}
.exchange-product p[data-v-1a91c9f8] { margin: 0; font-size: 12px; line-height: 1.7; color: #67758a; overflow-wrap: anywhere;
}
.exchange-product p span[data-v-1a91c9f8] { margin-right: 8px; color: #8a96a8;
}
.exchange-quantity[data-v-1a91c9f8] { -ms-flex-negative: 0; flex-shrink: 0; min-width: 56px; text-align: right;
}
.exchange-quantity span[data-v-1a91c9f8] { display: block; margin-bottom: 8px; color: #8a96a8; font-size: 12px;
}
.exchange-quantity strong[data-v-1a91c9f8] { display: inline-block; padding: 4px 10px; background: #eaf1fb; border-radius: 4px; font-size: 14px; color: #35455f;
}
.exchange-cost-lines[data-v-1a91c9f8] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 24px; margin-bottom: 20px;
}
.exchange-cost-lines > div[data-v-1a91c9f8] { min-width: 0;
}
.exchange-cost-lines span[data-v-1a91c9f8] { display: block; color: #768398; font-size: 12px; line-height: 1.7;
}
.exchange-cost-lines strong[data-v-1a91c9f8] { display: block; margin-top: 6px; color: #35455f; font-size: 18px; line-height: 1.6; overflow-wrap: anywhere;
}
.exchange-cost-preview small[data-v-1a91c9f8] { font-size: 12px; font-weight: 400;
}
.exchange-cost-lines span small[data-v-1a91c9f8] { display: block;
}
.exchange-cost-result[data-v-1a91c9f8] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 12px; border-top: 1px solid #dce5f2; padding: 18px 0 14px; color: #35455f;
}
.exchange-cost-result strong[data-v-1a91c9f8] { color: #2475d0; font-size: 26px; line-height: 1.5; overflow-wrap: anywhere;
}
@media (max-width: 600px) {
.after-sale-supplement-dialog[data-v-1a91c9f8]  .el-dialog__body { padding: 20px 16px;
}
.supplement-grid[data-v-1a91c9f8], .refund-metrics[data-v-1a91c9f8], .exchange-cost-lines[data-v-1a91c9f8] { grid-template-columns: minmax(0, 1fr);
}
.exchange-item[data-v-1a91c9f8] { gap: 12px; padding: 12px; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.exchange-image[data-v-1a91c9f8] { width: 48px; height: 48px;
}
.exchange-item > .exchange-image-placeholder[data-v-1a91c9f8] { height: 48px;
}
.exchange-quantity[data-v-1a91c9f8] { width: 100%; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px;
}
.exchange-quantity span[data-v-1a91c9f8] { margin-bottom: 0;
}
.after-sale-supplement-dialog[data-v-1a91c9f8]  .el-dialog__footer { padding: 12px;
}
}

@charset "UTF-8";
/* 高度由头部、可滚动正文和页脚共同分配，避免绝对定位页脚遮挡最后一行。 */
.after-sale-detail-dialog[data-v-4b7be152]  .el-dialog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 100vh;
}
.after-sale-detail-dialog[data-v-4b7be152]  .el-dialog .el-dialog__header {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.after-sale-detail-dialog[data-v-4b7be152]  .el-dialog .el-dialog__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  height: auto;
  max-height: none;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 24px;
}
.after-sale-detail-dialog[data-v-4b7be152]  .el-dialog .el-dialog__footer {
  position: static;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.form-border[data-v-4b7be152] {
  border-right: 1px solid #dcdfe5;
  border-bottom: 1px solid #dcdfe5;
  padding: 10px;
  line-height: 25px;
}
.form-container-border[data-v-4b7be152] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #dcdfe5;
  border-right: none;
  border-bottom: none;
}
.form-left-bg[data-v-4b7be152] {
  background: #f2f5fc;
  font-weight: 700;
}
.mb50[data-v-4b7be152] {
  margin-bottom: 50px;
}
.return-amount[data-v-27fbd628] {
  margin: 0 0 20px 150px;
}
.return-amount .amount-sty[data-v-27fbd628] {
  margin-top: 20px;
}
.return-amount .amount-sty[data-v-27fbd628] .el-table__row .el-table__cell .cell {
  padding: 24px 12px !important;
}
.return-amount .amount-item.el-form-item[data-v-27fbd628] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.return-amount .custom-dialog .el-dialog__body .el-form-item.amount-item[data-v-27fbd628] {
  margin-bottom: 0 !important;
}
.return-amount[data-v-27fbd628] .amount-item .el-form-item__content {
  margin-left: 0 !important;
}
[data-v-7e44e87b].text-expand .warning-row {
  background: #fbfbfb !important;
}
[data-v-833d82ce].amount-sty .el-table__row .el-table__cell .cell {
  padding: 24px 12px !important;
}
.amount-item.el-form-item[data-v-833d82ce] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.custom-dialog .el-dialog__body .el-form-item.amount-item[data-v-833d82ce] {
  margin-bottom: 0 !important;
}
[data-v-833d82ce].amount-item .el-form-item__content {
  margin-left: 0 !important;
}
.wrap-product-detail-1 .el-form-item__content[data-v-50579577] {
  height: 40px !important;
  line-height: 40px !important;
}
.wrap-product-detail-1 .el-form-item__content > div[data-v-50579577] {
  display: block !important;
}
.wrap-product-detail-1 .width-input[data-v-50579577] {
  width: 90%;
}
.el-dialog-form .step-price .el-form-item .el-form-item__content .el-input[data-v-50579577] {
  width: 100px !important;
}
[data-v-5289c432].text-expand .warning-row {
  background: #fbfbfb !important;
}
.cus-form .el-form--inline .el-form-item[data-v-67a1a264] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.cus-form .el-form-item .el-form-item__content[data-v-67a1a264] {
  width: 100%;
}
.wrap-prodoct-describe .width-input[data-v-3d9730ad] {
  width: 90%;
}

.sd[data-v-55f8076a] {
  overflow: auto;
  display: block;
}


.product-mt-20[data-v-224aba8b] {
  margin-top: 20px;
}
.opSetting[data-v-224aba8b] {
  text-align: center;
  margin-top: 230px;
}
.spacing[data-v-224aba8b] {
  margin-top: 10px;
}
.grid-content[data-v-224aba8b] {
  margin-top: 20px;
}
.mtb-10[data-v-224aba8b] {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.del-bottom.el-table[data-v-224aba8b]::before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
}

.grid-content[data-v-f5afff98] {
  margin-top: 20px;
}
.filter-tree[data-v-f5afff98] {
  overflow: auto;
  height: 600px;
}
.bg-purple[data-v-f5afff98] {
  height: 120px;
}
.mtb-10[data-v-f5afff98] {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
[data-v-45e632a4].text-expand .warning-row {
  background: #fbfbfb !important;
}
.cli-img[data-v-6dcc795f] {
  cursor: pointer;
  vertical-align: middle;
  width: 16px;
  display: none;
}
.clipboard-sty .clipboard-orderId:hover .img-orderId[data-v-6dcc795f] {
  display: inline-block;
}
.clipboard-sty .clipboard-reviewId:hover .img-reviewId[data-v-6dcc795f] {
  display: inline-block;
}
.clipboard-userProfileUrl a[data-v-6dcc795f] {
  display: inline-block;
}
.clipboard-userProfileUrl:hover .img-userProfileUrl[data-v-6dcc795f] {
  vertical-align: top;
  display: inline-block;
}
.email-register-table[data-v-6dcc795f]  .el-step__title {
  font-size: 14px !important;
}
.email-register-table[data-v-6dcc795f]  .el-table__cell {
  padding: 2px !important;
}
.email-register-table[data-v-6dcc795f]  .el-table__cell .cell {
  padding: 2px !important;
}
.cli-img[data-v-ab697f58] {
  cursor: pointer;
  vertical-align: middle;
  width: 16px;
  display: none;
}
.clipboard-sty .clipboard-orderId:hover .img-orderId[data-v-ab697f58] {
  display: inline-block;
}

.simple-clearance-dialog[data-v-71206758]  .el-dialog__body {
  max-height: calc(90vh - 120px);
  overflow-y: auto;
  padding-bottom: 10px;
}
/* 本表单含字段解释和多行备注，局部解除固定行高，避免说明文字与下一行/底部按钮重叠。 */
.simple-clearance-dialog .simple-form .el-form-item[data-v-71206758] { height: auto;
}
.simple-form[data-v-71206758] { margin-top: 20px;
}
.field-help[data-v-71206758] { color: #606266; font-size: 12px; line-height: 20px; margin-top: 4px;
}
.el-select[data-v-71206758], .el-date-editor[data-v-71206758] { width: 100%;
}

.upload-box[data-v-2d48340d] {
  width: 80%;
  margin: 80px auto 100px auto;
}
.upload-box .upload-container[data-v-2d48340d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
}
.upload-box .upload-container .upload-left[data-v-2d48340d] {
  padding: 30px;
}
.upload-box .upload-container .upload-right[data-v-2d48340d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  width: 100%;
  padding: 0 0 30px 30px;
}
.upload-box .upload-container .upload-right .upload-desc[data-v-2d48340d] {
  color: #333;
  font-size: 14px;
}
.upload-box .upload-container .upload-right .template-link a[data-v-2d48340d] {
  color: #409eff;
  text-decoration: none;
  font-size: 14px;
}
.progress-container[data-v-2d48340d] {
  text-align: center;
  margin-bottom: 100px;
}
.progress-percentage[data-v-2d48340d] {
  font-size: 24px;
  color: #999;
  margin-bottom: 20px;
  font-weight: 300;
}
.progress-bar[data-v-2d48340d] {
  width: 80%;
  height: 16px;
  border: 1px solid #409eff;
  background-color: #ebf5ff;
  border-radius: 4px;
  overflow: hidden;
  margin: 0 auto 20px;
}
.progress-fill[data-v-2d48340d] {
  height: 100%;
  background: #409eff;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.progress-text[data-v-2d48340d] {
  color: #666;
  font-size: 14px;
}
.result-container[data-v-2d48340d] {
  width: 80%;
  margin: 20px auto;
}
.result-container .result-summary[data-v-2d48340d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  margin-bottom: 20px;
}
.result-container .result-summary .summary-icon[data-v-2d48340d] {
  margin-right: 20px;
  padding: 30px 20px;
  border-right: 1px solid #e4e7ed;
  background-color: whitesmoke;
}
.result-container .result-summary .summary-icon .svg-icon[data-v-2d48340d] {
  font-size: 60px;
}
.result-container .result-summary .summary-content[data-v-2d48340d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.result-container .result-summary .summary-content .summary-item[data-v-2d48340d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 14px;
}
.result-container .result-summary .summary-content .summary-item[data-v-2d48340d]:last-child {
  margin-bottom: 0;
}
.result-container .result-summary .summary-content .summary-item .label[data-v-2d48340d] {
  margin-right: 10px;
  font-size: 14px;
  color: #333;
}
.result-container .result-summary .summary-content .summary-item .value[data-v-2d48340d] {
  font-size: 14px;
  font-weight: 500;
}
.result-container .result-summary .summary-content .summary-item.normal .value[data-v-2d48340d] {
  color: #67c23a;
}
.result-container .result-summary .summary-content .summary-item.abnormal .value[data-v-2d48340d] {
  color: #f56c6c;
}
.result-container .abnormal-list[data-v-2d48340d] {
  background: #fff;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  margin-bottom: 100px;
}
.result-container .abnormal-list .abnormal-title[data-v-2d48340d] {
  padding: 15px 20px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  border-bottom: 1px solid #e4e7ed;
}
.result-container .abnormal-list .abnormal-items[data-v-2d48340d] {
  padding: 10px 20px;
}
.result-container .abnormal-list .abnormal-items .abnormal-item[data-v-2d48340d] {
  padding: 8px 0;
  font-size: 14px;
  color: #666;
  line-height: 1.5;
  border-bottom: 1px solid #f5f5f5;
}
.result-container .abnormal-list .abnormal-items .abnormal-item[data-v-2d48340d]:last-child {
  border-bottom: none;
}
.footer-btn[data-v-2d48340d]  a {
  color: #fff;
}
.platform-radio[data-v-01fee4cf] {
  margin-bottom: 20px;
}
.platform-radio[data-v-01fee4cf]  .el-radio-button__inner {
  display: inline-block;
  width: 150px;
  padding: 12px 40px;
}
.el-date-editor--daterange.el-input__inner[data-v-01fee4cf] {
  width: 300px !important;
}
.shopify-goods-container .red-text-btn.remove-history-btn[data-v-01fee4cf] {
  color: #f56c6c !important;
}
.syn-content[data-v-68e3aa82] {
  padding-top: 20px;
  text-align: center;
  height: calc(100vh - 210px) !important;
  overflow-y: auto;
}
.syn-content[data-v-68e3aa82]::-webkit-scrollbar {
  width: 6px;
}
.syn-content[data-v-68e3aa82]::-webkit-scrollbar-thumb {
  background: #dddee0;
  border-radius: 10px;
}
.syn-content[data-v-68e3aa82]::-webkit-scrollbar-thumb:hover {
  background: #c7c9cc;
}
.form-item[data-v-68e3aa82] {
  border: 1px solid #ccc;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  text-align: left;
}
.form-item[data-v-68e3aa82]  .el-form-item__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.query-form-sty[data-v-68e3aa82] {
  margin: auto;
}
@media screen and (max-width: 6000px) {
.query-form-sty[data-v-68e3aa82] {
    width: 50%;
}
}
@media screen and (max-width: 1920px) {
.query-form-sty[data-v-68e3aa82] {
    width: 80%;
}
}
.query-form-sty .header[data-v-68e3aa82] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
}
.query-form-sty .header .svg-icon[data-v-68e3aa82] {
  width: 35px;
  height: 35px;
}
.query-form-sty .main-header[data-v-68e3aa82] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.query-form-sty .info p[data-v-68e3aa82]:nth-child(1) {
  font-weight: bold;
  color: #333;
}
.query-form-sty .info p[data-v-68e3aa82]:nth-child(2) {
  margin: 10px 0 20px 0;
  font-size: 14px;
  color: #333;
}
.query-form-sty .form-title[data-v-68e3aa82] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.operate[data-v-68e3aa82] {
  margin: auto;
  text-align: right;
}
.drawer[data-v-68e3aa82] {
  text-align: left;
}
.edit-log[data-v-68e3aa82] {
  padding: 0 20px 20px 20px;
}
.edit-log .log-item[data-v-68e3aa82] {
  margin-left: 10px;
}
.edit-log .log-item p[data-v-68e3aa82]:nth-child(2) {
  color: #7f7f7f;
}
.edit-log .log-item + .log-item[data-v-68e3aa82] {
  margin-top: 10px;
}
.sort-table[data-v-68e3aa82] {
  margin: auto;
}
@media screen and (max-width: 6000px) {
.sort-table[data-v-68e3aa82] {
    width: 50%;
}
}
@media screen and (max-width: 1920px) {
.sort-table[data-v-68e3aa82] {
    width: 80%;
}
}
.input-width[data-v-d2d92b5e] {
  width: 100%;
}
.list-container[data-v-d2d92b5e] {
  margin-top: 12px;
  min-height: 50px;
}
.system-field-tip[data-v-d2d92b5e],
.transfer-tip[data-v-d2d92b5e] {
  font-size: 12px;
  color: #999;
}
.transfer-tip[data-v-d2d92b5e] {
  padding: 10px 0;
}
.edit-field[data-v-d2d92b5e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.edit-field .el-icon-edit[data-v-d2d92b5e] {
  margin-left: 5px;
  color: #409eff;
}
.el-select[data-v-42485808],
.el-date-editor[data-v-42485808] {
  width: 100%;
}
.el-rate[data-v-d93d3434] {
  line-height: 2;
}
.el-cascader[data-v-d93d3434] {
  width: 100%;
}
.el-cascader .el-input[data-v-d93d3434] {
  width: 100%;
}
.el-select[data-v-d93d3434],
.el-date-editor[data-v-d93d3434] {
  width: 100%;
}



























































































































/* .select-width {
  width: 100%;
}

.el-form-item {
  display: inline-block;
  width: 46%;
  margin-right: 2%;
}

::v-deep.el-form-item .el-form-item__label {
  padding: 0;
  font-weight: 400;
}

.add-task-title {
  margin: 12px 0;
  font-weight: 700;
} */

.task-edit[data-v-28eddf1d] {
  display: none;
}
.el-table__body tr:hover .task-edit[data-v-28eddf1d] {
  display: inline;
}
.border-select[data-v-28eddf1d]  .el-input__inner {
  border: 2px solid #ef721b;
}
.user-tag[data-v-039e728a] {
  margin-bottom: 20px;
  border: 1px solid #dcdfe6;
  width: 100%;
  height: 300px;
  overflow-y: auto;
  padding: 10px;
}
.edit-remark[data-v-6a084979] {
  cursor: pointer;
}
.edit-remark .remark-icon[data-v-6a084979] {
  margin-right: 5px;
  font-size: 14px;
  color: #409eff;
}
.edit-show[data-v-6a084979] {
  display: none;
}
.add-icon[data-v-6a084979] {
  font-size: 14px;
  cursor: pointer;
}
.el-table__body tr:hover .edit-show[data-v-6a084979] {
  display: inline;
}
.jump-details[data-v-6a084979] {
  cursor: pointer;
  color: #409eff;
}
.send-test[data-v-78577c95]  .el-dialog {
  margin-top: calc(50vh - 100px) !important;
  position: absolute;
}
@media screen and (max-width: 10000px) {
.send-test[data-v-78577c95]  .el-dialog {
    left: 32%;
}
}
@media screen and (max-width: 1920px) {
.send-test[data-v-78577c95]  .el-dialog {
    left: 29%;
}
}
.send-test[data-v-78577c95]  .el-dialog .el-dialog__body {
  height: 80px;
  padding-bottom: 80px;
}
.set-test[data-v-78577c95]  .el-dialog {
  margin-top: calc(50vh - 200px) !important;
  position: absolute;
  left: 24%;
}
.grapes-wrap[data-v-6ecb13ba] {
  height: calc(100vh - 120px);
}
.grapes-wrap .grapes-form[data-v-6ecb13ba] {
  line-height: 60px;
  background-color: #463a3c;
}
.grapes-wrap .grapes-form .form[data-v-6ecb13ba] {
  width: 85%;
  text-align: center;
  margin-top: 10px;
  display: inline-block;
  z-index: 999;
}
.grapes-wrap .grapes-form .el-form-item[data-v-6ecb13ba] {
  vertical-align: top;
  display: inline-block;
  margin: 0 !important;
}
#gjs[data-v-6ecb13ba] {
  border: 3px solid #444;
  height: 100% !important;
}
.gjs-block[data-v-6ecb13ba] {
  min-height: auto;
}
.gjs-cv-canvas[data-v-6ecb13ba] {
  top: 0;
}
.save-bottom[data-v-6ecb13ba] {
  background-color: #463a3c;
  height: 50px;
  line-height: 50px;
  z-index: 999;
}
.save-bottom .grapes-bottom[data-v-6ecb13ba] {
  position: absolute;
  left: 40%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.save-bottom .grapes-bottom .send-grapes[data-v-6ecb13ba] {
  background-color: #cd588e !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.save-bottom .grapes-bottom .send-grapes[data-v-6ecb13ba]:hover {
  background-color: #f290be !important;
}
.save-bottom .grapes-bottom .send-grapes[data-v-6ecb13ba]:focus {
  background-color: #d478a3 !important;
}
.save-bottom .grapes-bottom .save-grapes[data-v-6ecb13ba] {
  background-color: #d97aa6 !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.save-bottom .grapes-bottom .save-grapes[data-v-6ecb13ba]:hover {
  background-color: #f290be !important;
}
.save-bottom .grapes-bottom .save-grapes[data-v-6ecb13ba]:focus {
  background-color: #d478a3 !important;
}
.save-bottom .close-grapes[data-v-6ecb13ba] {
  background-color: #54494b !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.save-bottom .close-grapes[data-v-6ecb13ba]:hover {
  background-color: #706466 !important;
}
.save-bottom .close-grapes[data-v-6ecb13ba]:focus {
  background-color: #362c2e !important;
}
.wrap-prodoct-describe .width-input[data-v-0b550047] {
  width: 90%;
}
.translate-title[data-v-0b550047] {
  text-align: center;
  margin-bottom: 20px;
  font-size: 16px;
}
.translate-search[data-v-0b550047] {
  margin-bottom: 20px;
}
.translate-search .input-width[data-v-0b550047] {
  width: 250px;
  display: inline-block;
}
.translate-search .search-btn[data-v-0b550047] {
  margin-left: 10px;
}
.grapes-dialog[data-v-0b550047]  .el-dialog__header {
  display: none !important;
}
.grapes-dialog[data-v-0b550047]  .el-dialog__body {
  padding: 0 !important;
}
@charset "UTF-8";
/*定义整个滚动条高宽及背景：高宽分别对应横竖滚动条的尺寸*/
[data-v-6a0c3710]::-webkit-scrollbar {
  width: 8px;
  background-color: #f5f5f5;
}
/*定义滚动条轨道：内阴影+圆角*/
[data-v-6a0c3710]::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
/*定义滑块：内阴影+圆角*/
[data-v-6a0c3710]::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: rgba(178, 179, 182, 0.3);
}
[data-v-6a0c3710]::-webkit-scrollbar-thumb:hover {
  background-color: rgba(144, 147, 153, 0.3);
}
.grapes-dialog[data-v-6a0c3710]  .el-dialog__header {
  display: none !important;
}
.grapes-dialog[data-v-6a0c3710]  .el-dialog__body {
  padding: 0 !important;
}
.no-tab-tree {
  margin: 10px 20px;
}
.no-tab-tree .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.no-tab-tree .content .app-transverse {
  padding: 20px 12px;
  background: white;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  height: calc(100vh - 120px) !important;
}
.no-tab-tree .content .content-left {
  width: 16%;
  margin-right: 20px;
}
.no-tab-tree .content .content-left .content-p {
  margin-bottom: 6px;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
}
.no-tab-tree .content .content-left .el-icon-search {
  line-height: 32px;
}
.no-tab-tree .content .content-left .custom-tree-node {
  width: calc(100% - 24px);
}
.no-tab-tree .content .content-left .custom-tree-node .evey-node {
  position: relative;
  line-height: 46px;
  height: 46px;
  width: 100%;
  font-size: 14px;
  color: #686b7a;
}
.no-tab-tree .content .content-left .custom-tree-node .evey-node .icon-sty {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  color: #686b7a;
}
.no-tab-tree .content .content-left .custom-tree-node .evey-node .el-icon-edit {
  line-height: 46px;
}
.no-tab-tree .content .content-left .left-tree.el-tree {
  margin-top: 16px;
  max-height: calc(100vh - 200px);
  overflow: auto;
}
.no-tab-tree .content .content-left .left-tree.el-tree::-webkit-scrollbar {
  width: 0px;
}
.no-tab-tree .content .content-left .left-tree.el-tree .el-tree-node__children {
  max-height: calc(100vh - 400px);
  overflow: auto;
}
.no-tab-tree .content .content-left .left-tree.el-tree .el-tree-node__children .el-tree-node__content {
  height: 46px !important;
}
.no-tab-tree .content .content-left .left-tree.el-tree .el-tree-node__content {
  height: 46px;
}
.no-tab-tree .content .content-left .handle-icon {
  display: none;
}
.no-tab-tree .content .content-left .el-tree-node__content:hover .handle-icon {
  display: inline-block;
  padding-left: 2px;
  padding-right: 7px;
  border-left: 1px solid #e9e9e9;
  background-color: #f5f7fa;
}
.no-tab-tree .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #edf3ff;
}
.no-tab-tree .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .handle-icon {
  background-color: #edf3ff;
}
.no-tab-tree .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node {
  height: 46px;
  width: 100%;
  color: #4379ee;
}
.no-tab-tree .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node {
  line-height: 46px;
  color: #4379ee;
}
.no-tab-tree .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .icon-sty {
  color: #4379ee;
}
.no-tab-tree .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .el-icon-edit {
  line-height: 46px;
  display: inline-block;
}
.no-tab-tree .content .content-left .project-sty.el-form .el-form-item {
  display: block !important;
}
.no-tab-tree .content .content-left .project-sty.el-form .el-form-item .el-form-item__content {
  width: 80%;
}
.no-tab-tree .content .content-left .el-card.is-always-shadow {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
.no-tab-tree .content .content-left .el-popup-parent--hidden .el-dropdown-menu .el-tree.dialog-tree .el-icon-check {
  display: none;
}
.no-tab-tree .content .content-left .el-popup-parent--hidden .el-dropdown-menu .el-tree.dialog-tree .el-tree-node__content:hover .el-icon-check {
  display: inline-block;
}
.no-tab-tree .content .content-right {
  width: 84%;
}
.temp-wrap {
  height: calc(100vh - 240px) !important;
  max-height: calc(100vh - 240px) !important;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-bottom: 1px solid #dcdfe6;
  border-top: 1px solid #dcdfe6;
  padding: 10px 8px 0 8px;
}
.temp-wrap .temp-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 320px;
  height: 430px;
  border-radius: 12px;
  border: 1px solid #dcdfe6;
  margin-bottom: 20px;
  margin-right: 10px;
  padding: 10px 10px 0 10px;
}
.temp-wrap .temp-item .temp-title {
  display: inline-block;
  line-height: 40px;
  font-size: 16px;
  font-weight: bold;
  border-top: 1px solid #dcdfe6;
  height: 40px;
  width: 100%;
  color: #333;
}
.temp-wrap .temp-item .temp-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  width: 100%;
  overflow: auto;
}
.body[data-v-4106d4fe] {
  width: 80%;
  margin: 0 auto;
}
.body .receive[data-v-4106d4fe] {
  margin-bottom: 30px;
}
.body .receive .sent-count[data-v-4106d4fe] {
  color: #909399;
  font-size: 14px;
}
.body .receive .receive-select[data-v-4106d4fe] {
  margin-bottom: 40px;
}
.body .receive .mt20[data-v-4106d4fe] {
  margin-top: 20px;
}
.body .receive .group-user-count[data-v-4106d4fe] {
  color: #8492a6;
  font-size: 13px;
}
.body .active[data-v-4106d4fe] {
  margin-bottom: 30px;
}
.body .active .active-header[data-v-4106d4fe] {
  height: 32px;
  line-height: 32px;
}
.body .active .active-body[data-v-4106d4fe] {
  padding-bottom: 20px;
}
.body .active .active-body .active-item[data-v-4106d4fe] {
  padding: 20px 20px;
  border: 1px solid #ebeef5;
  margin-bottom: 10px;
}
.body .active .active-body .active-item .active-item-top[data-v-4106d4fe] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.body .active .active-body .active-item .active-form .el-input[data-v-4106d4fe],
.body .active .active-body .active-item .active-form .el-select[data-v-4106d4fe],
.body .active .active-body .active-item .active-form .el-textarea[data-v-4106d4fe] {
  width: 90%;
}
.body .active .active-body .active-item .expand-icon[data-v-4106d4fe] {
  width: 30px;
  margin: -4px 20px 0 0;
}
.body .active .active-body .active-item .expand-icon .expand[data-v-4106d4fe] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.body .active .active-body .active-item .active-detail[data-v-4106d4fe] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.body .active .active-body .active-item .active-detail p[data-v-4106d4fe] {
  margin-bottom: 10px;
  font-size: 18px;
  color: #303133;
}
.body .active .active-body .active-item .svg-icon[data-v-4106d4fe] {
  cursor: pointer;
  font-size: 24px;
}
.body .active .active-body .active-item .handle-icon[data-v-4106d4fe] {
  width: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.body .active .active-body .active-item .handle-icon .copy[data-v-4106d4fe] {
  font-size: 28px;
}
.body .active .active-body .active-item .email-template[data-v-4106d4fe] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 320px;
  height: 430px;
  border-radius: 12px;
  padding: 10px;
  border: 1px solid #e4e4e4;
  cursor: pointer;
}
.body .active .active-body .active-item .email-template .select-template[data-v-4106d4fe] {
  font-size: 20px;
}
.body .send .send-wrap[data-v-4106d4fe] {
  padding: 50px 30px;
}
.body .send .send-wrap .data-label[data-v-4106d4fe] {
  font-size: 18px;
  font-weight: 700;
}
.body .send .send-wrap .flex[data-v-4106d4fe] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.body .send .send-wrap .mb60[data-v-4106d4fe] {
  margin-bottom: 60px;
}
.body .send .send-wrap .mb38[data-v-4106d4fe] {
  margin-bottom: 38px;
}
.body .send .send-wrap .mb20[data-v-4106d4fe] {
  margin-bottom: 20px;
}
.body .send .send-wrap .switch-label[data-v-4106d4fe] {
  margin-right: 10px;
}
.body .send .send-wrap .el-input[data-v-4106d4fe] {
  max-width: 400px;
}
.body .send .send-wrap .date[data-v-4106d4fe] {
  margin: 60px 0 20px 0;
}
.body .send .send-wrap .fz14[data-v-4106d4fe] {
  font-size: 14px;
}
.body .form-label[data-v-4106d4fe] {
  margin-bottom: 10px;
}
.body[data-v-4106d4fe]  .el-card__header {
  border-bottom: none;
}
.body[data-v-99867354] {
  width: 80%;
  margin: 0 auto;
}
.body .real-time .label[data-v-99867354] {
  margin-bottom: 20px;
}
.body .real-time .label p[data-v-99867354] {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  color: #333;
  margin-right: 20px;
}
.body .real-time .label span[data-v-99867354] {
  font-size: 14px;
  color: #666;
}
.body .real-time .form-wrap .el-form-item[data-v-99867354] {
  display: inline-block;
}
.body .real-time .form-wrap .el-form-item[data-v-99867354]  .el-form-item__label {
  font-size: 16px !important;
  padding: 0;
}
.body .real-time .card[data-v-99867354] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.body .real-time .card .el-card[data-v-99867354] {
  width: 242px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 10px;
  margin: 0 14px 20px 0;
}
.body .real-time .card .el-card[data-v-99867354]:nth-last-child(1) {
  margin-right: 0;
}
.body .real-time .card .el-card[data-v-99867354]  .el-card__body {
  padding: 30px 20px;
}
.body .real-time .card .el-card span[data-v-99867354] {
  font-size: 14px;
}
.body .real-time .card .el-card h3[data-v-99867354] {
  font-size: 28px;
  margin: 16px 0;
}
.body .real-time .card .el-card .last[data-v-99867354] {
  margin-right: 10px;
}
@media screen and (width: 1920px) {
.body .real-time .card .el-card[data-v-99867354] {
    width: 242px;
}
.body .real-time .card .el-card[data-v-99867354]:nth-child(6) {
    margin-right: 0;
}
}
.body .real-time .echarts[data-v-99867354] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.body .real-time .echarts .el-card[data-v-99867354] {
  margin-bottom: 20px;
}
.body .real-time .echarts .el-card .title[data-v-99867354] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.body .real-time .echarts .el-card .title span[data-v-99867354] {
  width: 6px;
  height: 20px;
  background-color: #4c91fa;
  margin-right: 10px;
}
.body .real-time .echarts .el-card .title h3[data-v-99867354] {
  margin: 0;
}
.body .real-time .echarts .chart-common[data-v-99867354] {
  width: 100%;
  height: 400px;
}
.activity-wrap[data-v-1a0334d0] {
  padding-bottom: 110px;
  margin: 0 auto;
}
.activity-wrap .title[data-v-1a0334d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #fff;
  padding: 40px;
}
.activity-wrap .title .pre-left[data-v-1a0334d0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  line-height: 20px;
}
.activity-wrap .title .pre-left .pre-span[data-v-1a0334d0] {
  display: inline-block;
  width: 4px;
  height: 20px;
  background-color: #2d8cf0;
  margin-right: 10px;
}
.activity-wrap .title .pre-left .pre-title[data-v-1a0334d0] {
  font-size: 18px;
  font-weight: 700;
  margin-right: 10px;
  color: #303133;
}
.activity-wrap[data-v-1a0334d0]  .el-tabs__header {
  background-color: #fff;
  border-bottom: 1px solid #ebeef5;
  padding: 0 40px;
}
.activity-wrap .activity-manager[data-v-1a0334d0] {
  margin-top: 20px;
}
.activity-wrap .footer[data-v-1a0334d0] {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 80px;
  text-align: center;
  line-height: 80px;
  background-color: #fff;
  border-top: 1px solid #c0c0c0;
}
.question__item {
  border: 1px solid #ddd;
  border-radius: 4px;
}
.question__item + .question__item {
  margin-top: 20px;
}
.question__item--header {
  padding: 10px 20px;
  border-bottom: 1px solid #ddd;
}
.question__item--header_title {
  font-size: 12px;
  font-weight: bold;
}
.question__item--header_info {
  color: #999;
  font-size: 12px;
}
.question__item--header_id {
  display: inline-block;
  padding: 0 20px;
}
.question__item--header_status {
  display: inline-block;
  position: relative;
  padding: 0 5px;
}
.question__item--header_status.process:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -8px;
  width: 8px;
  height: 8px;
  background-color: green;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.question__item--header_status.unpublished:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -8px;
  width: 8px;
  height: 8px;
  background-color: gray;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.question__item--header_status.expired:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -8px;
  width: 8px;
  height: 8px;
  background-color: red;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.question__item--header_status.stopped:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -8px;
  width: 8px;
  height: 8px;
  background-color: yellow;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.question__item--header_count {
  display: inline-block;
  padding: 0 5px;
}
.question__item--header_count .blue {
  color: #409eff;
}
.question__item--header_date {
  display: inline-block;
}
.question__item--header_date span {
  padding: 0 5px;
}
.question__item--main {
  padding: 10px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
}
.question__item--main_desc {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #666;
  line-height: 1.5;
}
.question__item--main_btn {
  width: 100px;
  height: 30px;
  line-height: 30px;
  padding-left: 30px;
  border-right: 1px solid #ddd;
  cursor: pointer;
}
.question__item--main_analysis {
  width: 300px;
}
.question__item--main_analysis span {
  padding: 0 12px;
  cursor: pointer;
}
.question-list__left {
  width: 18%;
  margin-right: 20px;
  padding: 20px 12px;
  background: white;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  height: calc(100vh - 120px) !important;
}
.question-list__left--title {
  padding: 0 10px 20px;
}
.question-list__left .custom-tree-node {
  width: 100%;
}
.question-list__left .custom-tree-node .evey-node {
  position: relative;
  line-height: 46px;
  height: 46px;
  width: 100%;
  font-size: 14px;
  color: #686b7a;
}
.question-list__left .custom-tree-node .evey-node .icon-sty {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  color: #686b7a;
}
.question-list__left .custom-tree-node .evey-node .el-icon-edit {
  line-height: 46px;
}
.question-list__left .left-tree.el-tree {
  margin-top: 16px;
  max-height: calc(100vh - 230px);
  overflow: auto;
}
.question-list__left .left-tree.el-tree::-webkit-scrollbar {
  width: 0px;
}
.question-list__left .left-tree.el-tree .el-tree-node__children {
  max-height: calc(100vh - 400px);
  overflow: auto;
}
.question-list__left .left-tree.el-tree .el-tree-node__children .el-tree-node__content {
  height: 46px !important;
}
.question-list__left .left-tree.el-tree .el-tree-node__content {
  height: 46px;
}
.question-list__left .handle-icon {
  display: none;
}
.question-list__left .el-tree-node__content:hover .handle-icon {
  display: inline-block;
  padding-left: 2px;
  padding-right: 7px;
  border-left: 1px solid #e9e9e9;
  background-color: #f5f7fa;
}
.question-list__left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #edf3ff;
}
.question-list__left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .handle-icon {
  background-color: #edf3ff;
}
.question-list__left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node {
  height: 46px;
  width: 100%;
  color: #4379ee;
}
.question-list__left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node {
  line-height: 46px;
  color: #4379ee;
}
.question-list__left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .icon-sty {
  color: #4379ee;
}
.question-list__left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .el-icon-edit {
  line-height: 46px;
  display: inline-block;
}
.question-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 10px 20px;
}
.question-list__left {
  width: 18%;
  margin-right: 20px;
  padding: 20px 12px;
  background: white;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  height: calc(100vh - 125px) !important;
}
.question-list__left--title {
  padding: 0 10px 20px;
}
.question-list__left .custom-tree-node {
  width: 100%;
}
.question-list__left .custom-tree-node .evey-node {
  position: relative;
  line-height: 46px;
  height: 46px;
  width: 100%;
  font-size: 14px;
  color: #686b7a;
}
.question-list__left .custom-tree-node .evey-node .icon-sty {
  width: 0px;
  height: 0px;
  margin-right: 10px;
  color: #686b7a;
}
.question-list__left .custom-tree-node .evey-node .el-icon-edit {
  line-height: 46px;
}
.question-list__left .left-tree.el-tree {
  margin-top: 16px;
  max-height: calc(100vh - 230px);
  overflow: auto;
}
.question-list__left .left-tree.el-tree::-webkit-scrollbar {
  width: 0px;
}
.question-list__left .left-tree.el-tree .el-tree-node__children {
  max-height: calc(100vh - 400px);
  overflow: auto;
}
.question-list__left .left-tree.el-tree .el-tree-node__children .el-tree-node__content {
  height: 46px !important;
}
.question-list__left .left-tree.el-tree .el-tree-node__content {
  height: 46px;
}
.question-list__left .handle-icon {
  display: none;
}
.question-list__left .el-tree-node__content:hover .handle-icon {
  display: inline-block;
  padding-left: 2px;
  padding-right: 7px;
  border-left: 1px solid #e9e9e9;
  background-color: #f5f7fa;
}
.question-list__left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #edf3ff;
}
.question-list__left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .handle-icon {
  background-color: #edf3ff;
}
.question-list__left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node {
  height: 46px;
  width: 100%;
  color: #4379ee;
}
.question-list__left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node {
  line-height: 46px;
  color: #4379ee;
}
.question-list__left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .icon-sty {
  color: #4379ee;
}
.question-list__left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .el-icon-edit {
  line-height: 46px;
  display: inline-block;
}
.question-list__right {
  width: 82%;
  padding: 20px 12px 70px;
  overflow: hidden;
  background: white;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  height: calc(100vh - 125px) !important;
}
.question-list__wrapper {
  margin-top: 10px;
  min-height: 100vh;
  overflow-y: auto;
}
.question-list__wrapper .el-loading-spinner {
  top: 20%;
}
.question-list__wrapper .el-scrollbar {
  height: calc(100vh - 300px);
}
.question-list__wrapper .scrollbar-wrapper {
  overflow-x: hidden;
  padding-bottom: 20px;
}
.question-list .el-input__icon {
  line-height: 32px;
}
.question__analysis {
  min-height: 100vh;
  padding: 5px 15px 10px;
}
.question__analysis--title .name {
  font-weight: normal;
  font-size: 12px;
}
.question__analysis--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}
.question__analysis--table .el-progress-bar {
  width: 90%;
}
.question__analysis--table .el-progress__text {
  margin-left: 20px;
}
.question__analysis--block {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #f5f6fa;
  border-radius: 5px;
  padding: 15px 20px;
}
.question__analysis--block + .question__analysis--block {
  margin-left: 15px;
}
.question__analysis--block .title {
  font-size: 14px;
  color: #666;
}
.question__analysis--block .number {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  padding: 10px 0;
}
.question__analysis--block .desc {
  font-size: 14px;
  color: #999;
}
.question__analysis--qrcode .qrcode {
  display: inline-block;
  width: 120px;
  height: 120px;
  margin-right: 20px;
  border: 1px solid #ddd;
  border-radius: 5px;
  vertical-align: middle;
}
.question__analysis--qrcode .link-wrapper {
  display: inline-block;
  vertical-align: top;
}
.question__analysis--qrcode .link-wrapper .link-input {
  width: 500px;
  display: inline-block;
}
.question__analysis--qrcode .link-wrapper .link-input .el-input-group__append {
  background-color: #fff;
}
.question__analysis--qrcode .link-wrapper .el-input.is-disabled .el-input__inner {
  cursor: text;
}
.question__analysis--qrcode .download-wrapper {
  margin-top: 15px;
}
.link-container[data-v-22a6e188] {
  width: 100%;
}
.link-container i[data-v-22a6e188] {
  cursor: pointer;
  color: #409eff;
}
.utm-hint[data-v-22a6e188] {
  font-size: 12px;
  color: #909399;
  margin-top: 5px;
  line-height: 1.5;
}
.custom-tag[data-v-22a6e188] {
  border: none;
  color: #333;
  font-weight: 500;
}

.select-width[data-v-5d5a379c] {
  width: 100%;
}


.select-width[data-v-225da1fc] {
  width: 100%;
}
.tip[data-v-225da1fc] {
  font-size: 12px;
  color: #f56c6c;
}

.select-width[data-v-9e4f17f2] {
  width: 100%;
}
.merge-header[data-v-9e4f17f2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 12px 0 20px 0;
}
.merge-task-name[data-v-9e4f17f2] {
  margin-top: 24px;
}
[data-v-9e4f17f2] .el-radio__label {
  display: none !important;
}
.app-public-topic[data-v-f226b3b6] {
  margin: 10px 20px;
}
.app-public-topic .content[data-v-f226b3b6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.app-public-topic .content .app-transverse[data-v-f226b3b6] {
  padding: 20px 12px;
  background: #fff !important;
  border-radius: 12px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 1px solid #dfe6ec;
  height: calc(100vh - 140px) !important;
}
.app-public-topic .content .content-left[data-v-f226b3b6] {
  width: 16%;
  margin-right: 20px;
}
.app-public-topic .content .content-left .content-p[data-v-f226b3b6] {
  margin-bottom: 6px;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
}
.app-public-topic .content .content-left .el-icon-search[data-v-f226b3b6] {
  line-height: 32px;
}
.app-public-topic .content .content-left .custom-tree-node[data-v-f226b3b6] {
  width: 100%;
}
.app-public-topic .content .content-left .custom-tree-node .evey-node[data-v-f226b3b6] {
  position: relative;
  line-height: 46px;
  height: 46px;
  width: 100%;
  font-size: 14px;
  color: #686b7a;
}
.app-public-topic .content .content-left .custom-tree-node .evey-node .icon-sty[data-v-f226b3b6] {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  color: #686b7a;
}
.app-public-topic .content .content-left .custom-tree-node .evey-node .el-icon-edit[data-v-f226b3b6] {
  line-height: 46px;
}
.app-public-topic .content .content-left .left-tree.el-tree[data-v-f226b3b6] {
  margin-top: 16px;
  max-height: calc(100vh - 200px);
  overflow: auto;
}
.app-public-topic .content .content-left .left-tree.el-tree[data-v-f226b3b6]::-webkit-scrollbar {
  width: 0px;
}
.app-public-topic .content .content-left .left-tree.el-tree .el-tree-node__children[data-v-f226b3b6] {
  max-height: calc(100vh - 400px);
  overflow: auto;
}
.app-public-topic .content .content-left .left-tree.el-tree .el-tree-node__children .el-tree-node__content[data-v-f226b3b6] {
  height: 46px !important;
}
.app-public-topic .content .content-left .left-tree.el-tree[data-v-f226b3b6]  .el-tree-node__content {
  height: 46px;
}
.app-public-topic .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content[data-v-f226b3b6] {
  background-color: #edf3ff;
}
.app-public-topic .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node[data-v-f226b3b6] {
  height: 46px;
  width: 100%;
  color: #4379ee;
}
.app-public-topic .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node[data-v-f226b3b6] {
  line-height: 46px;
  color: #4379ee;
}
.app-public-topic .content .content-right[data-v-f226b3b6] {
  overflow: auto;
  width: 84%;
}
.app-public-topic .content .content-right[data-v-f226b3b6]  .query-select-table .el-table__body-wrapper {
  height: calc(100vh - 310px) !important;
  overflow-y: auto;
}
.app-public-topic .content .content-right .display-sty[data-v-f226b3b6]  .el-radio__label,
.app-public-topic .content .content-right .display-sty .el-checkbox__label[data-v-f226b3b6] {
  display: none;
}
.associate-more[data-v-7eb3aaa4] {
  position: relative;
  padding: 20px;
  border: 1px solid #e2e6e9;
  border-radius: 14px;
  margin-bottom: 20px;
  width: 96%;
}
.associate-more .del-icon-wrap[data-v-7eb3aaa4] {
  position: absolute;
  right: -30px;
  top: 50%;
  cursor: pointer;
  color: #409eff;
}
.associate-more .more-topics-sty[data-v-7eb3aaa4] {
  position: relative;
  border: 1px solid #e2e6e9;
  padding: 20px 20px 0 20px;
  border-radius: 14px;
  margin-top: 10px;
  width: 96%;
  display: inline-block;
}
.associate-more .more-topics-sty .del-icon[data-v-7eb3aaa4] {
  position: absolute;
  right: -30px;
  top: 50%;
  cursor: pointer;
  color: #409eff;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-cc6975bc]:export {
  theme: #409eff;
}
.mail-item-container[data-v-cc6975bc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 30px;
}
@media screen and (max-width: 2560px) {
.mail-item-container .mail-item[data-v-cc6975bc] {
    max-width: 81%;
}
}
@media screen and (max-width: 1920px) {
.mail-item-container .mail-item[data-v-cc6975bc] {
    max-width: 86%;
}
}
.mail-item-container .mail-item .mail-summarize[data-v-cc6975bc] {
  background-color: #e4ebf9;
  font-size: 14px;
  line-height: 26px;
}
.mail-item-container .mail-item .mail-summarize .mail-summarize-icon[data-v-cc6975bc] {
  text-align: center;
  cursor: pointer;
  margin-bottom: 6px;
}
.mail-item-container .mail-item .mail-summarize .mail-summarize-icon[data-v-cc6975bc]:hover {
  background-color: #d7dff0;
  color: #3e64ff;
}
.mail-item-container .mail-item .mail-summarize .mail-summarize-icon-active[data-v-cc6975bc] {
  border-bottom: 1px solid #e8ecff;
}
.mail-item-container .mail-item .mail-summarize .mail-summarize-content[data-v-cc6975bc] {
  padding: 0 12px 10px;
}
.mail-item-container .mail-item .mail-date[data-v-cc6975bc] {
  font-size: 14px;
  margin-bottom: 6px;
  color: #6c7ac0;
}
.mail-item-container .mail-item .mail-item-wrap[data-v-cc6975bc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.mail-item-container .mail-item .mail-item-wrap .left-side[data-v-cc6975bc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.mail-item-container .mail-item .mail-item-wrap .left-aiSelect[data-v-cc6975bc] {
  width: 60px;
}
.mail-item-container .mail-item .mail-item-wrap .left-aiSelect[data-v-cc6975bc]  .el-checkbox__inner {
  border-color: #3e64ff;
}
.mail-item-container .mail-item .mail-item-wrap .left-aiSelect[data-v-cc6975bc]  .is-checked .el-checkbox__inner {
  background-color: #3e64ff;
}
.mail-item-container .mail-item .mail-item-wrap .left-aiSelect[data-v-cc6975bc]  .el-checkbox__label {
  color: #3e64ff;
}
.mail-item-container .mail-item .mail-item-wrap > div[data-v-cc6975bc]:not(.left-aiSelect):not(.left-timely) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.mail-item-container .mail-item .mail-item-wrap .left-timely[data-v-cc6975bc] {
  font-size: 12px;
  width: 84px;
  color: #666;
}
.mail-item-container .mail-item .mail-item-wrap .left-timely .mail-item-revoke[data-v-cc6975bc] {
  color: #409eff;
  margin-left: 6px;
  cursor: pointer;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap[data-v-cc6975bc] {
  border-radius: 20px 20px 20px 0;
  background-color: #fff;
  -webkit-box-shadow: 1px 3px 4px 1px rgba(0, 0, 0, 0.02);
          box-shadow: 1px 3px 4px 1px rgba(0, 0, 0, 0.02);
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content[data-v-cc6975bc] {
  overflow: auto;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
  padding: 10px;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content[data-v-cc6975bc]  p {
  font-size: 16px;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content[data-v-cc6975bc]  table {
  width: 100% !important;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content[data-v-cc6975bc]  .el-table__body {
  width: auto !important;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content[data-v-cc6975bc]  .el-table__header {
  width: auto !important;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content[data-v-cc6975bc]  pre {
  white-space: pre-wrap !important;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content[data-v-cc6975bc]  span {
  white-space: pre-wrap !important;
  display: inline !important;
  overflow-wrap: break-word;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content[data-v-cc6975bc]  img {
  max-width: 100%;
  height: auto;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content[data-v-cc6975bc]  ol {
  padding-left: 40px;
  margin: 0;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content[data-v-cc6975bc]  ol li {
  list-style-type: unset;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content[data-v-cc6975bc]  ul {
  padding-left: 40px;
  margin: 0;
  list-style-type: unset;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content[data-v-cc6975bc]  ul li {
  list-style-type: unset;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content[data-v-cc6975bc]  a {
  color: #409eff;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content[data-v-cc6975bc]  .gmail-Bk {
  width: auto !important;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content[data-v-cc6975bc]  .gmail-Bk .gmail-gs {
  width: auto !important;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content[data-v-cc6975bc]  .gmail-Bk .gmail-gs .gmail-gK {
  width: auto !important;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content[data-v-cc6975bc]  .gmail-Bk .gmail-gs .gmail-gK .gmail-ix {
  width: auto !important;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content[data-v-cc6975bc]  .gmail-Bk .gmail-adz {
  width: auto !important;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content[data-v-cc6975bc]  .gmail-gs {
  width: auto !important;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content[data-v-cc6975bc]  .gmail-gs .gmail-gE .gmail-cf {
  width: 100% !important;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content[data-v-cc6975bc]  .gmail-gs .gmail-gE .gmail-cf .gmail-acZ .gmail-gF {
  width: 50% !important;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content[data-v-cc6975bc]  .gmail-gE .gmail-acZ .gmail-gF.gmail-gK {
  width: 50% !important;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content[data-v-cc6975bc]  .gmail-gE .gmail-xD .gmail-cf {
  width: 100% !important;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content[data-v-cc6975bc]  .gmail-cf,
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content .gmail-An[data-v-cc6975bc] {
  width: auto !important;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content[data-v-cc6975bc]  .gmail-cf .gmail-Ap,
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content .gmail-An .gmail-Ap[data-v-cc6975bc] {
  width: auto !important;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content[data-v-cc6975bc]  .gmail-cf .gmail-Ap .gmail-Am,
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content[data-v-cc6975bc]  .gmail-cf .gmail-Ap .gmail-Al,
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content .gmail-An .gmail-Ap .gmail-Am[data-v-cc6975bc],
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content .gmail-An .gmail-Ap .gmail-Al[data-v-cc6975bc] {
  width: auto !important;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content .mail-item-content-fold[data-v-cc6975bc] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content .mail-subject[data-v-cc6975bc] {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 14px;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content .mail-quote[data-v-cc6975bc] {
  padding: 16px 0;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content .mail-quote .mail-quote-click[data-v-cc6975bc] {
  display: inline-block;
  margin-bottom: 10px;
  cursor: pointer;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-content[data-v-cc6975bc]  .__aliyun_email_body_block {
  max-width: 700px;
  overflow-x: auto;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-more[data-v-cc6975bc] {
  height: 34px;
  width: 100%;
  line-height: 34px;
  text-align: center;
  border-radius: 0 0 20px 0;
  border-top: 1px solid #e7e7e7;
  background-color: #fff;
  cursor: pointer;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-more i[data-v-cc6975bc] {
  font-weight: 700;
}
.mail-item-container .mail-item .mail-item-wrap .mail-item-content-wrap .mail-item-more[data-v-cc6975bc]:hover {
  background-color: #ededed;
}
.mail-item-container .mail-item .selected-content[data-v-cc6975bc] {
  border: 1px solid #3e64ff;
}
.mail-item-container .mail-item .mail-ai-summarize-card[data-v-cc6975bc] {
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 6px 10px;
  background-color: #f0f5ff;
  border-left: 2px solid #6c7ac0;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 6px;
}
.mail-item-container .mail-item .mail-ai-summarize-card .ai-icon[data-v-cc6975bc] {
  font-size: 13px;
  color: #6c7ac0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 1px;
}
.mail-item-container .mail-item .mail-ai-summarize-card .ai-summary-text[data-v-cc6975bc] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  line-height: 1.5;
  color: #595959;
}
.mail-item-container .mail-item .mail-ai-summarize-card.align-with-content[data-v-cc6975bc] {
  margin-left: 60px;
}
.mail-item-container .mail-item .mail-ai-summarize-card.align-with-content-timely[data-v-cc6975bc] {
  margin-left: 144px;
}
.mail-item-container .mail-item .mail-item-appendix[data-v-cc6975bc] {
  margin-top: 6px;
}
.mail-item-container .mail-item .mail-item-appendix a[data-v-cc6975bc] {
  color: #1890ff;
}
.mail-item-container .mail-item .mail-item-appendix .hide-img-div[data-v-cc6975bc]  .el-image__inner {
  display: none;
}
.mail-item-container .mail-item .mail-item-appendix.align-with-content[data-v-cc6975bc] {
  margin-left: 60px;
}
.mail-item-container .mail-item .mail-item-appendix.align-with-content-timely[data-v-cc6975bc] {
  margin-left: 144px;
}
.mail-item-container .mail-item .mail-item-appendix .mail-item-remarks[data-v-cc6975bc] {
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
  margin-right: 12px;
  font-size: 12px;
  color: #6c7ac0;
  cursor: pointer;
}
.mail-item-container .mail-item .mail-item-appendix .mail-item-remarks .mail-item-remarks-span[data-v-cc6975bc] {
  display: inline-block;
}
.mail-item-container .mail-item .mail-item-appendix .mail-item-remarks .mail-item-remarks-span[data-v-cc6975bc]:hover {
  color: #3e64ff;
  scale: 1.05;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.mail-item-container .mail-item .mail-item-appendix .mail-item-remarks .mail-reMark-switch[data-v-cc6975bc]  .el-switch__core {
  width: 32px !important;
  background-color: #d6d4e4;
  border-color: #d6d4e4;
}
.mail-item-container .mail-item .mail-item-appendix .mail-item-remarks[data-v-cc6975bc]  .mail-reMark-switch.is-checked .el-switch__core {
  background-color: #6c7ac0;
  border-color: #6c7ac0;
}
.mail-item-container .mail-item .mail-item-appendix .timely-reply-box[data-v-cc6975bc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  margin-top: 4px;
  color: #fff;
}
.mail-item-container .mail-item .mail-item-appendix .timely-reply-box .timely-reply-content[data-v-cc6975bc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  background-color: #3e64ff;
  padding: 0 16px;
  border-radius: 4px;
}
.mail-item-container .mail-item .mail-item-appendix .timely-reply-box .cancel-clock[data-v-cc6975bc] {
  color: #3e64ff;
  font-size: 18px;
  margin-left: 6px;
  line-height: 32px;
  cursor: pointer;
}
.mail-item-container .mail-item .mail-item-appendix .timely-reply-box .cancel-clock[data-v-cc6975bc]:hover {
  color: #3154e1;
}
.mail-item-container .mail-item .mail-item-appendix .timely-reply-banner[data-v-cc6975bc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 10px;
  margin-bottom: 6px;
  background-color: #fffbf0;
  border-left: 2px solid #faad14;
  border-radius: 3px;
}
.mail-item-container .mail-item .mail-item-appendix .timely-reply-banner .timely-reply-content[data-v-cc6975bc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mail-item-container .mail-item .mail-item-appendix .timely-reply-banner .timely-reply-content .clock-icon[data-v-cc6975bc] {
  font-size: 13px;
  color: #faad14;
}
.mail-item-container .mail-item .mail-item-appendix .timely-reply-banner .timely-reply-content .timely-text[data-v-cc6975bc] {
  font-size: 12px;
  color: #595959;
  line-height: 1.4;
}
.mail-item-container .mail-item .mail-item-appendix .timely-reply-banner .timely-reply-content .timely-text strong[data-v-cc6975bc] {
  font-weight: 500;
  color: #262626;
}
.mail-item-container .mail-item .mail-item-appendix .timely-reply-banner .timely-reply-content .timely-text .beijing-time[data-v-cc6975bc] {
  color: #8c8c8c;
  font-size: 11px;
}
.mail-item-container .mail-item .mail-item-appendix .timely-reply-banner .cancel-btn[data-v-cc6975bc] {
  color: #faad14;
  font-size: 12px;
  padding: 1px 6px;
}
.mail-item-container .mail-item .mail-item-appendix .timely-reply-banner .cancel-btn[data-v-cc6975bc]:hover {
  color: #d48806;
}
.mail-item-container .mail-item .mail-item-appendix .mail-attachments-section[data-v-cc6975bc] {
  margin-bottom: 6px;
}
.mail-item-container .mail-item .mail-item-appendix .mail-attachments-section .attachments-summary[data-v-cc6975bc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 5px 8px;
  background-color: #fafafa;
  border-radius: 4px;
  font-size: 12px;
  color: #595959;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mail-item-container .mail-item .mail-item-appendix .mail-attachments-section .attachments-summary .attach-icon[data-v-cc6975bc] {
  font-size: 12px;
  color: #8c8c8c;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.mail-item-container .mail-item .mail-item-appendix .mail-attachments-section .attachments-summary .attach-count[data-v-cc6975bc] {
  font-weight: 500;
  color: #262626;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.mail-item-container .mail-item .mail-item-appendix .mail-attachments-section .attachments-summary .attach-divider[data-v-cc6975bc] {
  color: #d9d9d9;
  margin: 0 2px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.mail-item-container .mail-item .mail-item-appendix .mail-attachments-section .attachments-summary .attach-names-inline[data-v-cc6975bc] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-width: 0;
}
.mail-item-container .mail-item .mail-item-appendix .mail-attachments-section .attachments-summary .attach-names-inline .attach-name-item[data-v-cc6975bc] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.mail-item-container .mail-item .mail-item-appendix .mail-attachments-section .attachments-summary .attach-names-inline .attach-name-item .file-link[data-v-cc6975bc] {
  color: #6c7ac0;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  display: inline-block;
}
.mail-item-container .mail-item .mail-item-appendix .mail-attachments-section .attachments-summary .attach-names-inline .attach-name-item .file-link[data-v-cc6975bc]:hover {
  color: #764ba2;
  text-decoration: underline;
}
.mail-item-container .mail-item .mail-item-appendix .mail-attachments-section .attachments-summary .attach-names-inline .attach-name-item .file-link.is-loading[data-v-cc6975bc] {
  cursor: progress;
  opacity: 0.75;
}
.mail-item-container .mail-item .mail-item-appendix .mail-attachments-section .attachments-summary .attach-names-inline .attach-name-item .attach-download-wrapper[data-v-cc6975bc] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.mail-item-container .mail-item .mail-item-appendix .mail-attachments-section .attachments-summary .attach-names-inline .attach-name-item .attach-download-icon[data-v-cc6975bc] {
  font-size: 12px;
  color: #8c8c8c;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.mail-item-container .mail-item .mail-item-appendix .mail-attachments-section .attachments-summary .attach-names-inline .attach-name-item .attach-download-icon[data-v-cc6975bc]:hover {
  color: #6c7ac0;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.mail-item-container .mail-item .mail-item-appendix .mail-attachments-section .attachments-summary .attach-names-inline .attach-name-item .attach-loading-icon[data-v-cc6975bc] {
  font-size: 12px;
  color: #6c7ac0;
  -webkit-animation: rotate-data-v-cc6975bc 1s linear infinite;
          animation: rotate-data-v-cc6975bc 1s linear infinite;
}
@-webkit-keyframes rotate-data-v-cc6975bc {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes rotate-data-v-cc6975bc {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.mail-item-container .mail-item .mail-item-appendix .mail-attachments-section .attachments-summary .attach-names-inline .attach-name-item .attach-separator[data-v-cc6975bc] {
  color: #d9d9d9;
  margin: 0 4px;
}
.mail-item-container .mail-item .mail-item-appendix .mail-attachments-section .attachments-summary .batch-download-link[data-v-cc6975bc] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  color: #6c7ac0;
  cursor: pointer;
  font-size: 12px;
  margin-left: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-left: 8px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.mail-item-container .mail-item .mail-item-appendix .mail-attachments-section .attachments-summary .batch-download-link[data-v-cc6975bc]:hover {
  color: #764ba2;
  text-decoration: underline;
}
.mail-item-container .mail-item .mail-item-appendix .mail-attachments-section .attachments-summary .batch-download-link.is-loading[data-v-cc6975bc] {
  cursor: not-allowed;
  opacity: 0.8;
}
.mail-item-container .mail-item .mail-item-appendix .mail-attachments-section .attachments-summary .batch-download-link.is-loading[data-v-cc6975bc]:hover {
  text-decoration: none;
}
.mail-item-container .mail-item .mail-item-appendix .mail-attachments-section .attachments-summary .batch-download-link .batch-loading-icon[data-v-cc6975bc] {
  font-size: 12px;
  -webkit-animation: rotate-data-v-cc6975bc 1s linear infinite;
          animation: rotate-data-v-cc6975bc 1s linear infinite;
}
.mail-item-container .mail-item .mail-item-appendix[data-v-cc6975bc]  .el-dropdown-menu {
  padding: 2px 0;
}
.mail-item-container .mail-item .mail-item-appendix[data-v-cc6975bc]  .el-dropdown-menu .el-dropdown-menu__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 12px;
}
.mail-item-container .mail-item .mail-item-appendix[data-v-cc6975bc]  .el-dropdown-menu .el-dropdown-menu__item .svg-icon {
  font-size: 13px;
  color: #8c8c8c;
}
.mail-item-container .mail-item .mail-item-appendix[data-v-cc6975bc]  .el-dropdown-menu .el-dropdown-menu__item:hover {
  background-color: #f0f2ff;
  color: #6c7ac0;
}
.mail-item-container .mail-item .mail-item-appendix[data-v-cc6975bc]  .el-dropdown-menu .el-dropdown-menu__item:hover .svg-icon {
  color: #6c7ac0;
}
.mail-item-container .mail-item .mail-item-appendix .mail-actions-bar[data-v-cc6975bc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 0 0;
  margin-top: 6px;
}
.mail-item-container .mail-item .mail-item-appendix .mail-actions-bar .primary-actions[data-v-cc6975bc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  cursor: pointer;
}
.mail-item-container .mail-item .mail-item-appendix .mail-actions-bar .primary-actions .action-btn[data-v-cc6975bc] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  padding: 4px 8px;
  font-size: 12px;
  color: #6c7ac0;
  border-radius: 4px;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.mail-item-container .mail-item .mail-item-appendix .mail-actions-bar .primary-actions .action-btn .svg-icon[data-v-cc6975bc] {
  font-size: 13px;
}
.mail-item-container .mail-item .mail-item-appendix .mail-actions-bar .primary-actions .action-btn .action-text[data-v-cc6975bc] {
  font-size: 12px;
}
.mail-item-container .mail-item .mail-item-appendix .mail-actions-bar .primary-actions .action-btn[data-v-cc6975bc]:hover {
  color: #3e64ff;
  scale: 1.05;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.mail-item-container .mail-item .mail-item-appendix .mail-actions-bar .primary-actions .action-btn.more-action[data-v-cc6975bc] {
  padding: 4px 6px !important;
}
.mail-item-container .mail-item .mail-item-appendix .mail-actions-bar .primary-actions .action-btn.more-action[data-v-cc6975bc]:hover {
  color: #3e64ff;
  scale: 1.05;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  background-color: #e7e9f7;
  border-radius: 8px;
}
.mail-item-container .mail-item .mail-item-appendix .mail-actions-bar .primary-actions .action-btn.more-action i[data-v-cc6975bc] {
  font-size: 14px;
}
.mail-item-container .mail-item .mail-item-appendix .mail-actions-bar .send-status-wrapper .send-status-badge[data-v-cc6975bc] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  padding: 3px 10px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 400;
}
.mail-item-container .mail-item .mail-item-appendix .mail-actions-bar .send-status-wrapper .send-status-badge i[data-v-cc6975bc] {
  font-size: 12px;
}
.mail-item-container .mail-item .mail-item-appendix .mail-actions-bar .send-status-wrapper .send-status-badge.status-sending[data-v-cc6975bc] {
  background-color: #e6f7ff;
  color: #1890ff;
}
.mail-item-container .mail-item .mail-item-appendix .mail-actions-bar .send-status-wrapper .send-status-badge.status-success[data-v-cc6975bc] {
  background-color: #f0f9ff;
  color: #13ce66;
}
.mail-item-container .mail-item .mail-item-appendix .mail-actions-bar .send-status-wrapper .send-status-badge.status-fail[data-v-cc6975bc] {
  background-color: #fff2f0;
  color: #ff4949;
}
.mail-item-container .mail-item .mail-item-appendix .mail-actions-bar .quality-check-status[data-v-cc6975bc] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  border: none;
  cursor: pointer;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}
.mail-item-container .mail-item .mail-item-appendix .mail-actions-bar .quality-check-status[data-v-cc6975bc]:hover {
  opacity: 0.8;
}
.mail-item-container .mail-item .mail-item-appendix .mail-actions-bar .quality-check-status .qi-badge-ref[data-v-cc6975bc] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 2px 8px;
}
.mail-item-container .mail-item .mail-item-appendix .mail-actions-bar .quality-check-status .qi-badge-ref i[data-v-cc6975bc] {
  font-size: 12px;
}
.mail-item-container .mail-item .mail-item-appendix .mail-actions-bar .quality-check-status.status-default[data-v-cc6975bc] {
  background-color: #f5f5f5;
  color: #8c8c8c;
  border-color: #d9d9d9;
}
.mail-item-container .mail-item .mail-item-appendix .mail-actions-bar .quality-check-status.status-fail[data-v-cc6975bc] {
  background-color: #fff2f0;
  color: #ff4d4f;
  border-color: #ffccc7;
}
.mail-item-container .mail-item .mail-item-appendix .mail-actions-bar .quality-check-status.status-warning[data-v-cc6975bc] {
  background-color: #fff7e6;
  color: #fa8c16;
  border-color: #ffd591;
}
.mail-item-container .mail-item .mail-item-appendix .mail-actions-bar .quality-check-status.status-pass[data-v-cc6975bc] {
  background-color: #f6ffed;
  color: #52c41a;
  border-color: #b7eb8f;
}
.mail-item-container .mail-item .mail-item-appendix .mail-actions-bar .qi-section[data-v-cc6975bc] {
  margin-bottom: 14px;
}
.mail-item-container .mail-item .mail-item-appendix .mail-actions-bar .qi-section .qi-section-title[data-v-cc6975bc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
}
.mail-item-container .mail-item .mail-item-appendix .mail-actions-bar .qi-section .qi-section-title.plain[data-v-cc6975bc] {
  font-weight: 600;
  color: #333;
}
.mail-item-container .mail-item .mail-item-appendix .mail-actions-bar .qi-section .qi-section-title .qi-section-subtitle[data-v-cc6975bc] {
  font-size: 12px;
  font-weight: 400;
  color: #999;
}
.mail-item-container .mail-item .mail-item-appendix .mail-actions-bar .qi-section .qi-section-title .qi-regenerate-btn[data-v-cc6975bc] {
  margin-left: auto;
  font-size: 12px;
}
.mail-item-container .mail-item .mail-item-appendix .mail-attach[data-v-cc6975bc] {
  font-size: 12px;
  margin-top: 12px;
}
.mail-item-container .mail-item .mail-item-appendix .mail-attach .mail-attach-item[data-v-cc6975bc] {
  margin-top: 6px;
}
.mail-item-container .mail-item .mail-item-appendix .mail-attach .mail-attach-item .download-btn[data-v-cc6975bc] {
  font-size: 12px;
  cursor: pointer;
  display: inline-block;
  margin-left: 6px;
}
.mail-item-container .mail-item .mail-item-appendix .mail-attach .mail-attach-item .download-btn[data-v-cc6975bc]:hover {
  color: #3e64ff;
}
.mail-item-container .mail-item .mail-item-appendix .mail-attach .mail-attach-item .file-span[data-v-cc6975bc] {
  cursor: pointer;
  color: #6c7ac0;
}
.mail-item-container .mail-item .mail-item-appendix .mail-attach .mail-attach-item .file-span[data-v-cc6975bc]:hover {
  color: #3e64ff;
}
.mail-item-container .mail-item .mail-item-appendix .mail-attach .mail-batch-download[data-v-cc6975bc] {
  cursor: pointer;
  display: inline-block;
  color: #6c7ac0;
  margin-top: 10px;
}
.mail-item-container .mail-item .mail-item-appendix .mail-attach .mail-batch-download[data-v-cc6975bc]:hover {
  color: #3e64ff;
}
.qi-detection-list[data-v-cc6975bc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.qi-detection-item .qi-detection-header[data-v-cc6975bc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 13px;
}
.qi-detection-item .qi-detection-header .qi-status-icon[data-v-cc6975bc] {
  font-size: 15px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.qi-detection-item .qi-detection-header .qi-status-icon.icon-fail[data-v-cc6975bc] {
  color: #f5222d;
}
.qi-detection-item .qi-detection-header .qi-status-icon.icon-pass[data-v-cc6975bc] {
  color: #52c41a;
}
.qi-detection-item .qi-detection-header .qi-item-name[data-v-cc6975bc] {
  color: #333;
}
.qi-detection-item .qi-detection-header .qi-item-result[data-v-cc6975bc] {
  font-weight: 600;
}
.qi-detection-item .qi-detection-header .qi-item-result.text-fail[data-v-cc6975bc] {
  color: #f5222d;
}
.qi-detection-item .qi-detection-header .qi-item-result.text-pass[data-v-cc6975bc] {
  color: #52c41a;
}
.qi-detection-item .qi-item-suggestion[data-v-cc6975bc] {
  margin-left: 22px;
  font-size: 12px;
  color: #666;
  margin-top: 2px;
  line-height: 1.5;
}
.mail-item-right[data-v-cc6975bc] {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.mail-item-right .mail-item-content-wrap[data-v-cc6975bc] {
  background-color: #e5e8f7 !important;
  border-radius: 20px 20px 0 20px !important;
  -webkit-box-shadow: -1px 3px 4px 1px rgba(0, 0, 0, 0.02) !important;
          box-shadow: -1px 3px 4px 1px rgba(0, 0, 0, 0.02) !important;
}
.mail-item-right .mail-item-content-wrap .mail-item-more[data-v-cc6975bc] {
  background-color: #e5e8f7 !important;
  border-top: 1px solid #ccd0e5 !important;
  border-radius: 0 0 0 20px !important;
}
.mail-item-right .mail-item-content-wrap .mail-item-more[data-v-cc6975bc]:hover {
  background-color: #d7dae9 !important;
}
.mail-ai-summarize[data-v-cc6975bc] {
  font-size: 12px;
  padding: 10px;
  background-color: #f7f9fa;
}
.align-with-content[data-v-cc6975bc] {
  margin-left: 68px;
}
.align-with-content-timely[data-v-cc6975bc] {
  margin-left: 92px;
}
.more-action-dropdown-menu li[data-v-cc6975bc]:hover {
  background-color: #e8ecff;
  color: #3e64ff;
}

.mail-item-container {
.mail-item-content {
img {
      max-width: 500px !important;
      height: auto !important;
}
}
}

/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-b85e85a6]:export {
  theme: #409eff;
}
.msg-mail-list[data-v-b85e85a6] {
  height: 100%;
  padding: 0 20px;
  overflow: auto;
}
.msg-mail-list[data-v-b85e85a6]::-webkit-scrollbar {
  width: 6px;
}
.msg-mail-list[data-v-b85e85a6]::-webkit-scrollbar-thumb {
  background: #dbdbdb;
  border-radius: 50px;
}
.msg-mail-list[data-v-b85e85a6]::-webkit-scrollbar-thumb:hover {
  background: #cdcdcd;
}
.msg-mail-list .fixed-left[data-v-b85e85a6] {
  left: 16px;
}
.msg-mail-list .fixed-left .time-red[data-v-b85e85a6] {
  color: #ff685d;
}
.msg-mail-list .fixed-left .time-hmOrange[data-v-b85e85a6] {
  color: #b8372e;
}
.msg-mail-list .fixed-left .time-none[data-v-b85e85a6] {
  color: #606266;
}
.msg-mail-list .fixed-bottom[data-v-b85e85a6] {
  position: absolute;
  bottom: 10px;
  height: 30px;
  line-height: 30px;
  background-color: #ffffff;
  padding: 0 18px;
  border: 1px solid #e7e7e8;
  font-size: 12px;
  font-weight: 700;
  color: #3e64ff;
  border-radius: 20px;
  cursor: pointer;
  -webkit-box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.06);
}
.msg-mail-list .fixed-bottom[data-v-b85e85a6]:hover {
  background-color: #f5f5f5;
}
.msg-mail-list .fixed-left-bottom[data-v-b85e85a6] {
  position: absolute;
  left: 16px;
  bottom: 10px;
  z-index: 1000;
}
.msg-mail-list .add-to-knowledge-btn .el-button[data-v-b85e85a6] {
  -webkit-box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.06);
  background-color: #ff8c40;
  border-color: #ff8c40;
  padding: 6px 12px !important;
}
.msg-mail-list .add-to-knowledge-btn .el-button[data-v-b85e85a6]:hover {
  background-color: #ed8138;
  border-color: #ed8138;
}
.msg-mail-list .fixed-right[data-v-b85e85a6] {
  right: 24px;
}
.msg-mail-list .loading-bottom[data-v-b85e85a6] {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.msg-mail-list .ql-syntax[data-v-b85e85a6] {
  white-space: pre-wrap;
}
.msg-mail-list .loading-wrapper[data-v-b85e85a6] {
  font-size: 14px;
  text-align: center;
  color: #6c7ac0;
}
.msg-mail-list blockquote[data-v-b85e85a6] {
  width: 100% !important;
}
[data-v-557a6a4b] .el-radio__label {
  display: none;
}
.template-dialog-footer[data-v-557a6a4b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 999;
  background-color: #fff;
}
.cus-dialog-full .el-dialog .el-dialog__body[data-v-557a6a4b] {
  height: calc(100% - 106px);
  max-height: calc(100vh - 106px);
}
.template-popover {
  overflow: auto !important;
  width: 600px;
}
.template-popover .ql-syntax {
  white-space: pre-wrap;
}
.msg-content .ql-syntax {
  white-space: pre-wrap;
}

.select-width[data-v-72f9b714] {
  width: 100%;
}


.select-width[data-v-6b0e3783] {
  width: 100%;
}

.el-select[data-v-d9eaa064],
.el-date-editor[data-v-d9eaa064] {
  width: 100%;
}
.upload-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.upload-box .preview-item-content {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin: 0 16px 0 12px;
}
.upload-box .preview-item-content .upload-progress {
  display: inline-block;
  min-width: 120px;
  vertical-align: middle;
}
.upload-box .preview-item-content .preview-name {
  max-width: 120px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.upload-box .preview-item-content > span {
  line-height: 12px;
}
.upload-box .preview-item-content i {
  cursor: pointer;
  margin-left: 4px;
  font-size: 14px;
  color: #909399;
}
.upload-box .preview-item-content i:hover {
  color: #f56c6c;
}

.transfer-picker[data-v-54b3adcf] { display: inline-block; margin-right: 12px;
}
.transfer-form[data-v-54b3adcf] { margin-top: 20px;
}
.transfer-hint[data-v-54b3adcf] { color: #606266; font-size: 12px; line-height: 20px;
}

/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-23b7a0fd]:export {
  theme: #409eff;
}
.msg-btns-wrap[data-v-23b7a0fd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 46px;
  padding: 0 16px;
  border-radius: 0 0 10px 10px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  border-top: 1px solid #ebeef5;
  font-size: 12px;
  background-color: #fff;
  -webkit-transition: -webkit-box-shadow 0.2s ease;
  transition: -webkit-box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}
.msg-btns-wrap[data-v-23b7a0fd]:hover {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.msg-btns-wrap .msg-btns-left[data-v-23b7a0fd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.msg-btns-wrap .msg-btn-item[data-v-23b7a0fd] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  padding: 6px 10px;
  color: #606266;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 400;
  line-height: 1;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.msg-btns-wrap .msg-btn-item .svg-icon[data-v-23b7a0fd] {
  font-size: 14px;
  color: #909399;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.msg-btns-wrap .msg-btn-item .select-button[data-v-23b7a0fd] {
  font-size: 12px;
  line-height: 1;
}
.msg-btns-wrap .msg-btn-item[data-v-23b7a0fd]:hover {
  color: #3e64ff;
  background-color: rgba(62, 100, 255, 0.08);
  border-color: rgba(62, 100, 255, 0.2);
}
.msg-btns-wrap .msg-btn-item:hover .svg-icon[data-v-23b7a0fd] {
  color: #3e64ff;
}
.msg-btns-wrap .msg-btn-item[data-v-23b7a0fd]:active {
  background-color: rgba(62, 100, 255, 0.12);
}
.msg-btns-wrap .msg-btns-right[data-v-23b7a0fd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.msg-btns-wrap .msg-btns-right button[data-v-23b7a0fd] {
  padding: 6px 14px !important;
  font-size: 12px;
  font-weight: 400;
  height: 30px;
  line-height: 1;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.msg-btns-wrap .msg-btns-right[data-v-23b7a0fd]  .el-button-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.msg-btns-wrap .msg-btns-right[data-v-23b7a0fd]  .el-button-group .el-button {
  margin: 0 !important;
  border: none;
}
.msg-btns-wrap .msg-btns-right .reply-sty[data-v-23b7a0fd] {
  min-width: 68px;
  background-color: #3e64ff;
  border: none;
  border-radius: 4px 0 0 4px;
  color: #fff;
}
.msg-btns-wrap .msg-btns-right .reply-sty[data-v-23b7a0fd]:hover {
  background-color: #3154e1;
}
.msg-btns-wrap .msg-btns-right .reply-sty[data-v-23b7a0fd]:active {
  opacity: 0.9;
}
.msg-btns-wrap .msg-btns-right .reply-sty[data-v-23b7a0fd]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.msg-btns-wrap .msg-btns-right .switch-btn[data-v-23b7a0fd] {
  min-width: 32px !important;
  padding: 6px 10px !important;
  background-color: #3e64ff;
  border: none;
  border-left: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 0 4px 4px 0;
  color: #fff;
  position: relative;
}
.msg-btns-wrap .msg-btns-right .switch-btn i[data-v-23b7a0fd] {
  font-size: 14px;
  margin: 0;
}
.msg-btns-wrap .msg-btns-right .switch-btn[data-v-23b7a0fd]:hover {
  background-color: #3154e1;
}
.msg-btns-wrap .msg-btns-right .switch-btn[data-v-23b7a0fd]:active {
  opacity: 0.9;
}
.msg-btns-wrap .msg-btns-right .switch-btn[data-v-23b7a0fd]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  border-left: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.msg-btns-wrap .msg-btns-right .el-loading-spinner .circular[data-v-23b7a0fd] {
  width: 18px;
  height: 18px;
  margin-top: 8px;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-3587e091]:export {
  theme: #409eff;
}
.msg-tag[data-v-3587e091] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 10px;
  border-bottom: 1px solid #e5e5e5;
}
.msg-tag .el-tag[data-v-3587e091] {
  margin: 0 8px 10px 0;
}
.msg-tag .el-button[data-v-3587e091] {
  color: #0099ff;
  padding: 6px 10px !important;
  margin-bottom: 10px;
  border: none;
  background: rgba(62, 100, 255, 0.2);
}
.msg-tag .el-button[data-v-3587e091]:hover {
  background: rgba(62, 100, 255, 0.3);
}
.msg-tag .el-button[data-v-3587e091]:active {
  background: rgba(62, 100, 255, 0.3);
}
@charset "UTF-8";
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-53ae7f6c]:export {
  theme: #409eff;
}
.msg-wrap[data-v-53ae7f6c] {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-right: 16px;
  height: 100%;
  background-color: #f4f7fa;
  border-radius: 12px;
  /* 图标显示/隐藏动画 */
}
.msg-wrap .expand-icon[data-v-53ae7f6c] {
  position: absolute;
  top: 33%;
  width: 14px;
  height: 56px;
  z-index: 31;
  color: #839cff;
  cursor: pointer;
}
.msg-wrap .expand-icon[data-v-53ae7f6c]:hover {
  color: #3e64ff;
}
.msg-wrap .expand-icon-right[data-v-53ae7f6c] {
  right: 0px;
}
.msg-wrap .expand-icon-left[data-v-53ae7f6c] {
  left: -15px;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.msg-wrap .expand-fade-enter-active[data-v-53ae7f6c] {
  -webkit-animation: expandFadeIn-data-v-53ae7f6c 1s ease forwards;
          animation: expandFadeIn-data-v-53ae7f6c 1s ease forwards;
}
.msg-wrap .expand-fade-leave-active[data-v-53ae7f6c] {
  animation: expandFadeIn-data-v-53ae7f6c 0.3s ease reverse forwards;
}
@-webkit-keyframes expandFadeIn-data-v-53ae7f6c {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes expandFadeIn-data-v-53ae7f6c {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.msg-wrap .splitpanes-wrap[data-v-53ae7f6c] {
  overflow: auto;
}
.msg-wrap .mail-list-pane[data-v-53ae7f6c] {
  position: relative;
}
.msg-wrap .msg-pane[data-v-53ae7f6c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  min-height: 270px;
  -webkit-box-shadow: 0 -3px 16px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0 -3px 16px 0px rgba(0, 0, 0, 0.08);
  z-index: 10;
}
.msg-wrap .msg-pane .msg-pane-header[data-v-53ae7f6c] {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  font-size: 14px;
  background-color: #fff;
}
.msg-wrap .msg-pane .msg-pane-header .msg-pane-header-left[data-v-53ae7f6c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 70%;
}
.msg-wrap .msg-pane .msg-pane-header .msg-pane-header-left .edit-icon[data-v-53ae7f6c] {
  margin-left: 10px;
  font-size: 12px;
  color: #3e64ff;
}
.msg-wrap .msg-pane .msg-pane-header .msg-pane-header-left .edit-icon[data-v-53ae7f6c]:hover {
  color: #3154e1;
}
.msg-wrap .msg-pane .msg-pane-header .msg-pane-header-left .edit-icon[data-v-53ae7f6c]:active {
  color: #3154e1;
}
.msg-wrap .msg-pane .msg-pane-header .msg-pane-header-left[data-v-53ae7f6c]  .el-textarea__inner:focus {
  border-color: #3e64ff;
}
.msg-wrap .msg-pane .msg-pane-header .msg-pane-header-right[data-v-53ae7f6c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  cursor: pointer;
}
.msg-wrap .msg-pane .msg-pane-header .msg-pane-header-right svg[data-v-53ae7f6c] {
  font-size: 12px;
}
.msg-wrap .msg-pane .msg-pane-header .msg-pane-header-right .quality-check-wrap[data-v-53ae7f6c] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 8px;
  gap: 6px;
}
.msg-wrap .msg-pane .msg-pane-header .msg-pane-header-right .quality-check-wrap .quality-check-status[data-v-53ae7f6c] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  white-space: nowrap;
}
.msg-wrap .msg-pane .msg-pane-header .msg-pane-header-right .quality-check-wrap .quality-check-status.status-default[data-v-53ae7f6c] {
  background-color: #ebebeb;
  color: #606266;
  border: 1px solid #e9e9eb;
}
.msg-wrap .msg-pane .msg-pane-header .msg-pane-header-right .quality-check-wrap .quality-check-status.status-fail[data-v-53ae7f6c] {
  background-color: #fff1f0;
  color: #cf1322;
  border: 1px solid #ffa39e;
}
.msg-wrap .msg-pane .msg-pane-header .msg-pane-header-right .quality-check-wrap .quality-check-status.status-warning[data-v-53ae7f6c] {
  background-color: #fffbe6;
  color: #d46b08;
  border: 1px solid #ffe58f;
}
.msg-wrap .msg-pane .msg-pane-header .msg-pane-header-right .quality-check-wrap .quality-check-status.status-pass[data-v-53ae7f6c] {
  background-color: #f0f9eb;
  color: #389e0d;
  border: 1px solid #b3e19d;
}
.msg-wrap .msg-pane .msg-pane-header .msg-pane-header-right .quality-check-wrap .quality-check-btn[data-v-53ae7f6c] {
  width: auto;
  height: 28px;
  padding: 0 12px;
  background-color: #3e64ff;
  border: none;
  color: #fff;
  font-size: 12px;
  border-radius: 4px;
}
.msg-wrap .msg-pane .msg-pane-header .msg-pane-header-right .quality-check-wrap .quality-check-btn[data-v-53ae7f6c]:hover {
  background-color: #3154e1;
}
.msg-wrap .msg-pane .msg-pane-header .msg-pane-header-right .quality-check-wrap .quality-check-btn[data-v-53ae7f6c]:active {
  opacity: 0.9;
}
.msg-wrap .msg-pane .msg-pane-header .msg-pane-header-right .quality-check-wrap .quality-check-btn[data-v-53ae7f6c]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.msg-wrap .msg-pane .jodit-editor-wrap[data-v-53ae7f6c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
}
.msg-wrap .msg-pane .jodit-editor-wrap[data-v-53ae7f6c]  .jodit-container .jodit-status-bar {
  border-top: none;
  background-color: #fafafa;
}
.msg-wrap .msg-pane .jodit-editor-wrap[data-v-53ae7f6c]  .jodit-container .jodit-editor__resize {
  display: none;
}
.msg-wrap .msg-pane .jodit-editor-wrap[data-v-53ae7f6c]  .jodit-container .jodit-add-new-line {
  display: none;
}
.msg-wrap .msg-pane .jodit-editor-wrap[data-v-53ae7f6c] ::-webkit-scrollbar {
  width: 6px;
}
.msg-wrap .msg-pane .jodit-editor-wrap[data-v-53ae7f6c] ::-webkit-scrollbar-thumb {
  background: #dbdbdb;
  border-radius: 50px;
}
.msg-wrap .msg-pane .jodit-editor-wrap[data-v-53ae7f6c] ::-webkit-scrollbar-thumb:hover {
  background: #cdcdcd;
}
.splitpanes-wrap.splitpanes--horizontal > .splitpanes__splitter {
  min-height: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  background-color: #fff;
  border-radius: 10px 10px 0 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.splitpanes-wrap.splitpanes--horizontal > .splitpanes__splitter::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  background-color: #d9d9d9;
  width: 30px;
  height: 1px;
}
.splitpanes-wrap.splitpanes--horizontal > .splitpanes__splitter::after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  background-color: #d9d9d9;
  width: 30px;
  height: 1px;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-2c5e4b37]:export {
  theme: #409eff;
}
.advanced-search-form .el-date-editor[data-v-2c5e4b37] {
  width: 100% !important;
}
.advanced-search-form .form-footer[data-v-2c5e4b37] {
  text-align: right;
  margin-top: 20px;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-d030fd46]:export {
  theme: #409eff;
}
.control-header[data-v-d030fd46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.control-header .task-radio[data-v-d030fd46] {
  background-color: #fff;
  border-radius: 6px;
  padding: 4px 0;
  -webkit-box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.04);
          box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.04);
}
.control-header .task-radio[data-v-d030fd46]  .el-radio-button__inner {
  font-size: 12px;
  border: none;
  border-radius: 6px;
  padding: 6px 30px;
  font-weight: 700;
}
.control-header .task-radio[data-v-d030fd46]  .el-radio-button__inner:hover {
  background-color: #f5f5f5;
  color: #212121;
}
.control-header .task-radio[data-v-d030fd46]  .el-radio-button__inner:active {
  background-color: #f5f5f5;
}
.control-header .task-radio[data-v-d030fd46]  .el-radio-button__inner:focus {
  background-color: #f5f5f5;
}
.control-header .task-radio[data-v-d030fd46]  .el-radio-button__inner:focus-visible {
  background-color: #f5f5f5;
}
.control-header .task-radio[data-v-d030fd46]  .is-active .el-radio-button__inner {
  background-color: #3e64ff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.control-header .task-radio[data-v-d030fd46]  .is-active .el-radio-button__inner:hover {
  color: #fff;
}
.control-header .el-divider--vertical[data-v-d030fd46] {
  height: 32px;
}
.control-header .search-type-dropdown[data-v-d030fd46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.04);
          box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.04);
  border-radius: 6px;
  padding: 0 20px;
}
.control-header .search-type-dropdown[data-v-d030fd46]:hover {
  -webkit-box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.08);
          box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.08);
}
.control-header .search-type-dropdown[data-v-d030fd46]:active {
  -webkit-box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.12);
          box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.12);
}
.control-header .search-type-dropdown .search-type-dropdown-item[data-v-d030fd46] {
  border-right: 1px solid #dcdfe6;
  padding-right: 20px;
}
.control-header .search-type-dropdown .search-type-text[data-v-d030fd46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  line-height: 32px;
  cursor: pointer;
  font-size: 12px;
}
.control-header .search-type-dropdown .search-type-text i[data-v-d030fd46] {
  margin-top: -2px;
}
.control-header .search-type-dropdown .control-search-icon[data-v-d030fd46] {
  margin-left: 20px;
  font-weight: 700;
}
.control-header .search-type-dropdown .control-search-input[data-v-d030fd46] {
  width: 320px;
}
.control-header .search-type-dropdown .control-search-input[data-v-d030fd46]  .el-input__inner {
  width: 320px;
  background-color: transparent;
  border: none;
}
.control-header .search-type-dropdown .control-search-input[data-v-d030fd46]  .el-input__inner::-webkit-input-placeholder {
  color: #acacac;
}
.control-header .search-type-dropdown .control-search-input[data-v-d030fd46]  .el-input__inner::-moz-placeholder {
  color: #acacac;
}
.control-header .search-type-dropdown .control-search-input[data-v-d030fd46]  .el-input__inner::-ms-input-placeholder {
  color: #acacac;
}
.control-header .search-type-dropdown .control-search-input[data-v-d030fd46]  .el-input__inner::placeholder {
  color: #acacac;
}
.control-header .search-type-dropdown .el-popover__reference-wrapper[data-v-d030fd46] {
  display: inline-block;
  width: 40px;
}
.control-header .advanced-search-wrapper[data-v-d030fd46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  padding: 0 8px;
  background-color: #ebefff;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.control-header .advanced-search-wrapper.is-refreshing[data-v-d030fd46] {
  cursor: not-allowed;
  opacity: 0.6;
}
.control-header .advanced-search-wrapper[data-v-d030fd46]:not(.is-refreshing):hover {
  background-color: #3e64ff;
}
.control-header .advanced-search-wrapper:not(.is-refreshing):hover svg[data-v-d030fd46],
.control-header .advanced-search-wrapper:not(.is-refreshing):hover i[data-v-d030fd46] {
  color: #fff;
}
.control-header .advanced-search-wrapper svg[data-v-d030fd46],
.control-header .advanced-search-wrapper i[data-v-d030fd46] {
  font-size: 18px;
  color: #3e64ff;
  font-weight: 700;
}
.control-header .advanced-search-wrapper .icon-rotating[data-v-d030fd46] {
  -webkit-animation: icon-spin-data-v-d030fd46 1s linear infinite;
          animation: icon-spin-data-v-d030fd46 1s linear infinite;
}
@-webkit-keyframes icon-spin-data-v-d030fd46 {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes icon-spin-data-v-d030fd46 {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.task-advanced-search-popover {
  border-radius: 12px;
}
.mail-item-container[data-v-0c7dd7ed] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 16px;
  padding-bottom: 30px;
}
@media screen and (max-width: 2560px) {
.mail-item-container .mail-item[data-v-0c7dd7ed] {
    max-width: 81%;
}
}
@media screen and (max-width: 1920px) {
.mail-item-container .mail-item[data-v-0c7dd7ed] {
    max-width: 86%;
}
}
.mail-item-container .mail-item .mail-item-head[data-v-0c7dd7ed] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mail-item-container .mail-item .mail-summarize[data-v-0c7dd7ed] {
  background-color: #a6e5f9;
  padding: 10px;
}
.mail-item-container .mail-item .mail-item-content[data-v-0c7dd7ed] {
  overflow: auto;
  margin-top: 6px;
  padding: 4px;
  border: 1px #eee solid;
  border-radius: 4px;
  background-color: #f6f9fa;
}
.mail-item-container .mail-item .mail-item-content[data-v-0c7dd7ed]  p {
  font-size: 16px;
}
.mail-item-container .mail-item .mail-item-content[data-v-0c7dd7ed]  table {
  width: 100% !important;
}
.mail-item-container .mail-item .mail-item-content[data-v-0c7dd7ed]  .el-table__body {
  width: auto !important;
}
.mail-item-container .mail-item .mail-item-content[data-v-0c7dd7ed]  .el-table__header {
  width: auto !important;
}
.mail-item-container .mail-item .mail-item-content[data-v-0c7dd7ed]  pre {
  white-space: pre-wrap !important;
}
.mail-item-container .mail-item .mail-item-content[data-v-0c7dd7ed]  span {
  white-space: pre-wrap !important;
  display: inline !important;
}
.mail-item-container .mail-item .mail-item-content[data-v-0c7dd7ed]  a {
  color: #409eff;
}
.mail-item-container .mail-item .mail-item-content[data-v-0c7dd7ed]  .gmail-Bk {
  width: auto !important;
}
.mail-item-container .mail-item .mail-item-content[data-v-0c7dd7ed]  .gmail-Bk .gmail-gs {
  width: auto !important;
}
.mail-item-container .mail-item .mail-item-content[data-v-0c7dd7ed]  .gmail-Bk .gmail-gs .gmail-gK {
  width: auto !important;
}
.mail-item-container .mail-item .mail-item-content[data-v-0c7dd7ed]  .gmail-Bk .gmail-gs .gmail-gK .gmail-ix {
  width: auto !important;
}
.mail-item-container .mail-item .mail-item-content[data-v-0c7dd7ed]  .gmail-Bk .gmail-adz {
  width: auto !important;
}
.mail-item-container .mail-item .mail-item-content[data-v-0c7dd7ed]  .gmail-gs {
  width: auto !important;
}
.mail-item-container .mail-item .mail-item-content[data-v-0c7dd7ed]  .gmail-gs .gmail-gE .gmail-cf {
  width: 100% !important;
}
.mail-item-container .mail-item .mail-item-content[data-v-0c7dd7ed]  .gmail-gs .gmail-gE .gmail-cf .gmail-acZ .gmail-gF {
  width: 50% !important;
}
.mail-item-container .mail-item .mail-item-content[data-v-0c7dd7ed]  .gmail-gE .gmail-acZ .gmail-gF.gmail-gK {
  width: 50% !important;
}
.mail-item-container .mail-item .mail-item-content[data-v-0c7dd7ed]  .gmail-gE .gmail-xD .gmail-cf {
  width: 100% !important;
}
.mail-item-container .mail-item .mail-item-content[data-v-0c7dd7ed]  .gmail-cf,
.mail-item-container .mail-item .mail-item-content .gmail-An[data-v-0c7dd7ed] {
  width: auto !important;
}
.mail-item-container .mail-item .mail-item-content[data-v-0c7dd7ed]  .gmail-cf .gmail-Ap,
.mail-item-container .mail-item .mail-item-content .gmail-An .gmail-Ap[data-v-0c7dd7ed] {
  width: auto !important;
}
.mail-item-container .mail-item .mail-item-content[data-v-0c7dd7ed]  .gmail-cf .gmail-Ap .gmail-Am,
.mail-item-container .mail-item .mail-item-content[data-v-0c7dd7ed]  .gmail-cf .gmail-Ap .gmail-Al,
.mail-item-container .mail-item .mail-item-content .gmail-An .gmail-Ap .gmail-Am[data-v-0c7dd7ed],
.mail-item-container .mail-item .mail-item-content .gmail-An .gmail-Ap .gmail-Al[data-v-0c7dd7ed] {
  width: auto !important;
}
.mail-item-container .mail-item .mail-item-content img[data-v-0c7dd7ed] {
  max-width: 500px !important;
  height: 100% !important;
}
.mail-item-container .mail-item .mail-item-content .mail-item-content-fold[data-v-0c7dd7ed] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}
.mail-item-container .mail-item .mail-item-content .mail-quote[data-v-0c7dd7ed] {
  padding: 16px 0;
}
.mail-item-container .mail-item .mail-item-content .mail-quote .mail-quote-click[data-v-0c7dd7ed] {
  display: inline-block;
  margin-bottom: 10px;
  cursor: pointer;
}
.mail-item-container .mail-item .mail-item-content[data-v-0c7dd7ed]  .__aliyun_email_body_block {
  max-width: 700px;
  overflow-x: auto;
}
.mail-item-right[data-v-0c7dd7ed] {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.mail-item-right .mail-item-content[data-v-0c7dd7ed] {
  background-color: #c9e7ff !important;
}
.imgDolg[data-v-0c7dd7ed] {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.imgDolg #imgDolgClose[data-v-0c7dd7ed] {
  position: fixed;
  top: 35px;
  cursor: pointer;
  right: 7%;
  font-size: 50px;
  color: white;
}
.imgDolg img[data-v-0c7dd7ed] {
  max-width: 80% !important;
  max-height: 100% !important;
}
@charset "UTF-8";
.session-record {
  /*定义整个滚动条高宽及背景：高宽分别对应横竖滚动条的尺寸*/
  /*定义滚动条轨道：内阴影+圆角*/
  /*定义滑块：内阴影+圆角*/
}
.session-record img {
  max-width: 500px !important;
  max-height: 100% !important;
}
.session-record .record-mail-list {
  padding-top: 4px;
  overflow: auto;
  height: calc(100vh - 326px);
  /* 火狐滚动条 */
}
.session-record .record-mail-list .loading-buttom {
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.session-record .record-mail-list .loading {
  text-align: center;
}
.session-record ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #f5f5f5;
}
.session-record ::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
.session-record ::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: rgba(178, 179, 182, 0.3);
}
.session-record ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(144, 147, 153, 0.3);
}
.session-record.custom-dialog[data-v-7b84ffae]  .el-dialog__body {
  position: relative;
}
.session-record.custom-dialog .fixed-bottom[data-v-7b84ffae] {
  position: absolute;
  bottom: 12px;
  height: 30px;
  line-height: 30px;
  background-color: #ffffff;
  padding: 0 18px;
  border: 1px solid #e7e7e8;
  font-size: 12px;
  font-weight: 700;
  color: #409eff;
  border-radius: 20px;
  cursor: pointer;
  -webkit-box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.06);
}
.session-record.custom-dialog .fixed-right[data-v-7b84ffae] {
  right: 36px;
}
.el-month-table td.today .cell {
  color: #606266 !important;
  font-weight: normal !important;
}
.main-top[data-v-3eaaa32f] {
  min-height: 60px;
  max-height: 60px;
  padding: 10px 12px;
  border-radius: 12px;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
}
@media screen and (max-width: 2560px) {
.main-top[data-v-3eaaa32f] {
    font-size: 14px;
}
}
@media screen and (max-width: 1920px) {
.main-top[data-v-3eaaa32f] {
    font-size: 12px;
}
}
.main-top .main-top-left[data-v-3eaaa32f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 24px;
}
.main-top .main-top-left .mr14[data-v-3eaaa32f] {
  margin-right: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main-top .main-top-right[data-v-3eaaa32f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 100%;
}
.main-top .main-top-right button[data-v-3eaaa32f] {
  padding: 6px 12px !important;
}
.main-top .main-top-right .transfer-btn[data-v-3eaaa32f] {
  background-color: #c03bf9;
  border-color: #c03bf9;
}
.main-top .main-top-right .transfer-btn[data-v-3eaaa32f]:hover {
  background-color: #a031c9;
  border-color: #a031c9;
}
.main-top .main-top-right .claim-btn[data-v-3eaaa32f] {
  background-color: #ff8c40;
  border-color: #ff8c40;
}
.main-top .main-top-right .claim-btn[data-v-3eaaa32f]:hover {
  background-color: #ed8138;
  border-color: #ed8138;
}
.main-top .main-top-right .danger-btn[data-v-3eaaa32f] {
  background-color: #ff4949;
  border-color: #ff4949;
}
.main-top .main-top-right .danger-btn[data-v-3eaaa32f]:hover {
  background-color: #e73838;
  border-color: #e73838;
}
.main-top .main-top-right .record-btn[data-v-3eaaa32f] {
  background-color: #3dd7c0;
  border-color: #3dd7c0;
}
.main-top .main-top-right .record-btn[data-v-3eaaa32f]:hover {
  background-color: #37c5ad;
  border-color: #37c5ad;
}
.main-top .main-top-right .no-reply-btn[data-v-3eaaa32f] {
  background-color: #333333;
  border-color: #333333;
}
.main-top .main-top-right .no-reply-btn[data-v-3eaaa32f]:hover {
  background-color: #000000;
  border-color: #000000;
}
.main-top .main-top-right button.is-disabled[data-v-3eaaa32f] {
  opacity: 0.45;
  cursor: not-allowed;
}
.main-top .task-left i[data-v-3eaaa32f],
.main-top .open-tabs i[data-v-3eaaa32f] {
  font-size: 22px;
  color: #409eff;
}
.main-top .task-left[data-v-3eaaa32f] {
  border-right: 1px solid #dddddd;
  padding: 9px 12px 9px 0 !important;
  margin-right: 12px;
}
.mark-form[data-v-eda580c6]  .el-input-group__prepend {
  padding: 0 4px;
}
.mark-form[data-v-eda580c6]  .el-color-picker--mini .el-color-picker__trigger {
  width: 28px;
  height: 28px;
  border-radius: 4px 0 0 4px;
  border: none;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-a9896da2]:export {
  theme: #409eff;
}
.control-menu[data-v-a9896da2] {
  position: relative;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 90px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.control-menu.is-collapsed[data-v-a9896da2] {
  padding-bottom: 80px;
}
.control-menu.is-collapsed .task-add-img-wrap[data-v-a9896da2] {
  width: 36px;
  height: 36px;
  margin-top: 34px;
}
.control-menu.is-collapsed .task-add-img-wrap .add-icon-wrapper[data-v-a9896da2] {
  -webkit-box-shadow: 0 3px 12px rgba(102, 126, 234, 0.4);
          box-shadow: 0 3px 12px rgba(102, 126, 234, 0.4);
}
.control-menu.is-collapsed .task-add-img-wrap .add-icon-wrapper .add-icon[data-v-a9896da2] {
  font-size: 18px;
}
.control-menu.is-collapsed .task-add-img-wrap .pulse-ring[data-v-a9896da2] {
  width: 36px;
  height: 36px;
}
.control-menu.is-collapsed .menu-collapse-btn[data-v-a9896da2] {
  width: 34px;
  height: 34px;
}
.control-menu .task-add-img-wrap[data-v-a9896da2] {
  width: 44px;
  height: 44px;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-top: 32px;
  position: relative;
  cursor: pointer;
}
.control-menu .task-add-img-wrap .add-icon-wrapper[data-v-a9896da2] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 50%;
  -webkit-box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
          box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 2;
  position: relative;
  -webkit-animation: float-data-v-a9896da2 3s ease-in-out infinite;
          animation: float-data-v-a9896da2 3s ease-in-out infinite;
}
.control-menu .task-add-img-wrap .add-icon-wrapper .add-icon[data-v-a9896da2] {
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.control-menu .task-add-img-wrap .pulse-ring[data-v-a9896da2] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  opacity: 0;
  z-index: 1;
}
.control-menu .task-add-img-wrap:hover .add-icon-wrapper[data-v-a9896da2] {
  -webkit-transform: scale(1.1) rotate(90deg);
          transform: scale(1.1) rotate(90deg);
  -webkit-box-shadow: 0 8px 25px rgba(102, 126, 234, 0.6);
          box-shadow: 0 8px 25px rgba(102, 126, 234, 0.6);
  background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
}
.control-menu .task-add-img-wrap:hover .pulse-ring[data-v-a9896da2] {
  -webkit-animation: pulse-data-v-a9896da2 1.5s ease-out infinite;
          animation: pulse-data-v-a9896da2 1.5s ease-out infinite;
}
.control-menu .task-add-img-wrap:active .add-icon-wrapper[data-v-a9896da2] {
  -webkit-transform: scale(0.95) rotate(90deg);
          transform: scale(0.95) rotate(90deg);
}
@-webkit-keyframes float-data-v-a9896da2 {
0%, 100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
50% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
}
}
@keyframes float-data-v-a9896da2 {
0%, 100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
50% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
}
}
@-webkit-keyframes pulse-data-v-a9896da2 {
0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    opacity: 0.6;
}
100% {
    -webkit-transform: translate(-50%, -50%) scale(1.5);
            transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
}
}
@keyframes pulse-data-v-a9896da2 {
0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    opacity: 0.6;
}
100% {
    -webkit-transform: translate(-50%, -50%) scale(1.5);
            transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
}
}
.control-menu .menu-wrap[data-v-a9896da2] {
  margin-top: 80px;
  font-size: 12px;
  color: #fff;
  overflow: hidden;
}
.control-menu .menu-wrap .menu-item[data-v-a9896da2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 36px;
  color: #fff;
  border-radius: 12px;
  margin-top: 6px;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.control-menu .menu-wrap .menu-item[data-v-a9896da2]:nth-child(1) {
  padding: 0 8px;
}
.control-menu .menu-wrap .menu-item[data-v-a9896da2]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) scaleY(0);
          transform: translateY(-50%) scaleY(0);
  width: 3px;
  height: 60%;
  background: -webkit-gradient(linear, left top, left bottom, from(#667eea), to(#764ba2));
  background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
  border-radius: 0 2px 2px 0;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
}
.control-menu .menu-wrap .menu-item .menu-icon[data-v-a9896da2] {
  margin-right: 4px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.control-menu .menu-wrap .menu-item .menu-content[data-v-a9896da2] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.control-menu .menu-wrap .menu-item .menu-content .menu-count[data-v-a9896da2] {
  font-size: 12px;
  padding-right: 8px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.control-menu .menu-wrap .menu-item .menu-content .menu-count-unreplyCount[data-v-a9896da2] {
  color: #ffeb36;
}
.control-menu .menu-wrap .menu-item .menu-content .menu-count-replyCount[data-v-a9896da2] {
  color: #27fd87;
}
.control-menu .menu-wrap .menu-item .menu-content .menu-count-urgentTaskCount[data-v-a9896da2] {
  color: #ff2525;
}
.control-menu .menu-wrap .menu-item .menu-content .menu-count-unSendCount[data-v-a9896da2] {
  color: #ff7d13;
}
.control-menu .menu-wrap .menu-item.menuSelected[data-v-a9896da2] {
  cursor: pointer;
  color: #ffffff99;
  padding-left: 8px;
}
.control-menu .menu-wrap .menu-item.menuSelected[data-v-a9896da2]:hover {
  background: -webkit-gradient(linear, left top, right top, from(rgba(56, 56, 56, 0.3)), to(rgba(56, 56, 56, 0.6)));
  background: linear-gradient(90deg, rgba(56, 56, 56, 0.3) 0%, rgba(56, 56, 56, 0.6) 100%);
  color: #fff;
  -webkit-transform: translateX(2px);
          transform: translateX(2px);
}
.control-menu .menu-wrap .menu-item.menuSelected:hover .menu-count[data-v-a9896da2] {
  font-weight: 700;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.control-menu .menu-wrap .menu-item.menuSelected:hover .menu-icon[data-v-a9896da2] {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.control-menu .menu-wrap .menu-item.menuSelected[data-v-a9896da2]:hover::before {
  -webkit-transform: translateY(-50%) scaleY(0.6);
          transform: translateY(-50%) scaleY(0.6);
  opacity: 0.5;
}
.control-menu .menu-wrap .menu-item.selected[data-v-a9896da2] {
  background: #667eea;
  -webkit-box-shadow: 0 2px 8px rgba(102, 126, 234, 0.4);
          box-shadow: 0 2px 8px rgba(102, 126, 234, 0.4);
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-animation: slideIn-data-v-a9896da2 0.3s ease-out;
          animation: slideIn-data-v-a9896da2 0.3s ease-out;
  color: #fff;
  padding-left: 10px;
}
.control-menu .menu-wrap .menu-item.selected[data-v-a9896da2]::before {
  -webkit-transform: translateY(-50%) scaleY(1);
          transform: translateY(-50%) scaleY(1);
  opacity: 1;
}
.control-menu .menu-wrap .menu-item.selected[data-v-a9896da2]:hover {
  background: #667eea;
  -webkit-box-shadow: 0 4px 12px rgba(102, 126, 234, 0.6);
          box-shadow: 0 4px 12px rgba(102, 126, 234, 0.6);
  -webkit-transform: translateX(2px);
          transform: translateX(2px);
}
.control-menu .menu-wrap .menu-item.selected .menu-count[data-v-a9896da2] {
  font-weight: 700;
}
@-webkit-keyframes slideIn-data-v-a9896da2 {
0% {
    opacity: 0.8;
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
}
100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
}
@keyframes slideIn-data-v-a9896da2 {
0% {
    opacity: 0.8;
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
}
100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
}
.control-menu .mark-wrap[data-v-a9896da2] {
  margin-top: 50px;
  overflow: hidden;
}
.control-menu .mark-wrap .mark-title[data-v-a9896da2] {
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #fff;
  padding: 0 8px;
  margin-top: 6px;
}
.control-menu .mark-wrap .mark-title svg[data-v-a9896da2] {
  color: #fff;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.control-menu .mark-wrap .mark-title i[data-v-a9896da2] {
  color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.control-menu .mark-wrap .mark-title i[data-v-a9896da2]:hover {
  -webkit-transform: rotate(90deg) scale(1.2);
          transform: rotate(90deg) scale(1.2);
  color: #667eea;
}
.control-menu .mark-wrap .mark-list-wrap[data-v-a9896da2] {
  height: calc(100vh - 582px);
  overflow-y: auto;
  overflow-x: hidden;
}
.control-menu .mark-wrap .mark-list-wrap[data-v-a9896da2]::-webkit-scrollbar {
  width: 0;
  background: transparent;
}
.control-menu .mark-wrap .mark-list-wrap[data-v-a9896da2]::-webkit-scrollbar-thumb {
  background: transparent;
}
.control-menu .mark-wrap .mark-item[data-v-a9896da2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  font-size: 12px;
  line-height: 36px;
  margin-top: 6px;
  padding: 0 8px 0 8px;
  color: #ffffff99;
  border-radius: 8px;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.control-menu .mark-wrap .mark-item.mark-selected[data-v-a9896da2], .control-menu .mark-wrap .mark-item.mark-selected[data-v-a9896da2]:hover {
  background: #667eea;
  color: #fff;
  -webkit-box-shadow: inset 3px 0 0 #fff;
          box-shadow: inset 3px 0 0 #fff;
}
.control-menu .mark-wrap .mark-item[data-v-a9896da2]::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.05)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 100%);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.control-menu .mark-wrap .mark-item[data-v-a9896da2]:hover {
  background: -webkit-gradient(linear, left top, right top, from(rgba(56, 56, 56, 0.3)), to(rgba(56, 56, 56, 0.5)));
  background: linear-gradient(90deg, rgba(56, 56, 56, 0.3) 0%, rgba(56, 56, 56, 0.5) 100%);
  color: #fff;
  -webkit-transform: translateX(2px);
          transform: translateX(2px);
}
.control-menu .mark-wrap .mark-item[data-v-a9896da2]:hover::after {
  opacity: 1;
}
.control-menu .mark-wrap .mark-item:hover .mark-count[data-v-a9896da2] {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.control-menu .mark-wrap .mark-item .mark-content[data-v-a9896da2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: calc(100% - 30px);
}
.control-menu .mark-wrap .mark-item .mark-content .mark-color[data-v-a9896da2] {
  display: inline-block;
  min-width: 8px;
  height: 8px;
  border-radius: 2px;
  margin-right: 4px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
}
.control-menu .mark-wrap .mark-item .mark-content span[data-v-a9896da2]:not(.mark-color) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.control-menu .mark-wrap .mark-item .mark-count[data-v-a9896da2] {
  font-size: 12px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.control-menu .menu-collapse-btn[data-v-a9896da2] {
  position: absolute;
  left: 50%;
  bottom: 60px;
  width: 42px;
  height: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  border: none;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #fff;
  background: linear-gradient(135deg, #667eea 0%, #4a5bdc 100%);
  -webkit-box-shadow: 0 4px 14px rgba(102, 126, 234, 0.42);
          box-shadow: 0 4px 14px rgba(102, 126, 234, 0.42);
  cursor: pointer;
  outline: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.control-menu .menu-collapse-btn i[data-v-a9896da2] {
  font-size: 16px;
  font-weight: 700;
}
.control-menu .menu-collapse-btn[data-v-a9896da2]:hover {
  background: linear-gradient(135deg, #4a5bdc 0%, #667eea 100%);
  -webkit-box-shadow: 0 6px 18px rgba(102, 126, 234, 0.58);
          box-shadow: 0 6px 18px rgba(102, 126, 234, 0.58);
  -webkit-transform: translateX(-50%) scale(1.06);
          transform: translateX(-50%) scale(1.06);
}
.control-menu .menu-collapse-btn[data-v-a9896da2]:active {
  -webkit-transform: translateX(-50%) scale(0.96);
          transform: translateX(-50%) scale(0.96);
}
.mark-form[data-v-e37b000a]  .el-input-group__prepend {
  padding: 0 4px;
}
.mark-form[data-v-e37b000a]  .el-color-picker--mini .el-color-picker__trigger {
  width: 28px;
  height: 28px;
  border-radius: 4px 0 0 4px;
  border: none;
}
.mark-select-item[data-v-e37b000a] {
  display: inline-block;
  margin-right: 10px;
  line-height: 34px;
  width: 12px;
  height: 12px;
  border-radius: 2px;
}
@charset "UTF-8";
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-26ffde80]:export {
  theme: #409eff;
}
/* 定义列表项入场动画 */
@-webkit-keyframes slideIn-data-v-26ffde80 {
from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes slideIn-data-v-26ffde80 {
from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
.task-list-wrap[data-v-26ffde80] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  border-radius: 16px;
  /* 加大圆角 */
  margin-right: 16px;
  padding-top: 16px;
  min-width: 280px;
  /* 稍微加宽一点 */
  max-width: 280px;
  -ms-flex-item-align: start;
      align-self: flex-start;
  height: calc(100vh - 94px);
  max-height: calc(100vh - 94px);
  min-height: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  /* 更柔和的阴影 */
  position: relative;
  overflow: hidden;
  /* 防止圆角溢出 */
}
.task-list-wrap .task-list[data-v-26ffde80] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 10px 8px 10px;
}
.task-list-wrap .task-list .el-menu-task[data-v-26ffde80] {
  border-right: none;
  background: transparent;
  padding: 0;
}
.task-list-wrap .task-list .el-menu-task .task-card-item[data-v-26ffde80] {
  opacity: 0;
  -webkit-animation: slideIn-data-v-26ffde80 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
          animation: slideIn-data-v-26ffde80 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.task-list-wrap .task-list .el-menu-task .task-item-row[data-v-26ffde80] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 4px;
  font-size: 12px;
  color: #606266;
}
.task-list-wrap .task-list .el-menu-task .task-item-row .pin-to-top[data-v-26ffde80] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 2px;
  width: 28px;
  /* 稍微收窄左侧宽度 */
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 8px;
}
.task-list-wrap .task-list .el-menu-task .task-item-row .pin-to-top .task-star[data-v-26ffde80] {
  font-size: 16px;
  color: #dfe1e6;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
}
.task-list-wrap .task-list .el-menu-task .task-item-row .pin-to-top .task-star[data-v-26ffde80]:hover {
  color: #ffd93d;
  -webkit-transform: scale(1.3) rotate(15deg);
          transform: scale(1.3) rotate(15deg);
  -webkit-filter: drop-shadow(0 2px 4px rgba(255, 186, 0, 0.4));
          filter: drop-shadow(0 2px 4px rgba(255, 186, 0, 0.4));
}
.task-list-wrap .task-list .el-menu-task .task-item-row .pin-to-top .star-active[data-v-26ffde80] {
  color: #ffba00 !important;
  -webkit-animation: star-twinkle-data-v-26ffde80 1.5s ease-in-out infinite;
          animation: star-twinkle-data-v-26ffde80 1.5s ease-in-out infinite;
  -webkit-filter: drop-shadow(0 2px 4px rgba(255, 186, 0, 0.5));
          filter: drop-shadow(0 2px 4px rgba(255, 186, 0, 0.5));
}
.task-list-wrap .task-list .el-menu-task .task-item-row .pin-to-top .star-active[data-v-26ffde80]:hover {
  color: #dfe1e6 !important;
  -webkit-transform: scale(1.3) rotate(15deg);
          transform: scale(1.3) rotate(15deg);
  -webkit-filter: drop-shadow(0 2px 4px rgba(255, 186, 0, 0.4));
          filter: drop-shadow(0 2px 4px rgba(255, 186, 0, 0.4));
}
@-webkit-keyframes star-twinkle-data-v-26ffde80 {
0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: drop-shadow(0 2px 4px rgba(255, 186, 0, 0.5));
            filter: drop-shadow(0 2px 4px rgba(255, 186, 0, 0.5));
}
50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-filter: drop-shadow(0 3px 6px rgba(255, 186, 0, 0.7));
            filter: drop-shadow(0 3px 6px rgba(255, 186, 0, 0.7));
}
}
@keyframes star-twinkle-data-v-26ffde80 {
0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: drop-shadow(0 2px 4px rgba(255, 186, 0, 0.5));
            filter: drop-shadow(0 2px 4px rgba(255, 186, 0, 0.5));
}
50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-filter: drop-shadow(0 3px 6px rgba(255, 186, 0, 0.7));
            filter: drop-shadow(0 3px 6px rgba(255, 186, 0, 0.7));
}
}
.task-list-wrap .task-list .el-menu-task .task-item-row .task-content[data-v-26ffde80] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.task-list-wrap .task-list .el-menu-task .task-item-row .task-item-flex[data-v-26ffde80] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  /* 稍微拉开一点行间距，增加呼吸感 */
  line-height: 1.3;
}
.task-list-wrap .task-list .el-menu-task .task-item-row .task-item-flex[data-v-26ffde80]:last-child {
  margin-bottom: 0;
}
.task-list-wrap .task-list .el-menu-task .task-item-row .task-item-flex .task-user-email[data-v-26ffde80] {
  font-size: 14px;
  font-weight: 700;
  /* 加重字重 */
  color: #1f2329;
  /* 更深的黑色，突出主体 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: -0.2px;
}
.task-list-wrap .task-list .el-menu-task .task-item-row .task-item-flex .task-user-name[data-v-26ffde80] {
  font-weight: 500;
  color: #4e5969;
  /* 次级文字颜色 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 130px;
}
.task-list-wrap .task-list .el-menu-task .task-item-row .task-item-flex > span[data-v-26ffde80]:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  margin-right: 8px;
}
.task-list-wrap .task-list .el-menu-task .task-item-row .task-item-flex .task-right-arrow[data-v-26ffde80],
.task-list-wrap .task-list .el-menu-task .task-item-row .task-item-flex .task-left-arrow[data-v-26ffde80] {
  margin: 0 4px;
  font-size: 12px;
  opacity: 0.9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.task-list-wrap .task-list .el-menu-task .task-item-row .task-item-flex .task-right-arrow[data-v-26ffde80] {
  color: #ff4949;
  margin: 0 4px;
  -webkit-filter: drop-shadow(0 1px 2px rgba(255, 73, 73, 0.3));
          filter: drop-shadow(0 1px 2px rgba(255, 73, 73, 0.3));
}
.task-list-wrap .task-list .el-menu-task .task-item-row .task-item-flex .task-right-arrow[data-v-26ffde80]:hover {
  -webkit-transform: translateX(2px);
          transform: translateX(2px);
  opacity: 1;
}
.task-list-wrap .task-list .el-menu-task .task-item-row .task-item-flex .task-left-arrow[data-v-26ffde80] {
  color: #3e64ff;
  margin: 0 4px;
  -webkit-filter: drop-shadow(0 1px 2px rgba(102, 126, 234, 0.3));
          filter: drop-shadow(0 1px 2px rgba(102, 126, 234, 0.3));
}
.task-list-wrap .task-list .el-menu-task .task-item-row .task-item-flex .task-left-arrow[data-v-26ffde80]:hover {
  -webkit-transform: translateX(-2px);
          transform: translateX(-2px);
  opacity: 1;
}
.task-list-wrap .task-list .el-menu-task .task-item-row .task-item-flex .task-time[data-v-26ffde80] {
  color: #3e64ff;
  margin-right: 2px;
}
.task-list-wrap .task-list .el-menu-task .task-item-row .task-item-flex .task-time-icon[data-v-26ffde80] {
  margin-right: 6px;
}
.task-list-wrap .task-list .el-menu-task .task-item-row .task-item-flex .task-mark-wrap[data-v-26ffde80] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.task-list-wrap .task-list .el-menu-task .task-item-row .task-item-flex .task-mark-wrap .task-mark-more[data-v-26ffde80] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 10px;
  width: 18px;
  height: 14px;
  border-radius: 8px;
  /* 变成圆角胶囊 */
  margin-left: 2px;
  background: linear-gradient(135deg, #f5f7fa 0%, #ebeef5 100%);
  color: #667eea;
  font-weight: 600;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.task-list-wrap .task-list .el-menu-task .task-item-row .task-item-flex .task-mark-wrap .task-mark-more[data-v-26ffde80]:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff;
  -webkit-box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
          box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}
.task-list-wrap .task-list .el-menu-task .task-item-row .task-item-flex .right-item[data-v-26ffde80] {
  margin-left: auto;
  /* 关键属性：推动元素至最右 */
}
.task-list-wrap .task-list .el-menu-task .el-menu-item[data-v-26ffde80] {
  position: relative;
  height: auto;
  cursor: pointer;
  border-radius: 12px;
  margin-bottom: 10px;
  padding: 12px 10px !important;
  /* 增加内部留白 */
  background-color: #fff;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}
.task-list-wrap .task-list .el-menu-task .el-menu-item[data-v-26ffde80]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 0;
}
.task-list-wrap .task-list .el-menu-task .el-menu-item[data-v-26ffde80]  .el-badge__content.is-fixed {
  top: -18px;
  left: -14px;
  right: auto;
  border: 1px solid #fff;
  background: linear-gradient(135deg, #ff4757 0%, #ff6b81 100%);
  -webkit-box-shadow: 0 2px 8px rgba(255, 71, 87, 0.4);
          box-shadow: 0 2px 8px rgba(255, 71, 87, 0.4);
  font-weight: 600;
  -webkit-animation: badge-pulse-data-v-26ffde80 2s ease-in-out infinite;
          animation: badge-pulse-data-v-26ffde80 2s ease-in-out infinite;
}
@-webkit-keyframes badge-pulse-data-v-26ffde80 {
0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 2px 8px rgba(255, 71, 87, 0.4);
            box-shadow: 0 2px 8px rgba(255, 71, 87, 0.4);
}
50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    -webkit-box-shadow: 0 3px 12px rgba(255, 71, 87, 0.6);
            box-shadow: 0 3px 12px rgba(255, 71, 87, 0.6);
}
}
@keyframes badge-pulse-data-v-26ffde80 {
0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 2px 8px rgba(255, 71, 87, 0.4);
            box-shadow: 0 2px 8px rgba(255, 71, 87, 0.4);
}
50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    -webkit-box-shadow: 0 3px 12px rgba(255, 71, 87, 0.6);
            box-shadow: 0 3px 12px rgba(255, 71, 87, 0.6);
}
}
.task-list-wrap .task-list .el-menu-task .el-menu-item[data-v-26ffde80]:hover {
  background-color: #fff;
  border-color: #dcdfe6;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  z-index: 1;
}
.task-list-wrap .task-list .el-menu-task .el-menu-item[data-v-26ffde80]:hover::after {
  opacity: 1;
}
.task-list-wrap .task-list .el-menu-task .el-menu-item:hover .task-user-email[data-v-26ffde80] {
  color: #455392;
}
.task-list-wrap .task-list .el-menu-task .el-menu-item:hover .task-item-hover[data-v-26ffde80] {
  color: #455392;
}
.task-list-wrap .task-list .el-menu-task .el-menu-item.is-active[data-v-26ffde80] {
  background-color: #ebefff;
  /* 极其清淡的蓝色背景 */
  border-color: #3e64ff;
  -webkit-box-shadow: 0 4px 12px rgba(69, 83, 146, 0.12);
          box-shadow: 0 4px 12px rgba(69, 83, 146, 0.12);
}
.task-list-wrap .task-list .el-menu-task .el-menu-item.is-active[data-v-26ffde80]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 4px;
  height: 60%;
  background: -webkit-gradient(linear, left top, left bottom, from(#667eea), to(#764ba2));
  background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
  border-radius: 0 4px 4px 0;
  -webkit-box-shadow: 2px 0 8px rgba(102, 126, 234, 0.4);
          box-shadow: 2px 0 8px rgba(102, 126, 234, 0.4);
  -webkit-animation: slideInLeft-data-v-26ffde80 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          animation: slideInLeft-data-v-26ffde80 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.task-list-wrap .task-list .el-menu-task .el-menu-item.is-active[data-v-26ffde80]::after {
  opacity: 0.8;
}
.task-list-wrap .task-list .el-menu-task .el-menu-item.is-active .task-star[data-v-26ffde80] {
  color: #d4d7f0;
  cursor: pointer;
}
.task-list-wrap .task-list .el-menu-task .el-menu-item.is-active .task-star[data-v-26ffde80]:hover {
  color: #ffba00;
  -webkit-transform: scale(1.2) rotate(72deg);
          transform: scale(1.2) rotate(72deg);
}
.task-list-wrap .task-list .el-menu-task .el-menu-item.is-active .task-item-hover[data-v-26ffde80] {
  color: #455392;
}
.task-list-wrap .task-list .el-menu-task .el-menu-item.is-active .task-user-email[data-v-26ffde80] {
  color: #667eea;
  font-weight: 700;
}
.task-list-wrap .task-list .el-menu-task .el-menu-item[data-v-26ffde80]:active {
  -webkit-transform: translateY(0) scale(0.98);
          transform: translateY(0) scale(0.98);
}
@-webkit-keyframes slideInLeft-data-v-26ffde80 {
from {
    width: 0;
    opacity: 0;
}
to {
    width: 4px;
    opacity: 1;
}
}
@keyframes slideInLeft-data-v-26ffde80 {
from {
    width: 0;
    opacity: 0;
}
to {
    width: 4px;
    opacity: 1;
}
}
.task-list-wrap .task-list .el-menu-task .el-menu-item[data-v-26ffde80],
.task-list-wrap .task-list .el-menu-task .el-submenu__title[data-v-26ffde80] {
  line-height: normal;
}
.task-list-wrap .task-list .el-menu-task .time-timeout[data-v-26ffde80] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 8px;
  height: 20px;
  border-radius: 10px;
  background: linear-gradient(135deg, #ffe5e5 0%, #ffd5d5 100%);
  color: #f53f3f;
  font-size: 10px;
  margin-right: 6px;
  font-weight: 600;
  border: 1px solid rgba(245, 63, 63, 0.2);
  -webkit-box-shadow: 0 2px 4px rgba(245, 63, 63, 0.15);
          box-shadow: 0 2px 4px rgba(245, 63, 63, 0.15);
  -webkit-animation: pulse-warning-data-v-26ffde80 2s ease-in-out infinite;
          animation: pulse-warning-data-v-26ffde80 2s ease-in-out infinite;
}
@-webkit-keyframes pulse-warning-data-v-26ffde80 {
0%, 100% {
    -webkit-box-shadow: 0 2px 4px rgba(245, 63, 63, 0.15);
            box-shadow: 0 2px 4px rgba(245, 63, 63, 0.15);
}
50% {
    -webkit-box-shadow: 0 2px 8px rgba(245, 63, 63, 0.3);
            box-shadow: 0 2px 8px rgba(245, 63, 63, 0.3);
}
}
@keyframes pulse-warning-data-v-26ffde80 {
0%, 100% {
    -webkit-box-shadow: 0 2px 4px rgba(245, 63, 63, 0.15);
            box-shadow: 0 2px 4px rgba(245, 63, 63, 0.15);
}
50% {
    -webkit-box-shadow: 0 2px 8px rgba(245, 63, 63, 0.3);
            box-shadow: 0 2px 8px rgba(245, 63, 63, 0.3);
}
}
.task-list-wrap .task-list .empty-img[data-v-26ffde80] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.task-list-wrap .task-pagination[data-v-26ffde80] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 8px 6px 12px;
  border-top: 1px solid #f0f2f5;
  background-color: #fff;
}
.task-list-wrap .task-pagination[data-v-26ffde80]  .pagination-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}
.task-list-wrap .task-pagination[data-v-26ffde80]  .el-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 4px;
  padding: 0;
  line-height: 24px;
  white-space: normal;
}
.task-list-wrap .task-pagination[data-v-26ffde80]  .el-pagination__jump {
  height: 24px;
  margin-left: 6px;
  line-height: 24px;
}
.task-list-wrap .task-pagination[data-v-26ffde80]  .el-pagination__editor.el-input {
  width: 44px;
  margin: 0 4px;
}
.task-list-wrap .task-pagination[data-v-26ffde80]  .el-pagination__editor.el-input .el-input__inner {
  height: 24px;
  line-height: 24px;
  padding: 0 4px;
  text-align: center;
}
.task-list-wrap .task-pagination[data-v-26ffde80]  .el-pager li,
.task-list-wrap .task-pagination[data-v-26ffde80]  .el-pagination button {
  min-width: 24px;
  height: 24px;
  line-height: 24px;
}
.task-list-wrap .task-pagination[data-v-26ffde80]  .el-pager li.active {
  background-color: #3e64ff;
  color: #fff;
}
.task-list-wrap .task-pagination[data-v-26ffde80]  .btn-prev,
.task-list-wrap .task-pagination[data-v-26ffde80]  .btn-next,
.task-list-wrap .task-pagination[data-v-26ffde80]  .el-pagination__sizes {
  display: none;
}
.task-list-wrap[data-v-26ffde80]:hover  ::-webkit-scrollbar-thumb {
  background-color: #dcdfe6;
}
/* 滚动条美化 */
[data-v-26ffde80]::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
[data-v-26ffde80]::-webkit-scrollbar-track {
  background: transparent;
}
[data-v-26ffde80]::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 3px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
[data-v-26ffde80]::-webkit-scrollbar-thumb:hover {
  background: #c0c4cc !important;
}
.tag-popover-list[data-v-26ffde80] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.tag-popover-item[data-v-26ffde80] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.tag-popover-name[data-v-26ffde80] {
  font-size: 13px;
  color: #333;
  line-height: 1;
}
.task-mark[data-v-26ffde80] {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  margin-right: 6px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.task-mark[data-v-26ffde80]:hover {
  -webkit-transform: scale(1.3) rotate(5deg);
          transform: scale(1.3) rotate(5deg);
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-3b32ecc6]:export {
  theme: #409eff;
}
.user-info-container[data-v-3b32ecc6] {
  padding: 8px;
  min-height: 100%;
}
.user-info-container .animate-card[data-v-3b32ecc6] {
  -webkit-animation: slideUp-data-v-3b32ecc6 0.4s ease-out forwards;
          animation: slideUp-data-v-3b32ecc6 0.4s ease-out forwards;
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
@-webkit-keyframes slideUp-data-v-3b32ecc6 {
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes slideUp-data-v-3b32ecc6 {
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
.user-info-container .fz14[data-v-3b32ecc6] {
  font-size: 14px;
}
.user-info-container .fz12[data-v-3b32ecc6] {
  font-size: 12px;
}
.user-info-container .info-card[data-v-3b32ecc6] {
  background: #fff;
  border-radius: 12px;
  padding: 12px;
  margin-bottom: 16px;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.user-info-container .info-card[data-v-3b32ecc6]:hover {
  -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
          box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.user-info-container .info-card .card-header[data-v-3b32ecc6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed #f0f2f5;
}
.user-info-container .info-card .card-header .card-title-wrapper[data-v-3b32ecc6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-info-container .info-card .card-header .card-title-wrapper .icon-box[data-v-3b32ecc6] {
  width: 24px;
  height: 24px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 12px;
}
.user-info-container .info-card .card-header .card-title-wrapper .icon-box i[data-v-3b32ecc6] {
  font-size: 16px;
}
.user-info-container .info-card .card-header .card-title-wrapper .icon-box.blue-bg[data-v-3b32ecc6] {
  background: #ecf5ff;
  color: #3e64ff;
}
.user-info-container .info-card .card-header .card-title-wrapper .icon-box.orange-bg[data-v-3b32ecc6] {
  background: #fdf6ec;
  color: #e6a23c;
}
.user-info-container .info-card .card-header .card-title-wrapper .icon-box.purple-bg[data-v-3b32ecc6] {
  background: #f4f4f5;
  color: #909399;
}
.user-info-container .info-card .card-header .card-title-wrapper .title-text[data-v-3b32ecc6] {
  font-size: 14px;
  font-weight: 600;
  color: #1f2f3d;
  letter-spacing: 0.5px;
}
.user-info-container .info-card .card-header .action-btn[data-v-3b32ecc6] {
  background-color: rgba(62, 100, 255, 0.1);
  border-color: transparent;
  color: #3e64ff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 6px;
}
.user-info-container .info-card .card-header .action-btn[data-v-3b32ecc6]:hover {
  background-color: #3e64ff;
  color: #fff;
  border-color: #3e64ff;
}
.user-info-container .info-card .card-header .action-btn[data-v-3b32ecc6]:focus {
  background-color: rgba(62, 100, 255, 0.1);
  color: #3e64ff;
  border-color: transparent;
}
.user-info-container .info-card .card-header .action-btn[data-v-3b32ecc6]:focus:hover {
  background-color: #3e64ff;
  color: #fff;
  border-color: #3e64ff;
}
.user-info-container .user-profile-card .divider[data-v-3b32ecc6] {
  height: 1px;
  background-color: #f0f2f5;
  margin-bottom: 12px;
}
.user-info-container .user-profile-card .profile-grid[data-v-3b32ecc6] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.user-info-container .user-profile-card .profile-grid.header-grid[data-v-3b32ecc6] {
  margin-bottom: 12px;
}
.user-info-container .user-profile-card .profile-grid .grid-item[data-v-3b32ecc6] {
  background-color: #f8f9fa;
  border-radius: 8px;
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px solid transparent;
}
.user-info-container .user-profile-card .profile-grid .grid-item.full-width[data-v-3b32ecc6] {
  grid-column: span 2;
}
.user-info-container .user-profile-card .profile-grid .grid-item.clickable[data-v-3b32ecc6] {
  cursor: pointer;
}
.user-info-container .user-profile-card .profile-grid .grid-item.clickable[data-v-3b32ecc6]:hover {
  background-color: #fff;
  border-color: #3e64ff;
  -webkit-box-shadow: 0 2px 12px rgba(62, 100, 255, 0.08);
          box-shadow: 0 2px 12px rgba(62, 100, 255, 0.08);
}
.user-info-container .user-profile-card .profile-grid .grid-item.clickable:hover .arrow-box i[data-v-3b32ecc6] {
  color: #3e64ff;
  -webkit-transform: translateX(2px);
          transform: translateX(2px);
}
.user-info-container .user-profile-card .profile-grid .grid-item .item-icon[data-v-3b32ecc6] {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 12px;
  font-size: 18px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.user-info-container .user-profile-card .profile-grid .grid-item .item-icon.user-bg[data-v-3b32ecc6] {
  background-color: #e6f7ff;
  color: #1890ff;
}
.user-info-container .user-profile-card .profile-grid .grid-item .item-icon.mobile-bg[data-v-3b32ecc6] {
  background-color: #f6ffed;
  color: #52c41a;
}
.user-info-container .user-profile-card .profile-grid .grid-item .item-icon.mail-bg[data-v-3b32ecc6] {
  background-color: #e6f7ff;
  color: #1890ff;
}
.user-info-container .user-profile-card .profile-grid .grid-item .item-icon.location-bg[data-v-3b32ecc6] {
  background-color: #fff7e6;
  color: #fa8c16;
}
.user-info-container .user-profile-card .profile-grid .grid-item .item-icon.lang-bg[data-v-3b32ecc6] {
  background-color: #f0f5ff;
  color: #2f54eb;
}
.user-info-container .user-profile-card .profile-grid .grid-item .item-icon.car-bg[data-v-3b32ecc6] {
  background-color: #f9f0ff;
  color: #722ed1;
}
.user-info-container .user-profile-card .profile-grid .grid-item .item-content[data-v-3b32ecc6] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  gap: 4px;
  font-size: 12px;
  min-width: 0;
}
.user-info-container .user-profile-card .profile-grid .grid-item .item-content .label[data-v-3b32ecc6] {
  color: #909399;
  margin-bottom: 2px;
}
.user-info-container .user-profile-card .profile-grid .grid-item .item-content .value[data-v-3b32ecc6] {
  color: #303133;
  font-weight: 500;
  word-break: break-all;
  white-space: normal;
  line-height: 1.4;
}
.user-info-container .user-profile-card .profile-grid .grid-item .item-content .value.link[data-v-3b32ecc6] {
  color: #3e64ff;
}
.user-info-container .user-profile-card .profile-grid .grid-item .item-content .value.placeholder[data-v-3b32ecc6] {
  color: #c0c4cc;
}
.user-info-container .user-profile-card .profile-grid .grid-item .arrow-box[data-v-3b32ecc6] {
  margin-left: 8px;
}
.user-info-container .user-profile-card .profile-grid .grid-item .arrow-box i[data-v-3b32ecc6] {
  color: #c0c4cc;
  font-size: 14px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.user-info-container .user-profile-card .profile-grid .tags-list[data-v-3b32ecc6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.user-info-container .stats-container[data-v-3b32ecc6] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 12px;
}
.user-info-container .stats-container .stat-card[data-v-3b32ecc6] {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: default;
}
.user-info-container .stats-container .stat-card.is-clickable[data-v-3b32ecc6] {
  cursor: pointer;
}
.user-info-container .stats-container .stat-card[data-v-3b32ecc6]:hover {
  background: #fff;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.user-info-container .stats-container .stat-card .stat-icon-bg[data-v-3b32ecc6] {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 12px;
  font-size: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.user-info-container .stats-container .stat-card .stat-icon-bg.icon-blue[data-v-3b32ecc6] {
  background: rgba(64, 158, 255, 0.1);
  color: #409eff;
}
.user-info-container .stats-container .stat-card .stat-icon-bg.icon-green[data-v-3b32ecc6] {
  background: rgba(103, 194, 58, 0.1);
  color: #67c23a;
}
.user-info-container .stats-container .stat-card .stat-icon-bg.icon-orange[data-v-3b32ecc6] {
  background: rgba(230, 162, 60, 0.1);
  color: #e6a23c;
}
.user-info-container .stats-container .stat-card .stat-icon-bg.icon-red[data-v-3b32ecc6] {
  background: rgba(245, 108, 108, 0.1);
  color: #f56c6c;
}
.user-info-container .stats-container .stat-card .stat-icon-bg.icon-purple[data-v-3b32ecc6] {
  background: rgba(145, 85, 253, 0.1);
  color: #9155fd;
}
.user-info-container .stats-container .stat-card .stat-icon-bg.icon-teal[data-v-3b32ecc6] {
  background: rgba(32, 201, 151, 0.1);
  color: #20c997;
}
.user-info-container .stats-container .stat-card .stat-info .stat-num[data-v-3b32ecc6] {
  font-size: 18px;
  font-weight: 700;
  color: #303133;
  line-height: 1.2;
  font-family: "Roboto", sans-serif;
}
.user-info-container .stats-container .stat-card .stat-info .stat-name[data-v-3b32ecc6] {
  font-size: 12px;
  color: #909399;
  margin-top: 6px;
}
.user-info-container .remark-list-container .remark-item[data-v-3b32ecc6] {
  margin-bottom: 12px;
}
.user-info-container .remark-list-container .remark-item[data-v-3b32ecc6]:last-child {
  margin-bottom: 0;
}
.user-info-container .remark-list-container .remark-item .remark-main[data-v-3b32ecc6] {
  background: #fbfbfb;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  padding: 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.user-info-container .remark-list-container .remark-item .remark-main[data-v-3b32ecc6]:hover {
  background: #fff;
  border-color: #e4e7ed;
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);
          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);
}
.user-info-container .remark-list-container .remark-item .remark-main .remark-top[data-v-3b32ecc6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.user-info-container .remark-list-container .remark-item .remark-main .remark-top .remark-meta[data-v-3b32ecc6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.user-info-container .remark-list-container .remark-item .remark-main .remark-top .remark-meta .order-id-tag[data-v-3b32ecc6] {
  border: none;
  background-color: #e8f3ff;
  color: #3e64ff;
  cursor: pointer;
}
.user-info-container .remark-list-container .remark-item .remark-main .remark-top .remark-meta .time[data-v-3b32ecc6] {
  font-size: 12px;
  color: #999;
}
.user-info-container .remark-list-container .remark-item .remark-main .remark-top .remark-ops[data-v-3b32ecc6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.user-info-container .remark-list-container .remark-item .remark-main .remark-top .remark-ops .op-icon[data-v-3b32ecc6] {
  padding: 4px;
  font-size: 16px;
  color: #909399;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.user-info-container .remark-list-container .remark-item .remark-main .remark-top .remark-ops .op-icon[data-v-3b32ecc6]:hover {
  background-color: #f0f2f5;
  border-radius: 4px;
}
.user-info-container .remark-list-container .remark-item .remark-main .remark-top .remark-ops .op-icon.edit[data-v-3b32ecc6]:hover {
  color: #3e64ff;
}
.user-info-container .remark-list-container .remark-item .remark-main .remark-top .remark-ops .op-icon.delete[data-v-3b32ecc6]:hover {
  color: #f56c6c;
}
.user-info-container .remark-list-container .remark-item .remark-main .remark-body[data-v-3b32ecc6] {
  font-size: 13px;
  color: #606266;
  line-height: 1.6;
  word-break: break-all;
}
.user-info-container .remark-list-container .remark-item .remark-main .remark-body .remark-text[data-v-3b32ecc6] {
  margin: 0;
  cursor: pointer;
  white-space: pre-line;
}
.user-info-container .remark-list-container .remark-item .remark-main .remark-footer[data-v-3b32ecc6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 8px;
}
.user-info-container .remark-list-container .remark-item .remark-main .remark-footer .time[data-v-3b32ecc6] {
  font-size: 12px;
  color: #999;
}
.user-info-container .remark-list-container .empty-placeholder[data-v-3b32ecc6] {
  padding: 40px 0;
  text-align: center;
  color: #909399;
}
.user-info-container .remark-list-container .empty-placeholder .empty-icon-box[data-v-3b32ecc6] {
  font-size: 40px;
  margin-bottom: 10px;
  color: #e0e3e9;
}
.user-info-container .remark-list-container .empty-placeholder p[data-v-3b32ecc6] {
  font-size: 13px;
  margin: 0;
}
.user-info-container .custom-pagination[data-v-3b32ecc6] {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
.pull-order-container .custom-search-btn {
  background-color: #3e64ff;
  border-color: #3e64ff;
  color: #fff;
  border-radius: 6px;
}
.pull-order-container .custom-search-btn:hover, .pull-order-container .custom-search-btn:focus {
  background-color: #6583ff;
  border-color: #6583ff;
}
.pull-order-container .order-list-item-container {
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
}
.pull-order-container .order-list-item-container + .pull-order-container .order-list-item-container {
  margin-top: 10px;
  padding-top: 5px;
}
.pull-order-container .order-list .order-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 500;
  background-color: rgba(0, 0, 0, 0.1);
  padding: 10px 8px;
  font-family: Roboto;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.9);
  border-radius: 4px;
  margin-bottom: 10px;
}
.pull-order-container .order-list .order-title .button.edit {
  cursor: pointer;
  color: #409eff;
  margin-right: 10px;
}
.pull-order-container .order-list .order-title .button.delete {
  cursor: pointer;
  color: #f56c6c;
}
.pull-order-container .order-list .order-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
  padding: 0 5px;
}
.pull-order-container .order-list .order-list-item-label {
  font-weight: 500;
  font-size: 11px;
  color: rgba(0, 0, 0, 0.6);
  min-width: 90px;
}
.pull-order-container .order-list .order-list-item-value {
  font-weight: 400;
  font-size: 11px;
  color: rgba(0, 0, 0, 0.48);
}
.pull-order-container .pagination .el-pagination {
  text-align: center;
}
.pull-order-container .order-list-item-content {
  padding-left: 20px;
}
.pull-order-container .no-data {
  text-align: center;
  margin-top: 20px;
  font-size: 13px;
  color: #909399;
}
.order-list-item-content-item {
  border-left: 1px solid #eee;
  padding-left: 15px;
  margin-left: 0;
}
.order-list-item-content-item + .order-list-item-content-item {
  padding-top: 10px;
  border-top: 1px solid #eee;
}
.order-list-item-content-item .order-list-item {
  margin-bottom: 0 !important;
  padding-bottom: 10px !important;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
.add-order-container .custom-search-btn {
  background-color: #3e64ff;
  border-color: #3e64ff;
  color: #fff;
  border-radius: 6px;
}
.add-order-container .custom-search-btn:hover, .add-order-container .custom-search-btn:focus {
  background-color: #6583ff;
  border-color: #6583ff;
}
.add-order-container .custom-add-btn {
  background-color: rgba(62, 100, 255, 0.1);
  border-color: transparent;
  color: #3e64ff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 6px;
}
.add-order-container .custom-add-btn:hover {
  background-color: #3e64ff;
  color: #fff;
  border-color: #3e64ff;
}
.add-order-container .custom-add-btn:focus {
  background-color: rgba(62, 100, 255, 0.1);
  color: #3e64ff;
  border-color: transparent;
}
.add-order-container .custom-add-btn:focus:hover {
  background-color: #3e64ff;
  color: #fff;
  border-color: #3e64ff;
}
.add-order-container .order-list-item-container {
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.add-order-container .order-list-item-container + .add-order-container .order-list-item-container {
  margin-top: 10px;
  padding-top: 5px;
}
.add-order-container .order-item-checkbox {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-top: 8px;
}
.add-order-container .order-item-checkbox ::v-deep .el-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.add-order-container .order-item-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}
.add-order-container .order-list .order-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 500;
  background-color: rgba(0, 0, 0, 0.1);
  padding: 10px 8px;
  font-family: Roboto;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.9);
  border-radius: 4px;
  margin-bottom: 10px;
}
.add-order-container .order-list .order-title .button.edit {
  cursor: pointer;
  color: #409eff;
  margin-right: 10px;
}
.add-order-container .order-list .order-title .button.delete {
  cursor: pointer;
  color: #f56c6c;
}
.add-order-container .order-list .order-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
  padding: 0 5px;
}
.add-order-container .order-list .order-list-item-label {
  font-weight: 500;
  font-size: 11px;
  color: rgba(0, 0, 0, 0.6);
  min-width: 90px;
}
.add-order-container .order-list .order-list-item-value {
  font-weight: 400;
  font-size: 11px;
  color: rgba(0, 0, 0, 0.48);
}
.add-order-container .order-list-item-content {
  padding-left: 20px;
}
.add-order-container .pagination .el-pagination {
  text-align: center;
}
.add-order-container .button.edit {
  cursor: pointer;
  color: #409eff;
  margin-right: 10px;
}
.add-order-container .button.delete {
  cursor: pointer;
  color: #f56c6c;
}
.add-order-container .no-data {
  text-align: center;
  margin-top: 20px;
  font-size: 13px;
  color: #909399;
}
.order-list-item-content-item {
  border-left: 1px solid #eee;
  padding-left: 15px;
  margin-left: 0;
}
.order-list-item-content-item + .order-list-item-content-item {
  padding-top: 10px;
  border-top: 1px solid #eee;
}
.order-list-item-content-item .order-list-item {
  margin-bottom: 0 !important;
  padding-bottom: 10px !important;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-14fce6e9]:export {
  theme: #409eff;
}
.user-info-container[data-v-14fce6e9] {
  padding: 8px;
  min-height: 100%;
}
.user-info-container .animate-card[data-v-14fce6e9] {
  -webkit-animation: slideUp-data-v-14fce6e9 0.4s ease-out forwards;
          animation: slideUp-data-v-14fce6e9 0.4s ease-out forwards;
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
@-webkit-keyframes slideUp-data-v-14fce6e9 {
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes slideUp-data-v-14fce6e9 {
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
.user-info-container .fz12[data-v-14fce6e9] {
  font-size: 12px;
}
.user-info-container .info-card[data-v-14fce6e9] {
  background: #fff;
  border-radius: 12px;
  padding: 12px;
  margin-bottom: 16px;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.user-info-container .info-card[data-v-14fce6e9]:hover {
  -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
          box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.user-info-container .info-card .card-header[data-v-14fce6e9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed #f0f2f5;
}
.user-info-container .info-card .card-header .card-title-wrapper[data-v-14fce6e9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-info-container .info-card .card-header .card-title-wrapper .icon-box[data-v-14fce6e9] {
  width: 24px;
  height: 24px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 12px;
}
.user-info-container .info-card .card-header .card-title-wrapper .icon-box i[data-v-14fce6e9] {
  font-size: 16px;
}
.user-info-container .info-card .card-header .card-title-wrapper .icon-box.blue-bg[data-v-14fce6e9] {
  background: #ecf5ff;
  color: #3e64ff;
}
.user-info-container .info-card .card-header .card-title-wrapper .icon-box.orange-bg[data-v-14fce6e9] {
  background: #fdf6ec;
  color: #e6a23c;
}
.user-info-container .info-card .card-header .card-title-wrapper .icon-box.purple-bg[data-v-14fce6e9] {
  background: #f4f4f5;
  color: #909399;
}
.user-info-container .info-card .card-header .card-title-wrapper .title-text[data-v-14fce6e9] {
  font-size: 14px;
  font-weight: 600;
  color: #1f2f3d;
  letter-spacing: 0.5px;
}
.user-info-container .info-card .card-header .action-btn[data-v-14fce6e9] {
  background-color: rgba(62, 100, 255, 0.1);
  border-color: transparent;
  color: #3e64ff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 6px;
}
.user-info-container .info-card .card-header .action-btn[data-v-14fce6e9]:hover {
  background-color: #3e64ff;
  color: #fff;
  border-color: #3e64ff;
}
.user-info-container .info-card .card-header .action-btn[data-v-14fce6e9]:focus {
  background-color: rgba(62, 100, 255, 0.1);
  color: #3e64ff;
  border-color: transparent;
}
.user-info-container .info-card .card-header .action-btn[data-v-14fce6e9]:focus:hover {
  background-color: #3e64ff;
  color: #fff;
  border-color: #3e64ff;
}
.user-info-container .user-profile-card .divider[data-v-14fce6e9] {
  height: 1px;
  background-color: #f0f2f5;
  margin-bottom: 12px;
}
.user-info-container .user-profile-card .profile-grid[data-v-14fce6e9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.user-info-container .user-profile-card .profile-grid.header-grid[data-v-14fce6e9] {
  margin-bottom: 12px;
}
.user-info-container .user-profile-card .profile-grid .grid-item[data-v-14fce6e9] {
  background-color: #f8f9fa;
  border-radius: 8px;
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px solid transparent;
}
.user-info-container .user-profile-card .profile-grid .grid-item.full-width[data-v-14fce6e9] {
  grid-column: span 2;
}
.user-info-container .user-profile-card .profile-grid .grid-item .item-icon[data-v-14fce6e9] {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 12px;
  font-size: 18px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.user-info-container .user-profile-card .profile-grid .grid-item .item-icon.user-bg[data-v-14fce6e9] {
  background-color: #e6f7ff;
  color: #1890ff;
}
.user-info-container .user-profile-card .profile-grid .grid-item .item-icon.mobile-bg[data-v-14fce6e9] {
  background-color: #f6ffed;
  color: #52c41a;
}
.user-info-container .user-profile-card .profile-grid .grid-item .item-icon.mail-bg[data-v-14fce6e9] {
  background-color: #e6f7ff;
  color: #1890ff;
}
.user-info-container .user-profile-card .profile-grid .grid-item .item-icon.location-bg[data-v-14fce6e9] {
  background-color: #fff7e6;
  color: #fa8c16;
}
.user-info-container .user-profile-card .profile-grid .grid-item .item-icon.lang-bg[data-v-14fce6e9] {
  background-color: #f0f5ff;
  color: #2f54eb;
}
.user-info-container .user-profile-card .profile-grid .grid-item .item-icon.car-bg[data-v-14fce6e9] {
  background-color: #f9f0ff;
  color: #722ed1;
}
.user-info-container .user-profile-card .profile-grid .grid-item .item-icon.icon-teal[data-v-14fce6e9] {
  background: rgba(32, 201, 151, 0.1);
  color: #20c997;
}
.user-info-container .user-profile-card .profile-grid .grid-item .item-icon.icon-red[data-v-14fce6e9] {
  background: rgba(245, 108, 108, 0.1);
  color: #f56c6c;
}
.user-info-container .user-profile-card .profile-grid .grid-item .item-icon.orange-bg[data-v-14fce6e9] {
  background: rgba(230, 162, 60, 0.1);
  color: #e6a23c;
}
.user-info-container .user-profile-card .profile-grid .grid-item .item-icon.purple-bg[data-v-14fce6e9] {
  background: rgba(145, 85, 253, 0.1);
  color: #9155fd;
}
.user-info-container .user-profile-card .profile-grid .grid-item .item-content[data-v-14fce6e9] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  gap: 4px;
  font-size: 12px;
  min-width: 0;
}
.user-info-container .user-profile-card .profile-grid .grid-item .item-content .label[data-v-14fce6e9] {
  color: #909399;
  margin-bottom: 2px;
}
.user-info-container .user-profile-card .profile-grid .grid-item .item-content .value[data-v-14fce6e9] {
  color: #303133;
  font-weight: 500;
  word-break: break-all;
  white-space: normal;
  line-height: 1.4;
}
.user-info-container .user-profile-card .profile-grid .tags-list[data-v-14fce6e9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.user-info-container .remark-list-container .remark-item[data-v-14fce6e9] {
  margin-bottom: 12px;
}
.user-info-container .remark-list-container .remark-item[data-v-14fce6e9]:last-child {
  margin-bottom: 0;
}
.user-info-container .remark-list-container .remark-item .remark-main[data-v-14fce6e9] {
  background: #fbfbfb;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  padding: 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.user-info-container .remark-list-container .remark-item .remark-main[data-v-14fce6e9]:hover {
  background: #fff;
  border-color: #e4e7ed;
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);
          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);
}
.user-info-container .remark-list-container .remark-item .remark-main .remark-top[data-v-14fce6e9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.user-info-container .remark-list-container .remark-item .remark-main .remark-top .remark-meta[data-v-14fce6e9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.user-info-container .remark-list-container .remark-item .remark-main .remark-top .remark-meta .time[data-v-14fce6e9] {
  font-size: 12px;
  color: #999;
}
.user-info-container .remark-list-container .remark-item .remark-main .remark-top .remark-ops[data-v-14fce6e9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.user-info-container .remark-list-container .remark-item .remark-main .remark-top .remark-ops .op-icon[data-v-14fce6e9] {
  padding: 4px;
  font-size: 16px;
  color: #909399;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.user-info-container .remark-list-container .remark-item .remark-main .remark-top .remark-ops .op-icon[data-v-14fce6e9]:hover {
  background-color: #f0f2f5;
  border-radius: 4px;
}
.user-info-container .remark-list-container .remark-item .remark-main .remark-top .remark-ops .op-icon.edit[data-v-14fce6e9]:hover {
  color: #3e64ff;
}
.user-info-container .remark-list-container .remark-item .remark-main .remark-top .remark-ops .op-icon.delete[data-v-14fce6e9]:hover {
  color: #f56c6c;
}
.user-info-container .remark-list-container .remark-item .remark-main .remark-body[data-v-14fce6e9] {
  font-size: 13px;
  color: #606266;
  line-height: 1.6;
  word-break: break-all;
}
.user-info-container .remark-list-container .remark-item .remark-main .remark-body .remark-text[data-v-14fce6e9] {
  margin: 0;
  cursor: pointer;
  white-space: pre-line;
}
.user-info-container .remark-list-container .empty-placeholder[data-v-14fce6e9] {
  padding: 40px 0;
  text-align: center;
  color: #909399;
}
.user-info-container .remark-list-container .empty-placeholder .empty-icon-box[data-v-14fce6e9] {
  font-size: 40px;
  margin-bottom: 10px;
  color: #e0e3e9;
}
.user-info-container .remark-list-container .empty-placeholder p[data-v-14fce6e9] {
  font-size: 13px;
  margin: 0;
}
.user-info-container .custom-pagination[data-v-14fce6e9] {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.remark-popover-text[data-v-14fce6e9] {
  margin: 0;
  white-space: pre-line;
  word-break: break-all;
}
.head[data-v-7dd276de] {
  padding: 10px 0 20px 0;
  border-bottom: 1px solid #eee;
  text-align: center;
}
.head-search[data-v-7dd276de] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
}
.head-search[data-v-7dd276de]  .el-select .el-input__inner {
  border-right: 0;
  border-radius: 4px 0 0 4px;
}
.head-search > .el-select[data-v-7dd276de] {
  width: 120px;
}
.head-search > .el-input--default[data-v-7dd276de] {
  width: 220px;
}
.head-search > .el-input--default input[data-v-7dd276de] {
  border-radius: 0 4px 4px 0;
}
.info-card[data-v-7dd276de] {
  padding-bottom: 16px;
  border-bottom: 1px solid #eee;
}
.info-card .el-pagination[data-v-7dd276de] {
  text-align: center;
}
.info-card-content[data-v-7dd276de] {
  padding-left: 12px;
  font-size: 12px;
}
.info-card-content > div[data-v-7dd276de] {
  margin-bottom: 10px;
}
.good-info[data-v-7dd276de] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.good-info .good-img[data-v-7dd276de] {
  width: 50px;
  height: 50px;
  margin-right: 12px;
}
.good-info .good-img img[data-v-7dd276de] {
  width: 50px;
  height: 50px;
  margin-right: 12px;
}
.good-info-main[data-v-7dd276de] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.good-info-item[data-v-7dd276de] {
  line-height: 26px;
  width: 100%;
}
.info-inline-item[data-v-7dd276de] {
  display: inline-block;
  width: 49%;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-25bb36c8]:export {
  theme: #409eff;
}
.order-info-container[data-v-25bb36c8] {
  padding: 8px;
  min-height: 100%;
}
.order-info-container .fz12[data-v-25bb36c8] {
  font-size: 12px;
}
.order-info-container .head-search[data-v-25bb36c8] {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.order-info-container .head-search .input-with-select[data-v-25bb36c8] {
  width: 500px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.order-info-container .head-search .input-with-select[data-v-25bb36c8]:hover {
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.order-info-container .head-search .input-with-select[data-v-25bb36c8]  .el-input-group__prepend {
  background-color: #fff;
  padding: 0;
  border: 1px solid #dcdfe6;
  border-right: none;
  border-radius: 4px 0 0 4px;
}
.order-info-container .head-search .input-with-select[data-v-25bb36c8]  .el-input-group__prepend .el-select {
  margin: -10px 0;
  width: 150px;
}
.order-info-container .head-search .input-with-select[data-v-25bb36c8]  .el-input-group__prepend .el-select .el-input__inner {
  border: none;
}
.order-info-container .head-search .input-with-select[data-v-25bb36c8]  .el-input__inner {
  border-left: 1px solid #dcdfe6;
  border-radius: 0;
}
.order-info-container .head-search .input-with-select[data-v-25bb36c8]  .el-input__inner:focus {
  border-color: #3e64ff;
  z-index: 2;
}
.order-info-container .head-search .input-with-select[data-v-25bb36c8]  .el-input__inner:hover {
  border-color: #c0c4cc;
  z-index: 2;
}
.order-info-container .head-search .input-with-select[data-v-25bb36c8]  .el-input-group__append {
  background-color: #3e64ff;
  border: 1px solid #3e64ff;
  min-width: 60px;
  height: 30px !important;
  text-align: center;
  border-radius: 0 4px 4px 0;
}
.order-info-container .head-search .input-with-select[data-v-25bb36c8]  .el-input-group__append .el-button {
  padding: 7px 19px !important;
  color: #fff;
}
.order-info-container .head-search .input-with-select[data-v-25bb36c8]  .el-input-group__append .el-button:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.order-info-container .head-search .input-with-select[data-v-25bb36c8]  .el-input-group__append .el-button i {
  font-size: 18px;
  font-weight: bold;
}
.order-info-container .custom-tabs[data-v-25bb36c8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 32px;
  gap: 12px;
}
.order-info-container .custom-tabs .tab-item[data-v-25bb36c8] {
  padding: 8px 24px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 6px;
  color: #606266;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: 1px solid transparent;
  font-weight: 500;
}
.order-info-container .custom-tabs .tab-item[data-v-25bb36c8]:hover {
  color: #3e64ff;
  background-color: rgba(62, 100, 255, 0.05);
}
.order-info-container .custom-tabs .tab-item.active[data-v-25bb36c8] {
  color: #3e64ff;
  background-color: rgba(62, 100, 255, 0.1);
  border-color: rgba(62, 100, 255, 0.2);
  font-weight: 600;
  -webkit-box-shadow: 0 2px 6px rgba(62, 100, 255, 0.1);
          box-shadow: 0 2px 6px rgba(62, 100, 255, 0.1);
}
.order-info-container .animate-card[data-v-25bb36c8] {
  -webkit-animation: slideUp-data-v-25bb36c8 0.4s ease-out forwards;
          animation: slideUp-data-v-25bb36c8 0.4s ease-out forwards;
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
@-webkit-keyframes slideUp-data-v-25bb36c8 {
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes slideUp-data-v-25bb36c8 {
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
.order-info-container .info-card[data-v-25bb36c8] {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 16px;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.order-info-container .info-card[data-v-25bb36c8]:hover {
  -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
          box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.order-info-container .info-card .card-header[data-v-25bb36c8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed #f0f2f5;
}
.order-info-container .info-card .card-header .card-title-wrapper[data-v-25bb36c8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.order-info-container .info-card .card-header .card-title-wrapper .icon-box[data-v-25bb36c8] {
  width: 24px;
  height: 24px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 12px;
}
.order-info-container .info-card .card-header .card-title-wrapper .icon-box i[data-v-25bb36c8] {
  font-size: 16px;
}
.order-info-container .info-card .card-header .card-title-wrapper .icon-box.blue-bg[data-v-25bb36c8] {
  background: #ecf5ff;
  color: #3e64ff;
}
.order-info-container .info-card .card-header .card-title-wrapper .icon-box.orange-bg[data-v-25bb36c8] {
  background: #fdf6ec;
  color: #e6a23c;
}
.order-info-container .info-card .card-header .card-title-wrapper .icon-box.purple-bg[data-v-25bb36c8] {
  background: #f4f4f5;
  color: #909399;
}
.order-info-container .info-card .card-header .card-title-wrapper .title-text[data-v-25bb36c8] {
  font-size: 14px;
  font-weight: 600;
  color: #1f2f3d;
  letter-spacing: 0.5px;
}
.order-info-container .info-card .card-header .action-btn[data-v-25bb36c8] {
  background-color: rgba(62, 100, 255, 0.1);
  border-color: transparent;
  color: #3e64ff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 6px;
}
.order-info-container .info-card .card-header .action-btn[data-v-25bb36c8]:hover {
  background-color: #3e64ff;
  color: #fff;
  border-color: #3e64ff;
}
.order-info-container .info-card .card-header .action-btn[data-v-25bb36c8]:focus {
  background-color: rgba(62, 100, 255, 0.1);
  color: #3e64ff;
  border-color: transparent;
}
.order-info-container .info-card .card-header .action-btn[data-v-25bb36c8]:focus:hover {
  background-color: #3e64ff;
  color: #fff;
  border-color: #3e64ff;
}
.order-info-container .info-card .card-header .action-btn.is-danger[data-v-25bb36c8] {
  background-color: rgba(255, 73, 73, 0.1);
  color: #ff4949;
}
.order-info-container .info-card .card-header .action-btn.is-danger[data-v-25bb36c8]:hover {
  background-color: #ff4949;
  color: #fff;
  border-color: #ff4949;
}
.order-info-container .info-card .card-header .action-btn.is-danger[data-v-25bb36c8]:focus {
  background-color: rgba(255, 73, 73, 0.1);
  color: #ff4949;
}
.order-info-container .info-card .card-header .action-btn.is-danger[data-v-25bb36c8]:focus:hover {
  background-color: #ff4949;
  color: #fff;
}
.order-info-container .info-card .product-list[data-v-25bb36c8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.order-info-container .info-card .product-list .product-item[data-v-25bb36c8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fbfbfb;
  padding: 12px;
  border-radius: 6px;
  border: 1px solid #ebeef5;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.order-info-container .info-card .product-list .product-item[data-v-25bb36c8]:hover {
  background: #fff;
  border-color: #e4e7ed;
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);
          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);
}
.order-info-container .info-card .product-list .product-item .product-img-box[data-v-25bb36c8] {
  width: 60px;
  height: 60px;
  margin-right: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.order-info-container .info-card .product-list .product-item .product-img-box .product-thumb[data-v-25bb36c8] {
  max-width: 100%;
  max-height: 100%;
  cursor: pointer;
}
.order-info-container .info-card .product-list .product-item .product-info-grid[data-v-25bb36c8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px 16px;
}
.order-info-container .info-card .product-list .product-item .product-info-grid .p-info-row[data-v-25bb36c8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
}
.order-info-container .info-card .product-list .product-item .product-info-grid .p-info-row.full-width[data-v-25bb36c8] {
  grid-column: span 3;
}
.order-info-container .info-card .product-list .product-item .product-info-grid .p-info-row .p-label[data-v-25bb36c8] {
  color: #909399;
  margin-right: 4px;
  white-space: nowrap;
}
.order-info-container .info-card .product-list .product-item .product-info-grid .p-info-row .p-value[data-v-25bb36c8] {
  color: #606266;
}
.order-info-container .remark-item[data-v-25bb36c8] {
  margin-bottom: 16px;
}
.order-info-container .remark-item .tags-container[data-v-25bb36c8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.order-info-container .remark-item .tags-container .custom-tag[data-v-25bb36c8] {
  border-radius: 4px;
  margin-right: 4px;
  cursor: pointer;
}
.order-info-container .remark-item .add-tag-btn[data-v-25bb36c8] {
  color: #0099ff;
  padding: 6px 10px !important;
  border: none;
  background: rgba(62, 100, 255, 0.2);
  margin-bottom: 12px;
}
.order-info-container .remark-item .add-tag-btn[data-v-25bb36c8]:hover {
  background: rgba(62, 100, 255, 0.3);
}
.order-info-container .remark-item .remark-main[data-v-25bb36c8] {
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  padding: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.order-info-container .remark-item .remark-main[data-v-25bb36c8]:hover {
  border-color: #e4e7ed;
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);
          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);
}
.order-info-container .remark-item .remark-main .profile-grid[data-v-25bb36c8] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 10px;
}
.order-info-container .remark-item .remark-main .profile-grid .grid-item[data-v-25bb36c8] {
  background-color: #f8f9fa;
  border-radius: 8px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px solid transparent;
}
.order-info-container .remark-item .remark-main .profile-grid .grid-item[data-v-25bb36c8]:hover {
  background: #fff;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.order-info-container .remark-item .remark-main .profile-grid .grid-item.full-width[data-v-25bb36c8] {
  grid-column: 1/-1;
}
.order-info-container .remark-item .remark-main .profile-grid .grid-item .item-icon[data-v-25bb36c8] {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 10px;
  font-size: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.order-info-container .remark-item .remark-main .profile-grid .grid-item .item-icon.blue-bg[data-v-25bb36c8] {
  background: #ecf5ff;
  color: #3e64ff;
}
.order-info-container .remark-item .remark-main .profile-grid .grid-item .item-icon.orange-bg[data-v-25bb36c8] {
  background: #fdf6ec;
  color: #e6a23c;
}
.order-info-container .remark-item .remark-main .profile-grid .grid-item .item-icon.green-bg[data-v-25bb36c8] {
  background: #f0f9eb;
  color: #67c23a;
}
.order-info-container .remark-item .remark-main .profile-grid .grid-item .item-icon.purple-bg[data-v-25bb36c8] {
  background: #f4f4f5;
  color: #909399;
}
.order-info-container .remark-item .remark-main .profile-grid .grid-item .item-icon.teal-bg[data-v-25bb36c8] {
  background: #eafff6;
  color: #20c997;
}
.order-info-container .remark-item .remark-main .profile-grid .grid-item .item-icon.yellow-bg[data-v-25bb36c8] {
  background: #fffbe6;
  color: #faad14;
}
.order-info-container .remark-item .remark-main .profile-grid .grid-item .item-icon.red-bg[data-v-25bb36c8] {
  background: #fef0f0;
  color: #f56c6c;
}
.order-info-container .remark-item .remark-main .profile-grid .grid-item .item-icon.cyan-bg[data-v-25bb36c8] {
  background: #e6fffb;
  color: #13c2c2;
}
.order-info-container .remark-item .remark-main .profile-grid .grid-item .item-content[data-v-25bb36c8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  overflow: hidden;
  min-width: 0;
}
.order-info-container .remark-item .remark-main .profile-grid .grid-item .item-content .label[data-v-25bb36c8] {
  font-size: 11px;
  color: #909399;
  margin-bottom: 2px;
}
.order-info-container .remark-item .remark-main .profile-grid .grid-item .item-content .value[data-v-25bb36c8] {
  font-size: 13px;
  color: #303133;
  font-weight: 500;
  white-space: normal;
  word-break: break-all;
  line-height: 1.4;
}
.order-info-container .remark-item .remark-main .profile-grid .grid-item .item-content .value .link-text[data-v-25bb36c8] {
  color: #3e64ff;
  cursor: pointer;
}
.order-info-container .remark-item .remark-main .profile-grid .grid-item .item-content .value .link-text[data-v-25bb36c8]:hover {
  text-decoration: underline;
}
.order-info-container .remark-item .remark-main .profile-grid .grid-item .item-content .value .comment-content[data-v-25bb36c8] {
  white-space: normal;
  word-break: break-all;
  line-height: 1.4;
}
.order-info-container .empty-placeholder[data-v-25bb36c8] {
  padding: 40px 0;
  text-align: center;
  color: #909399;
}
.order-info-container .empty-placeholder .empty-icon-box[data-v-25bb36c8] {
  font-size: 40px;
  margin-bottom: 10px;
  color: #e0e3e9;
}
.order-info-container .empty-placeholder p[data-v-25bb36c8] {
  font-size: 13px;
  margin: 0;
}
.order-info-container .custom-pagination[data-v-25bb36c8] {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-bfb7ad2e]:export {
  theme: #409eff;
}
.feedback[data-v-bfb7ad2e] {
  font-size: 12px;
}
.feedback .feedback-tab[data-v-bfb7ad2e] {
  text-align: center;
  margin-bottom: 30px;
}
.feedback .form-list[data-v-bfb7ad2e] {
  text-align: center;
  color: #909399;
}
.feedback .el-radio-button--medium .el-radio-button__inner[data-v-bfb7ad2e] {
  padding: 8px 26px;
}
.feedback .feedbak-info-main[data-v-bfb7ad2e],
.feedback .feedbak-form-main[data-v-bfb7ad2e] {
  padding: 10px 20px;
}
.feedback .feedbak-info-item[data-v-bfb7ad2e] {
  margin-bottom: 20px;
}
.feedback .feedback-info--label[data-v-bfb7ad2e] {
  color: #747990;
}
.feedback .info-inline-item[data-v-bfb7ad2e] {
  display: inline-block;
  width: 49%;
}
.feedback .feedbak-info-content[data-v-bfb7ad2e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 32px 0;
}
.feedback .feedbak-info-content span[data-v-bfb7ad2e]:first-child {
  width: 70px;
}
.feedback .feedbak-info-content span[data-v-bfb7ad2e]:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px;
  border: 1px solid #eee;
  border-radius: 8px;
}
.feedback .pagination .el-pagination[data-v-bfb7ad2e] {
  text-align: center;
}
.feedback .comment-form-btn .el-button[data-v-bfb7ad2e] {
  background-color: #3e64ff;
  border-color: #3e64ff;
  border-radius: 8px;
  color: #fff;
}
.feedback .comment-form-btn .el-button[data-v-bfb7ad2e]:hover {
  background-color: #3154e1;
}
.feedback .comment-form-btn .el-button[data-v-bfb7ad2e]:active {
  background-color: #3154e1;
}
.el-cascader[data-v-bfb7ad2e] {
  width: 94%;
}
.el-cascader .el-input[data-v-bfb7ad2e] {
  width: 100%;
}
.el-select[data-v-bfb7ad2e] {
  width: 94%;
}
[data-v-bfb7ad2e] .el-form-item .el-form-item__label {
  color: #747990;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-c2990fee]:export {
  theme: #409eff;
}
.feedback[data-v-c2990fee] {
  font-size: 12px;
}
.feedback .feedback-tab[data-v-c2990fee] {
  text-align: center;
  margin-bottom: 30px;
}
.feedback .form-list[data-v-c2990fee] {
  text-align: center;
  color: #909399;
}
.feedback .el-radio-button--medium .el-radio-button__inner[data-v-c2990fee] {
  padding: 8px 26px;
}
.feedback .feedbak-info-main[data-v-c2990fee],
.feedback .feedbak-form-main[data-v-c2990fee] {
  padding: 10px 20px;
}
.feedback .feedbak-info-item[data-v-c2990fee] {
  margin-bottom: 20px;
}
.feedback .info-inline-item[data-v-c2990fee] {
  display: inline-block;
  width: 49%;
}
.feedback .feedbak-info-content[data-v-c2990fee] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 32px 0;
  font-size: 12px;
}
.feedback .feedbak-info-content span[data-v-c2990fee]:first-child {
  width: 70px;
}
.feedback .feedbak-info-content span[data-v-c2990fee]:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px;
  border: 1px solid #eee;
  border-radius: 8px;
}
.feedback .pagination .el-pagination[data-v-c2990fee] {
  text-align: center;
}
.feedback .feedback-info--label[data-v-c2990fee] {
  color: #747990;
}
.feedback .comment-form-btn .el-button[data-v-c2990fee] {
  background-color: #3e64ff;
  border-color: #3e64ff;
  border-radius: 8px;
  color: #fff;
}
.feedback .comment-form-btn .el-button[data-v-c2990fee]:hover {
  background-color: #3154e1;
}
.feedback .comment-form-btn .el-button[data-v-c2990fee]:active {
  background-color: #3154e1;
}
[data-v-c2990fee] .el-cascader {
  width: 94%;
}
[data-v-c2990fee] .el-cascader .el-input {
  width: 100%;
}
[data-v-c2990fee] .el-select {
  width: 94%;
}
[data-v-c2990fee] .el-form-item .el-form-item__label {
  color: #747990;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-09e1f78b]:export {
  theme: #409eff;
}
.comment .comment-tab[data-v-09e1f78b] {
  text-align: center;
  margin-bottom: 30px;
}
.comment .form-list[data-v-09e1f78b] {
  text-align: center;
  color: #909399;
}
.comment .el-radio-button--medium .el-radio-button__inner[data-v-09e1f78b] {
  padding: 8px 26px;
}
.comment .comment-info-main[data-v-09e1f78b],
.comment .comment-form-main[data-v-09e1f78b] {
  padding: 10px 20px;
}
.comment .comment-form-main .el-select[data-v-09e1f78b] {
  width: 100%;
}
.comment .el-form-item__label[data-v-09e1f78b] {
  font-weight: 400;
}
.comment .comment-info-item[data-v-09e1f78b] {
  padding-left: 16px;
  margin-bottom: 20px;
  font-size: 12px;
}
.comment .info-inline-item[data-v-09e1f78b] {
  display: inline-block;
  width: 49%;
}
.comment .comment-info[data-v-09e1f78b],
.comment .comment-info-conversion[data-v-09e1f78b] {
  border-top: 1px solid #eee;
}
.comment h4[data-v-09e1f78b] {
  font-size: 14px;
}
.comment .comment-info-conversion[data-v-09e1f78b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.comment .comment-info-conversion > span[data-v-09e1f78b] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.comment .comment-info-conversion > span > div[data-v-09e1f78b] {
  padding-left: 16px;
  margin-bottom: 16px;
  font-size: 12px;
}
.comment .comment-info-content[data-v-09e1f78b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 32px 0;
}
.comment .comment-info-content > h4[data-v-09e1f78b] {
  width: 100px;
  margin: 0;
}
.comment .comment-info-content > span[data-v-09e1f78b] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.comment .el-divider__text[data-v-09e1f78b] {
  margin-top: 4px;
}
.comment .pagination .el-pagination[data-v-09e1f78b] {
  text-align: center;
}
.comment .comment-info--label[data-v-09e1f78b] {
  color: #747990;
}
.comment[data-v-09e1f78b]  .el-form-item .el-form-item__label {
  color: #747990;
}
.comment .comment-form-btn .el-button[data-v-09e1f78b] {
  background-color: #3e64ff;
  border-color: #3e64ff;
  border-radius: 8px;
  color: #fff;
}
.comment .comment-form-btn .el-button[data-v-09e1f78b]:hover {
  background-color: #3154e1;
}
.comment .comment-form-btn .el-button[data-v-09e1f78b]:active {
  background-color: #3154e1;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-6c084f32]:export {
  theme: #409eff;
}
.comment .comment-tab[data-v-6c084f32] {
  text-align: center;
  margin-bottom: 30px;
}
.comment .form-list[data-v-6c084f32] {
  text-align: center;
  color: #909399;
}
.comment .el-radio-button--medium .el-radio-button__inner[data-v-6c084f32] {
  padding: 8px 26px;
}
.comment .comment-info-main[data-v-6c084f32],
.comment .comment-form-main[data-v-6c084f32] {
  padding: 10px 20px;
}
.comment .comment-form-main .el-select[data-v-6c084f32] {
  width: 100%;
}
.comment .el-form-item__label[data-v-6c084f32] {
  font-weight: 400;
}
.comment .comment-info-item[data-v-6c084f32] {
  padding-left: 16px;
  margin-bottom: 20px;
  font-size: 12px;
}
.comment h4[data-v-6c084f32] {
  font-size: 14px;
}
.comment .info-inline-item[data-v-6c084f32] {
  display: inline-block;
  width: 49%;
}
.comment .comment-info[data-v-6c084f32],
.comment .comment-info-conversion[data-v-6c084f32] {
  border-top: 1px solid #eee;
}
.comment .comment-info-conversion[data-v-6c084f32] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.comment .comment-info-conversion > span[data-v-6c084f32] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.comment .comment-info-conversion > span > div[data-v-6c084f32] {
  padding-left: 16px;
  margin-bottom: 16px;
  font-size: 12px;
}
.comment .comment-no-amz-info--label[data-v-6c084f32] {
  color: #747990;
}
.comment .comment-info-content[data-v-6c084f32] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 32px 0;
}
.comment .comment-info-content > h4[data-v-6c084f32] {
  width: 100px;
  margin: 0;
}
.comment .comment-info-content > span[data-v-6c084f32] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.comment .el-divider__text[data-v-6c084f32] {
  margin-top: 4px;
}
.comment .pagination .el-pagination[data-v-6c084f32] {
  text-align: center;
}
.comment[data-v-6c084f32]  .el-form-item .el-form-item__label {
  color: #747990;
}
.comment .comment-form-btn .el-button[data-v-6c084f32] {
  background-color: #3e64ff;
  border-color: #3e64ff;
  border-radius: 8px;
  color: #fff;
}
.comment .comment-form-btn .el-button[data-v-6c084f32]:hover {
  background-color: #3154e1;
}
.comment .comment-form-btn .el-button[data-v-6c084f32]:active {
  background-color: #3154e1;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-3dbcaec4]:export {
  theme: #409eff;
}
.cashback .list-main[data-v-3dbcaec4],
.cashback .return-form-main[data-v-3dbcaec4] {
  padding: 10px 20px;
  min-height: 100px;
}
.cashback .form-list[data-v-3dbcaec4] {
  text-align: center;
  color: #909399;
}
.cashback .return-form-main .el-select[data-v-3dbcaec4] {
  width: 100%;
}
.cashback .list-item[data-v-3dbcaec4] {
  padding-left: 16px;
  margin-bottom: 20px;
  font-size: 12px;
}
.cashback .list-item .list-item-flex[data-v-3dbcaec4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cashback .list-item .list-item-flex .list-item-span[data-v-3dbcaec4] {
  display: block;
  min-width: 80px;
}
.cashback .cashback-info--label[data-v-3dbcaec4] {
  color: #747990;
}
.cashback[data-v-3dbcaec4]  .el-form-item .el-form-item__label {
  color: #747990;
}
.cashback .comment-form-btn[data-v-3dbcaec4] {
  margin-left: 130px;
}
.cashback .comment-form-btn .el-button[data-v-3dbcaec4] {
  background-color: #3e64ff;
  border-color: #3e64ff;
  border-radius: 8px;
  color: #fff;
}
.cashback .comment-form-btn .el-button[data-v-3dbcaec4]:hover {
  background-color: #3154e1;
}
.cashback .comment-form-btn .el-button[data-v-3dbcaec4]:active {
  background-color: #3154e1;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-4d9de262]:export {
  theme: #409eff;
}
.comment[data-v-4d9de262] {
  font-size: 12px;
}
.comment .comment-tab[data-v-4d9de262] {
  text-align: center;
  margin-bottom: 30px;
}
.comment .form-list[data-v-4d9de262] {
  text-align: center;
  color: #909399;
}
.comment .el-radio-button--medium .el-radio-button__inner[data-v-4d9de262] {
  padding: 8px 26px;
}
.comment .promotion-info--label[data-v-4d9de262] {
  color: #747990;
}
.comment .comment-info-main[data-v-4d9de262],
.comment .comment-form-main[data-v-4d9de262] {
  padding: 10px 20px;
}
.comment .comment-form-main .el-select[data-v-4d9de262] {
  width: 100%;
}
.comment .el-form-item__label[data-v-4d9de262] {
  font-weight: 400;
}
.comment .comment-info-item[data-v-4d9de262] {
  padding-left: 16px;
  margin-bottom: 20px;
}
.comment .info-inline-item[data-v-4d9de262] {
  display: inline-block;
  width: 49%;
}
.comment .comment-info[data-v-4d9de262] {
  border-top: 1px solid #eee;
  padding-top: 18px;
}
.comment .pagination .el-pagination[data-v-4d9de262] {
  text-align: center;
}
.comment[data-v-4d9de262]  .el-form-item .el-form-item__label {
  color: #747990;
}
.comment .comment-form-btn .el-button[data-v-4d9de262] {
  background-color: #3e64ff;
  border-color: #3e64ff;
  border-radius: 8px;
  color: #fff;
}
.comment .comment-form-btn .el-button[data-v-4d9de262]:hover {
  background-color: #3154e1;
}
.comment .comment-form-btn .el-button[data-v-4d9de262]:active {
  background-color: #3154e1;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-121b2734]:export {
  theme: #409eff;
}
.return-box .return-tab[data-v-121b2734] {
  text-align: center;
  margin-bottom: 30px;
}
.return-box .el-radio-button--medium .el-radio-button__inner[data-v-121b2734] {
  padding: 8px 26px;
}
.return-box .return-info-main[data-v-121b2734],
.return-box .return-form-main[data-v-121b2734] {
  padding: 10px 20px;
}
.return-box .form-list[data-v-121b2734] {
  text-align: center;
  color: #909399;
}
.return-box .return-form-main .el-select[data-v-121b2734] {
  width: 100%;
}
.return-box .el-form-item__label[data-v-121b2734] {
  font-weight: 400;
}
.return-box .return-info-item[data-v-121b2734],
.return-box .return-info-item-flex[data-v-121b2734] {
  padding-left: 16px;
  margin-bottom: 20px;
  font-size: 12px;
}
.return-box .return-info--label[data-v-121b2734] {
  color: #747990;
}
.return-box .info-inline-item[data-v-121b2734] {
  display: inline-block;
  width: 49%;
}
.return-box .return-info[data-v-121b2734] {
  border-top: 1px solid #eee;
}
.return-box .return-info-item-flex[data-v-121b2734] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.return-box .return-info-item-flex span[data-v-121b2734]:first-child {
  width: 80px;
}
.return-box .return-info-item-flex span[data-v-121b2734]:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.return-box .return-info-content[data-v-121b2734] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 32px 0;
}
.return-box .return-info-content > h4[data-v-121b2734] {
  width: 100px;
  margin: 0;
}
.return-box .return-info-content > span[data-v-121b2734] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.return-box h4[data-v-121b2734] {
  font-size: 14px;
}
.return-box .pagination .el-pagination[data-v-121b2734] {
  text-align: center;
}
.return-box[data-v-121b2734]  .el-form-item .el-form-item__label {
  color: #747990;
}
.return-box .comment-form-btn .el-button[data-v-121b2734] {
  background-color: #3e64ff;
  border-color: #3e64ff;
  border-radius: 8px;
  color: #fff;
}
.return-box .comment-form-btn .el-button[data-v-121b2734]:hover {
  background-color: #3154e1;
}
.return-box .comment-form-btn .el-button[data-v-121b2734]:active {
  background-color: #3154e1;
}
@charset "UTF-8";
.msg-mail-list[data-v-555b09f2] {
  padding-top: 0px;
  overflow: auto;
  width: 100%;
  height: 100%;
}
.msg-mail-list .mail-item-container[data-v-555b09f2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: 16px;
  padding-bottom: 30px;
}
.msg-mail-list .mail-item-container .mail-item[data-v-555b09f2] {
  position: relative;
}
@media screen and (max-width: 2560px) {
.msg-mail-list .mail-item-container .mail-item[data-v-555b09f2] {
    max-width: 80%;
    min-width: 42%;
}
}
@media screen and (max-width: 1920px) {
.msg-mail-list .mail-item-container .mail-item[data-v-555b09f2] {
    max-width: 86%;
}
}
.msg-mail-list .mail-item-right[data-v-555b09f2] {
  padding-right: 20px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
/*定义整个滚动条高宽及背景：高宽分别对应横竖滚动条的尺寸*/
[data-v-555b09f2]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #f5f5f5;
}
/*定义滚动条轨道：内阴影+圆角*/
[data-v-555b09f2]::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
/*定义滑块：内阴影+圆角*/
[data-v-555b09f2]::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: rgba(178, 179, 182, 0.3);
}
[data-v-555b09f2]::-webkit-scrollbar-thumb:hover {
  background-color: rgba(144, 147, 153, 0.3);
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-afaadbba]:export {
  theme: #409eff;
}
.return-box .list-main[data-v-afaadbba],
.return-box .return-form-main[data-v-afaadbba] {
  padding: 10px 20px;
  min-height: 100px;
}
.return-box .form-list[data-v-afaadbba] {
  text-align: center;
  color: #909399;
}
.return-box .return-form-main .el-select[data-v-afaadbba] {
  width: 100%;
}
.return-box .list-item[data-v-afaadbba] {
  padding-left: 16px;
  margin-bottom: 18px;
  font-size: 12px;
}
.return-box .list-item .list-item-flex[data-v-afaadbba] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.return-box .list-item .list-item-flex .list-item-span[data-v-afaadbba] {
  display: block;
  min-width: 100px;
}
.return-box .list-item .list-item-flex .associate-chat[data-v-afaadbba] {
  color: #409eff;
  cursor: pointer;
}
.return-box .customer-service-info--label[data-v-afaadbba] {
  color: #747990;
}
.return-box[data-v-afaadbba]  .el-form-item .el-form-item__label {
  color: #747990;
}
.return-box .comment-form-btn[data-v-afaadbba] {
  margin-left: 130px;
}
.return-box .comment-form-btn .el-button[data-v-afaadbba] {
  background-color: #3e64ff;
  border-color: #3e64ff;
  border-radius: 8px;
  color: #fff;
}
.return-box .comment-form-btn .el-button[data-v-afaadbba]:hover {
  background-color: #3154e1;
}
.return-box .comment-form-btn .el-button[data-v-afaadbba]:active {
  background-color: #3154e1;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-740d9976]:export {
  theme: #409eff;
}
.return-box .list-main[data-v-740d9976],
.return-box .return-form-main[data-v-740d9976] {
  padding: 10px 20px;
  min-height: 100px;
}
.return-box .form-list[data-v-740d9976] {
  text-align: center;
  color: #909399;
}
.return-box .return-form-main .el-select[data-v-740d9976] {
  width: 100%;
}
.return-box .list-item[data-v-740d9976] {
  padding-left: 16px;
  margin-bottom: 20px;
  font-size: 12px;
}
.return-box .list-item .list-item-flex[data-v-740d9976] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.return-box .list-item .list-item-flex .list-item-span[data-v-740d9976] {
  display: block;
  min-width: 80px;
}
.return-box .list-item .list-item-flex .list-image[data-v-740d9976] {
  vertical-align: top;
}
.return-box .list-item .list-item-flex .list-image .list-image-preview[data-v-740d9976] {
  display: inline-block;
}
.return-box .list-item .list-item-flex .list-image .list-image-preview .img[data-v-740d9976] {
  width: 100px;
  height: 100px;
  margin-right: 10px;
}
.return-box .customer-laxin-info--label[data-v-740d9976] {
  color: #747990;
}
.return-box[data-v-740d9976]  .el-form-item .el-form-item__label {
  color: #747990;
}
.return-box .comment-form-btn[data-v-740d9976] {
  margin-left: 130px;
}
.return-box .comment-form-btn .el-button[data-v-740d9976] {
  background-color: #3e64ff;
  border-color: #3e64ff;
  border-radius: 8px;
  color: #fff;
}
.return-box .comment-form-btn .el-button[data-v-740d9976]:hover {
  background-color: #3154e1;
}
.return-box .comment-form-btn .el-button[data-v-740d9976]:active {
  background-color: #3154e1;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-7204b3ee]:export {
  theme: #409eff;
}
.count-sty[data-v-7204b3ee] {
  color: #ff4949;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-6dd144b0]:export {
  theme: #409eff;
}
[data-v-6dd144b0] .el-tabs .el-tabs__active-bar {
  background-color: #212121;
  height: 1px;
}
[data-v-6dd144b0] .el-tabs .el-tabs__header {
  margin-bottom: 20px;
}
[data-v-6dd144b0] .el-tabs .el-tabs__header .el-tabs__nav-scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
[data-v-6dd144b0] .el-tabs .el-tabs__item {
  margin-bottom: 8px !important;
}
[data-v-6dd144b0] .el-tabs .el-tabs__item:hover {
  color: #6e6e6e;
}
[data-v-6dd144b0] .el-tabs .is-active {
  color: #212121;
}
[data-v-6dd144b0] .el-tabs .is-active:hover {
  color: #212121;
}
[data-v-6dd144b0] .el-tabs .el-tabs__nav-wrap::after {
  background-color: #d7d7d7;
  height: 1px;
}
.show-tab-count[data-v-6dd144b0] {
  color: #3e64ff;
}
.device-query-tab[data-v-41854484] {
  min-height: 100%;
  color: #101828;
}
.query-form[data-v-41854484] {
  padding: 0 10px;
}
.query-label[data-v-41854484] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  color: #405071;
  font-size: 13px;
  font-weight: 700;
}
.query-label i[data-v-41854484] {
  color: #4b6fff;
}
.query-input[data-v-41854484] {
  display: block;
}
.query-input[data-v-41854484]  .el-input__inner {
  height: 38px;
  line-height: 38px;
  border-color: #dfe6f2;
  border-radius: 10px;
}
.query-actions[data-v-41854484] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-top: 10px;
}
.query-btn[data-v-41854484],
.abnormal-btn[data-v-41854484] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  height: 40px;
  border-radius: 9px;
  font-weight: 700;
}
.query-btn[data-v-41854484] {
  background: #4b6fff;
  border-color: #4b6fff;
}
.abnormal-btn[data-v-41854484] {
  color: #e76068;
  border-color: #f2b9bf;
  background: #fff;
}
.abnormal-btn--cancel[data-v-41854484] {
  color: #fff;
  border-color: #e76068;
  background: #e76068;
}
.abnormal-btn--cancel[data-v-41854484]:hover, .abnormal-btn--cancel[data-v-41854484]:focus {
  color: #fff;
  border-color: #df4f58;
  background: #df4f58;
}
.abnormal-btn--cancel.is-disabled[data-v-41854484], .abnormal-btn--cancel.is-disabled[data-v-41854484]:hover, .abnormal-btn--cancel.is-disabled[data-v-41854484]:focus {
  color: #fff;
  border-color: #f0a3a9;
  background: #f0a3a9;
}
.query-tip[data-v-41854484] {
  margin: 7px 0 0;
  color: #8a98ae;
  font-size: 12px;
  line-height: 18px;
}
.query-loading[data-v-41854484],
.empty-state[data-v-41854484] {
  min-height: 210px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #7c8aa5;
  font-size: 13px;
  gap: 12px;
}
.query-loading i[data-v-41854484] {
  color: #4b6fff;
  font-size: 34px;
}
.empty-state i[data-v-41854484] {
  color: #9aa8bd;
  font-size: 28px;
}
.query-result[data-v-41854484] {
  padding: 14px 10px 0;
}
.device-head[data-v-41854484] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.device-chip[data-v-41854484],
.abnormal-chip[data-v-41854484] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  height: 34px;
  padding: 0 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 700;
}
.device-chip[data-v-41854484] {
  color: #4b6fff;
  background: #eef4ff;
}
.abnormal-chip[data-v-41854484] {
  color: #e76068;
  border: 1px solid #f2b9bf;
  background: #fff5f6;
}
.info-card[data-v-41854484] {
  overflow: hidden;
  border: 1px solid #dfe6f2;
  border-radius: 10px;
  background: #fff;
}
.info-card + .info-card[data-v-41854484] {
  margin-top: 14px;
}
.info-card__header[data-v-41854484] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 14px;
  color: #101828;
  background: #f4f7ff;
  font-size: 14px;
  font-weight: 700;
}
.info-card__header i[data-v-41854484] {
  color: #4b6fff;
}
.info-row[data-v-41854484] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 36px;
  padding: 0 14px;
  border-top: 1px solid #edf1f7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-column-gap: 12px;
     -moz-column-gap: 12px;
          column-gap: 12px;
}
.info-row span[data-v-41854484] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: #8a98ae;
  font-size: 13px;
}
.info-row strong[data-v-41854484] {
  min-width: 0;
  color: #101828;
  font-size: 13px;
  font-weight: 500;
  text-align: right;
  word-break: break-all;
}
.info-row .risk-text[data-v-41854484] {
  color: #e76068;
  font-weight: 700;
}
.info-row .safe-text[data-v-41854484] {
  color: #23a66a;
  font-weight: 700;
}
.questionnaire[data-v-5392b300] {
  margin-bottom: 20px;
}
.questionnaire h3[data-v-5392b300] {
  margin: 0 0 10px 0;
}
.questionnaire .questionnaire-body[data-v-5392b300] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.questionnaire .questionnaire-body .questionnaire-link[data-v-5392b300] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-left: 20px;
}
.questionnaire .questionnaire-body .questionnaire-link .questionnaire-input[data-v-5392b300] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.questionnaire .questionnaire-body .questionnaire-link .questionnaire-input[data-v-5392b300]  .el-input-group__append {
  width: 80px;
  text-align: center;
  line-height: 30px;
}
.questionnaire .questionnaire-body .questionnaire-link .questionnaire-input button[data-v-5392b300] {
  margin-left: 20px;
}
.questionnaire .questionnaire-body .questionnaire-link .questionnaire-input .copy[data-v-5392b300] {
  cursor: pointer;
}
.questionnaire .questionnaire-body .questionnaire-link .questionnaire-download[data-v-5392b300] {
  width: 120px;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-daa69794]:export {
  theme: #409eff;
}
.custom-dialog[data-v-daa69794]  .el-dialog {
  border-radius: 16px;
  overflow: hidden;
}
.custom-dialog[data-v-daa69794]  .el-dialog__header {
  background: linear-gradient(135deg, #f5f7fa 0%, #ecf0f5 100%);
  padding: 20px 24px;
  border-bottom: 1px solid #e4e7ed;
}
.custom-dialog[data-v-daa69794]  .el-dialog__body {
  background: #f5f7fb;
  padding: 20px 24px 24px;
}
.custom-dialog[data-v-daa69794]  .el-dialog__footer {
  border-top: 1px solid #e4e7ed;
  background: #fff;
  padding: 16px 24px;
}
.form-wrapper .el-form[data-v-daa69794]  .el-form-item {
  margin-bottom: 16px;
}
.form-wrapper .el-form[data-v-daa69794]  .el-form-item__label {
  padding-bottom: 6px;
  font-size: 13px;
  color: #606266;
  font-weight: 500;
  line-height: 1.2;
}
.form-wrapper .el-form[data-v-daa69794]  .el-input.is-disabled .el-input__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #909399;
}
.config-card[data-v-daa69794] {
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 12px;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.config-card[data-v-daa69794]:hover {
  -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
          box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.config-card[data-v-daa69794]:last-child {
  margin-bottom: 0;
}
.config-card .card-title[data-v-daa69794] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.config-card .card-title i[data-v-daa69794] {
  color: #3e64ff;
  margin-right: 6px;
  font-size: 16px;
}
.form-header[data-v-daa69794] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  color: #1f2d3d;
  font-size: 16px;
}
.form-header i[data-v-daa69794] {
  font-size: 18px;
  color: #3e64ff;
  margin-right: 8px;
}
.dialog-footer[data-v-daa69794] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
}
.dialog-footer .el-button[data-v-daa69794] {
  min-width: 96px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.dialog-footer .el-button.el-button--primary[data-v-daa69794] {
  background: linear-gradient(135deg, #3e64ff 0%, #718dff 100%);
  border: none;
}
.dialog-footer .el-button.el-button--primary[data-v-daa69794]:hover {
  background: linear-gradient(135deg, #5878ff 0%, #8ba1ff 100%);
  -webkit-box-shadow: 0 4px 12px rgba(62, 100, 255, 0.3);
          box-shadow: 0 4px 12px rgba(62, 100, 255, 0.3);
}
.dialog-footer .el-button.el-button--primary i[data-v-daa69794] {
  margin-right: 4px;
}
.dialog-footer .el-button[data-v-daa69794]:hover {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.radio-sty[data-v-dd7d1f36]  .el-radio__label {
  display: none;
}
.card-table-container[data-v-4bf49a16] {
  max-height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 4px;
}
.card-table-container[data-v-4bf49a16]::-webkit-scrollbar {
  width: 6px;
}
.card-table-container[data-v-4bf49a16]::-webkit-scrollbar-thumb {
  background: #dbdbdb;
  border-radius: 50px;
}
.card-table-container[data-v-4bf49a16]::-webkit-scrollbar-thumb:hover {
  background: #cdcdcd;
}
.card-table[data-v-4bf49a16] {
  background-color: transparent;
  overflow: visible;
}
.card-table[data-v-4bf49a16]::before, .card-table[data-v-4bf49a16]::after {
  display: none;
}
.card-table[data-v-4bf49a16]  .el-table__header-wrapper {
  overflow: visible;
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: transparent;
}
.card-table[data-v-4bf49a16]  .el-table__header-wrapper .el-table__header {
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 2px -2px rgba(62, 100, 255, 0.35), 0 3px 5px 0 rgba(62, 100, 255, 0.25), 0 4px 10px 3px rgba(62, 100, 255, 0.15);
          box-shadow: 0 1px 2px -2px rgba(62, 100, 255, 0.35), 0 3px 5px 0 rgba(62, 100, 255, 0.25), 0 4px 10px 3px rgba(62, 100, 255, 0.15);
}
.card-table[data-v-4bf49a16]  .el-table__header-wrapper tr {
  background-color: transparent !important;
  color: #fff;
}
.card-table[data-v-4bf49a16]  .el-table__header-wrapper tr th {
  padding: 0 !important;
  background-color: #3e64ff !important;
}
.card-table[data-v-4bf49a16]  .el-table__header-wrapper tr th .cell {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.card-table[data-v-4bf49a16]  .el-table__header-wrapper tr th.is-leaf:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.card-table[data-v-4bf49a16]  .el-table__header-wrapper tr th.is-leaf:first-child .cell {
  padding-left: 16px !important;
}
.card-table[data-v-4bf49a16]  .el-table__header-wrapper tr th.is-leaf:not(:has(~ .is-leaf)) {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.card-table[data-v-4bf49a16]  .el-table__header-wrapper tr th.is-leaf:not(:has(~ .is-leaf)) .cell {
  padding-right: 16px !important;
}
.card-table[data-v-4bf49a16]  .el-table__body-wrapper {
  margin-top: 5px;
  overflow: visible;
}
.card-table[data-v-4bf49a16]  .el-table__body-wrapper .el-table__body {
  border-collapse: separate;
  border-spacing: 0 10px;
}
.card-table[data-v-4bf49a16]  .el-table__body-wrapper .el-table__body tr.el-table__row {
  background-color: #fff;
  position: relative;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 32, 0.08);
          box-shadow: 0 0 0 1px rgba(16, 22, 32, 0.08);
  -webkit-transition: color 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: color 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s, color 0.3s;
  transition: transform 0.3s, box-shadow 0.3s, color 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
}
.card-table[data-v-4bf49a16]  .el-table__body-wrapper .el-table__body tr.el-table__row:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 4px 10px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 4px 10px 3px rgba(0, 0, 0, 0.08);
  color: #000;
  z-index: 1;
}
.card-table[data-v-4bf49a16]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell {
  background-color: transparent !important;
  padding: 0 !important;
}
.card-table[data-v-4bf49a16]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell .cell {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.card-table[data-v-4bf49a16]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.card-table[data-v-4bf49a16]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell:first-child .cell {
  padding-left: 16px !important;
}
.card-table[data-v-4bf49a16]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.card-table[data-v-4bf49a16]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell:last-child .cell {
  padding-right: 16px !important;
}
.card-table[data-v-4bf49a16]  .el-table__body-wrapper .el-table__body .el-descriptions__body {
  background-color: transparent;
}
.card-table[data-v-4bf49a16]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-table tr,
.card-table[data-v-4bf49a16]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-descriptions-row {
  background-color: transparent;
}
.card-table[data-v-4bf49a16]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-table tr th,
.card-table[data-v-4bf49a16]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-descriptions-row th {
  background-color: transparent;
}
.card-table[data-v-4bf49a16]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-table tr .el-descriptions-item__cell,
.card-table[data-v-4bf49a16]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-descriptions-row .el-descriptions-item__cell {
  border: none;
}
.card-table[data-v-4bf49a16]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-table tr .el-descriptions-item__cell .el-descriptions-item__content,
.card-table[data-v-4bf49a16]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-descriptions-row .el-descriptions-item__cell .el-descriptions-item__content {
  color: #536082;
  font-weight: 600;
}
.card-table[data-v-4bf49a16]  .el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #e8eaf4;
  border-color: #dcdfe6;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-4bf49a16]:export {
  theme: #409eff;
}
.praised-common[data-v-4bf49a16] {
  margin-bottom: 24px;
  background-color: #f5f7fa;
  padding: 16px;
  border-radius: 4px;
}
.praised-common .pulled-asin-box[data-v-4bf49a16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.praised-common .pulled-asin-box .asin-title[data-v-4bf49a16] {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.praised-common .pulled-asin-box .release-btn[data-v-4bf49a16] {
  padding: 8px 24px !important;
  border-radius: 8px;
  background-color: #3e64ff;
  border: none;
}
.praised-common .pulled-asin-box .release-btn[data-v-4bf49a16]:hover {
  background-color: #3154e1;
}
.praised-common .pulled-asin-box .release-btn[data-v-4bf49a16]:active {
  background-color: #3154e1;
}
.praised-common .pulled-asin-box .release-btn.is-disabled[data-v-4bf49a16] {
  background-color: #ebeef5;
  border: none;
  color: #999;
}
.praised-common .status-yes[data-v-4bf49a16] {
  color: #67c23a;
  font-weight: 500;
}
.praised-common .status-no[data-v-4bf49a16] {
  color: #909399;
}
.to-be-praised-box[data-v-4bf49a16] {
  margin-top: 20px;
  background: #fff;
}
.to-be-praised-box .section-header[data-v-4bf49a16] {
  margin-bottom: 16px;
}
.to-be-praised-box .section-header .asin-title[data-v-4bf49a16] {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  border-left: 4px solid #409eff;
  padding-left: 10px;
}
.to-be-praised-box .search-box[data-v-4bf49a16] {
  margin-bottom: 16px;
  padding: 16px;
  background-color: #fcfcfc;
  border-radius: 4px;
  border: 1px solid #ebeef5;
}
.to-be-praised-box .search-box .filter-form[data-v-4bf49a16] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
}
.to-be-praised-box .search-box .filter-form[data-v-4bf49a16]  .el-form-item {
  margin-bottom: 0;
  margin-right: 0;
}
.to-be-praised-box .search-box .filter-form[data-v-4bf49a16]  .el-form-item .el-form-item__content {
  width: 100%;
}
.to-be-praised-box .search-box .filter-item[data-v-4bf49a16] {
  width: 100%;
}
.to-be-praised-box .search-box .input-with-select[data-v-4bf49a16] {
  width: 100%;
}
.to-be-praised-box .search-box .prepend-select[data-v-4bf49a16] {
  width: 90px;
}
.to-be-praised-box .search-box .magic-btn-container[data-v-4bf49a16] {
  position: relative;
  height: 32px;
  cursor: pointer;
  border-radius: 16px;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 15px rgba(64, 158, 255, 0.3);
          box-shadow: 0 4px 15px rgba(64, 158, 255, 0.3);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
}
.to-be-praised-box .search-box .magic-btn-container[data-v-4bf49a16]:hover {
  -webkit-box-shadow: 0 2px 4px -1px rgba(64, 158, 255, 0.3), 0 4px 8px 0 rgba(64, 158, 255, 0.25), 0 6px 20px 2px rgba(64, 158, 255, 0.15);
          box-shadow: 0 2px 4px -1px rgba(64, 158, 255, 0.3), 0 4px 8px 0 rgba(64, 158, 255, 0.25), 0 6px 20px 2px rgba(64, 158, 255, 0.15);
}
.to-be-praised-box .search-box .magic-btn-container:hover .magic-btn-bg[data-v-4bf49a16] {
  -webkit-animation: gradient-flow-data-v-4bf49a16 3s linear infinite;
          animation: gradient-flow-data-v-4bf49a16 3s linear infinite;
}
.to-be-praised-box .search-box .magic-btn-container.is-loading[data-v-4bf49a16] {
  cursor: wait;
  pointer-events: none;
}
.to-be-praised-box .search-box .magic-btn-container.is-loading .magic-btn-bg[data-v-4bf49a16] {
  -webkit-animation: gradient-flow-data-v-4bf49a16 3s linear infinite;
          animation: gradient-flow-data-v-4bf49a16 3s linear infinite;
}
.to-be-praised-box .search-box .magic-btn-container .magic-btn-bg[data-v-4bf49a16] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #3e64ff, #4facfe, #3e64ff, #4facfe);
  background-size: 300% 100%;
  -webkit-transition: background-position 0.5s ease;
  transition: background-position 0.5s ease;
}
.to-be-praised-box .search-box .magic-btn-container .magic-btn-content[data-v-4bf49a16] {
  position: relative;
  z-index: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
}
.to-be-praised-box .search-box .magic-btn-container .magic-btn-content i[data-v-4bf49a16] {
  margin-right: 8px;
  font-size: 16px;
}
@-webkit-keyframes gradient-flow-data-v-4bf49a16 {
0% {
    background-position: 0% 50%;
}
100% {
    background-position: 100% 50%;
}
}
@keyframes gradient-flow-data-v-4bf49a16 {
0% {
    background-position: 0% 50%;
}
100% {
    background-position: 100% 50%;
}
}
.to-be-praised-box .info-cell .row-item[data-v-4bf49a16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 4px;
}
.to-be-praised-box .info-cell .row-item[data-v-4bf49a16]:last-child {
  margin-bottom: 0;
}
.to-be-praised-box .info-cell .row-item .label[data-v-4bf49a16] {
  color: #909399;
  margin-right: 8px;
}
.pagination-sty[data-v-4bf49a16] {
  margin-top: 20px;
}
.imgDolg[data-v-00e2b0d1] {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: auto;
}
.imgDolg #imgDolgClose[data-v-00e2b0d1] {
  position: fixed;
  top: 35px;
  cursor: pointer;
  right: 7%;
  font-size: 50px;
  color: white;
}
.imgDolg img[data-v-00e2b0d1] {
  max-width: 80% !important;
  max-height: 100% !important;
}
@charset "UTF-8";
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-b2df42ee]:export {
  theme: #409eff;
}
.kno-base-container[data-v-b2df42ee] {
  height: 100%;
  position: relative;
  background-color: #fff;
  /* 去除灰色背景 */
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 全局滚动条美化 */
}
.kno-base-container[data-v-b2df42ee]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.kno-base-container[data-v-b2df42ee]::-webkit-scrollbar-thumb {
  background: #c0c4cc;
  border-radius: 3px;
}
.kno-base-container[data-v-b2df42ee]::-webkit-scrollbar-track {
  background: #f5f7fa;
}
.kno-base-main[data-v-b2df42ee] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.config-card[data-v-b2df42ee] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  border-radius: 12px;
  border: none;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding-top: 0;
  margin: 8px;
  /* 表格滚动条美化 */
}
.config-card .card-header[data-v-b2df42ee] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
  border-bottom: 1px solid #f0f2f5;
  background: #ecf5ff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.config-card .card-header .card-title[data-v-b2df42ee] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.config-card .card-header .card-title i[data-v-b2df42ee] {
  color: #3e64ff;
  margin-right: 8px;
  font-size: 16px;
}
.config-card[data-v-b2df42ee]:hover {
  -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
          box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.config-card .card-content[data-v-b2df42ee] {
  padding: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-y: hidden;
}
.config-card[data-v-b2df42ee]  .el-table__body-wrapper::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.config-card[data-v-b2df42ee]  .el-table__body-wrapper::-webkit-scrollbar-thumb {
  background-color: #dcdfe6;
  border-radius: 3px;
}
.config-card[data-v-b2df42ee]  .el-table__body-wrapper::-webkit-scrollbar-track {
  background: #fff;
}
/* Search Area Styles */
.topic-radio-group[data-v-b2df42ee] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.topic-radio-group .topic-radio[data-v-b2df42ee] {
  margin: 0 4px 8px 0 !important;
  background-color: #fff;
}
.topic-radio-group .topic-radio.is-checked[data-v-b2df42ee] {
  background-color: #ecf5ff;
}
.topic-radio-group .no-data-text[data-v-b2df42ee] {
  color: #909399;
  font-size: 13px;
}
.hot-checkbox[data-v-b2df42ee] {
  margin-bottom: 10px;
}
.advanced-filters[data-v-b2df42ee] {
  padding: 0;
  margin-bottom: 15px;
}
.full-width[data-v-b2df42ee] {
  width: 100%;
}
.search-main-area[data-v-b2df42ee] {
  margin-top: 10px;
  /* background: #f9f9f9; */
  /* padding: 15px; */
  /* border-radius: 8px; */
}
.content-textarea-custom[data-v-b2df42ee]  .el-textarea__inner {
  border: 1px solid #dcdfe6;
  border-radius: 8px;
  padding: 12px;
  font-size: 14px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.content-textarea-custom[data-v-b2df42ee]  .el-textarea__inner:focus {
  border-color: #3e64ff;
  -webkit-box-shadow: 0 0 0 2px rgba(62, 100, 255, 0.1);
          box-shadow: 0 0 0 2px rgba(62, 100, 255, 0.1);
}
.submit-wrapper[data-v-b2df42ee] {
  margin-top: 15px;
  padding: 0 20px;
  /* 两侧留白，让按钮不要太宽，或者根据需要全宽 */
}
.search-btn-container[data-v-b2df42ee] {
  position: relative;
  height: 38px;
  cursor: pointer;
  border-radius: 19px;
  margin-bottom: 20px;
  overflow: hidden;
  -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
          box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.search-btn-container[data-v-b2df42ee]:hover {
  -webkit-box-shadow: 0 2px 4px -1px rgba(64, 158, 255, 0.3), 0 4px 8px 0 rgba(64, 158, 255, 0.25), 0 6px 20px 2px rgba(64, 158, 255, 0.15);
          box-shadow: 0 2px 4px -1px rgba(64, 158, 255, 0.3), 0 4px 8px 0 rgba(64, 158, 255, 0.25), 0 6px 20px 2px rgba(64, 158, 255, 0.15);
}
.search-btn-container:hover .search-btn-bg[data-v-b2df42ee] {
  -webkit-animation: gradient-flow-data-v-b2df42ee 3s linear infinite;
          animation: gradient-flow-data-v-b2df42ee 3s linear infinite;
}
.search-btn-container.is-loading[data-v-b2df42ee] {
  cursor: wait;
  pointer-events: none;
}
.search-btn-container.is-loading .search-btn-bg[data-v-b2df42ee] {
  -webkit-animation: gradient-flow-data-v-b2df42ee 3s linear infinite;
          animation: gradient-flow-data-v-b2df42ee 3s linear infinite;
}
.search-btn-container.is-disabled[data-v-b2df42ee] {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.search-btn-container .search-btn-bg[data-v-b2df42ee] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #3e64ff, #4facfe, #3e64ff, #4facfe);
  background-size: 300% 100%;
  -webkit-transition: background-position 0.5s ease;
  transition: background-position 0.5s ease;
}
.search-btn-container .search-btn-content[data-v-b2df42ee] {
  position: relative;
  z-index: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
}
.search-btn-container .search-btn-content i[data-v-b2df42ee] {
  margin-right: 8px;
  font-size: 16px;
}
@-webkit-keyframes gradient-flow-data-v-b2df42ee {
0% {
    background-position: 0% 50%;
}
100% {
    background-position: 100% 50%;
}
}
@keyframes gradient-flow-data-v-b2df42ee {
0% {
    background-position: 0% 50%;
}
100% {
    background-position: 100% 50%;
}
}
.code-popover[data-v-b2df42ee] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-width: 120px;
}
.code-cell[data-v-b2df42ee] {
  cursor: pointer;
}
.code-cell .code-text[data-v-b2df42ee] {
  color: #606266;
  font-family: monospace;
}
.code-cell:hover .code-text[data-v-b2df42ee] {
  color: #3e64ff;
}
.title-text[data-v-b2df42ee] {
  color: #3e64ff;
  cursor: pointer;
}
.title-text[data-v-b2df42ee]:hover {
  text-decoration: underline;
}
.pagination-container[data-v-b2df42ee] {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
/* Content Overlay Styles */
.kno-base-content[data-v-b2df42ee] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* 内容区滚动条美化 */
}
.kno-base-content .content-body[data-v-b2df42ee]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.kno-base-content .content-body[data-v-b2df42ee]::-webkit-scrollbar-thumb {
  background: #c0c4cc;
  border-radius: 3px;
}
.kno-base-content .content-body[data-v-b2df42ee]::-webkit-scrollbar-track {
  background: #f5f7fa;
}
.kno-base-content .content-header[data-v-b2df42ee] {
  height: 50px;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #ebeef5;
  background-color: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.kno-base-content .content-header .content-title[data-v-b2df42ee] {
  font-size: 16px;
  font-weight: 600;
  color: #303133;
}
.kno-base-content .content-header .close-btn[data-v-b2df42ee] {
  font-size: 20px;
  cursor: pointer;
  color: #909399;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.kno-base-content .content-header .close-btn[data-v-b2df42ee]:hover {
  color: #f56c6c;
}
.kno-base-content .content-body[data-v-b2df42ee] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px;
  overflow-y: auto;
}
.kno-base-content .content-body[data-v-b2df42ee]  img {
  max-width: 100%;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.kno-base-content .content-footer[data-v-b2df42ee] {
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
  border-top: 1px solid #ebeef5;
  background-color: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
/* Helper Classes */
.text-ellipsis[data-v-b2df42ee] {
  display: inline-block;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.card-table-container[data-v-3bde9fc1] {
  max-height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 4px;
}
.card-table-container[data-v-3bde9fc1]::-webkit-scrollbar {
  width: 6px;
}
.card-table-container[data-v-3bde9fc1]::-webkit-scrollbar-thumb {
  background: #dbdbdb;
  border-radius: 50px;
}
.card-table-container[data-v-3bde9fc1]::-webkit-scrollbar-thumb:hover {
  background: #cdcdcd;
}
.card-table[data-v-3bde9fc1] {
  background-color: transparent;
  overflow: visible;
}
.card-table[data-v-3bde9fc1]::before, .card-table[data-v-3bde9fc1]::after {
  display: none;
}
.card-table[data-v-3bde9fc1]  .el-table__header-wrapper {
  overflow: visible;
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: transparent;
}
.card-table[data-v-3bde9fc1]  .el-table__header-wrapper .el-table__header {
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 2px -2px rgba(62, 100, 255, 0.35), 0 3px 5px 0 rgba(62, 100, 255, 0.25), 0 4px 10px 3px rgba(62, 100, 255, 0.15);
          box-shadow: 0 1px 2px -2px rgba(62, 100, 255, 0.35), 0 3px 5px 0 rgba(62, 100, 255, 0.25), 0 4px 10px 3px rgba(62, 100, 255, 0.15);
}
.card-table[data-v-3bde9fc1]  .el-table__header-wrapper tr {
  background-color: transparent !important;
  color: #fff;
}
.card-table[data-v-3bde9fc1]  .el-table__header-wrapper tr th {
  padding: 0 !important;
  background-color: #3e64ff !important;
}
.card-table[data-v-3bde9fc1]  .el-table__header-wrapper tr th .cell {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.card-table[data-v-3bde9fc1]  .el-table__header-wrapper tr th.is-leaf:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.card-table[data-v-3bde9fc1]  .el-table__header-wrapper tr th.is-leaf:first-child .cell {
  padding-left: 16px !important;
}
.card-table[data-v-3bde9fc1]  .el-table__header-wrapper tr th.is-leaf:not(:has(~ .is-leaf)) {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.card-table[data-v-3bde9fc1]  .el-table__header-wrapper tr th.is-leaf:not(:has(~ .is-leaf)) .cell {
  padding-right: 16px !important;
}
.card-table[data-v-3bde9fc1]  .el-table__body-wrapper {
  margin-top: 5px;
  overflow: visible;
}
.card-table[data-v-3bde9fc1]  .el-table__body-wrapper .el-table__body {
  border-collapse: separate;
  border-spacing: 0 10px;
}
.card-table[data-v-3bde9fc1]  .el-table__body-wrapper .el-table__body tr.el-table__row {
  background-color: #fff;
  position: relative;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 32, 0.08);
          box-shadow: 0 0 0 1px rgba(16, 22, 32, 0.08);
  -webkit-transition: color 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: color 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s, color 0.3s;
  transition: transform 0.3s, box-shadow 0.3s, color 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
}
.card-table[data-v-3bde9fc1]  .el-table__body-wrapper .el-table__body tr.el-table__row:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 4px 10px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 4px 10px 3px rgba(0, 0, 0, 0.08);
  color: #000;
  z-index: 1;
}
.card-table[data-v-3bde9fc1]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell {
  background-color: transparent !important;
  padding: 0 !important;
}
.card-table[data-v-3bde9fc1]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell .cell {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.card-table[data-v-3bde9fc1]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.card-table[data-v-3bde9fc1]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell:first-child .cell {
  padding-left: 16px !important;
}
.card-table[data-v-3bde9fc1]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.card-table[data-v-3bde9fc1]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell:last-child .cell {
  padding-right: 16px !important;
}
.card-table[data-v-3bde9fc1]  .el-table__body-wrapper .el-table__body .el-descriptions__body {
  background-color: transparent;
}
.card-table[data-v-3bde9fc1]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-table tr,
.card-table[data-v-3bde9fc1]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-descriptions-row {
  background-color: transparent;
}
.card-table[data-v-3bde9fc1]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-table tr th,
.card-table[data-v-3bde9fc1]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-descriptions-row th {
  background-color: transparent;
}
.card-table[data-v-3bde9fc1]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-table tr .el-descriptions-item__cell,
.card-table[data-v-3bde9fc1]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-descriptions-row .el-descriptions-item__cell {
  border: none;
}
.card-table[data-v-3bde9fc1]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-table tr .el-descriptions-item__cell .el-descriptions-item__content,
.card-table[data-v-3bde9fc1]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-descriptions-row .el-descriptions-item__cell .el-descriptions-item__content {
  color: #536082;
  font-weight: 600;
}
.card-table[data-v-3bde9fc1]  .el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #e8eaf4;
  border-color: #dcdfe6;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-3bde9fc1]:export {
  theme: #409eff;
}
.system-log .pagination-sty-center[data-v-3bde9fc1]  .el-pager li.active {
  color: #3e64ff;
}
.pointer[data-v-3bde9fc1] {
  cursor: pointer;
  color: #3e64ff;
}
.translate-wrap[data-v-235f5ba0] {
  position: relative;
}
.translate-wrap .header-card[data-v-235f5ba0] {
  border-radius: 8px;
  border: none;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.translate-wrap .header-card[data-v-235f5ba0]:hover {
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}
.translate-wrap .lang-head[data-v-235f5ba0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.translate-wrap .lang-head .select-wrapper[data-v-235f5ba0] {
  min-width: 400px;
}
.translate-wrap .lang-head .select-wrapper[data-v-235f5ba0]  .el-select {
  width: 100%;
}
.translate-wrap .lang-head .lang[data-v-235f5ba0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.translate-wrap .lang-head .lang .switch-sty[data-v-235f5ba0] {
  margin: 0 20px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.translate-wrap .lang-head .lang .switch-sty[data-v-235f5ba0]:hover {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.translate-wrap .lang-head .lang .lang-left[data-v-235f5ba0],
.translate-wrap .lang-head .lang .lang-right[data-v-235f5ba0] {
  font-size: 14px;
  width: 170px;
  border: 1px solid #dcdfe6;
  border-radius: 6px;
  padding: 8px 12px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.translate-wrap .lang-head .lang .lang-left[data-v-235f5ba0]:hover,
.translate-wrap .lang-head .lang .lang-right[data-v-235f5ba0]:hover {
  border-color: #409eff;
  background-color: #ecf5ff;
}
.translate-wrap .lang-head .lang .lang-left:hover span[data-v-235f5ba0],
.translate-wrap .lang-head .lang .lang-right:hover span[data-v-235f5ba0] {
  color: #409eff;
}
.translate-wrap .lang-head .lang .lang-left i[data-v-235f5ba0],
.translate-wrap .lang-head .lang .lang-right i[data-v-235f5ba0] {
  margin-left: 10px;
  font-size: 14px;
  color: #909399;
}
.translate-wrap .lang-head .lang .arrow-up[data-v-235f5ba0] {
  -webkit-transform: rotateZ(-180deg);
          transform: rotateZ(-180deg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.translate-wrap .lang-head .lang .arrow-down[data-v-235f5ba0] {
  -webkit-transform: rotateZ(-360deg);
          transform: rotateZ(-360deg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.translate-wrap .lang-head .lang .lang-word[data-v-235f5ba0] {
  color: #409eff;
  font-weight: 500;
}
.translate-wrap .translate-body[data-v-235f5ba0] {
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.translate-wrap .translate-body .translate-card[data-v-235f5ba0] {
  width: 49%;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
  background-color: #f5f7fa;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.translate-wrap .translate-body .translate-card[data-v-235f5ba0]:hover {
  -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1) !important;
          box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1) !important;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  z-index: 1;
}
.translate-wrap .translate-body .translate-card .content-input[data-v-235f5ba0] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0;
}
.translate-wrap .translate-body .translate-card .content-input[data-v-235f5ba0]  .el-textarea {
  height: 100%;
}
.translate-wrap .translate-body .translate-card .content-input[data-v-235f5ba0]  .el-textarea__inner {
  height: 100%;
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 20px;
  font-size: 14px;
  line-height: 1.6;
  color: #333;
  resize: none;
}
.translate-wrap .translate-body .translate-card .content-input[data-v-235f5ba0]  .el-textarea__inner:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.translate-wrap .translate-body .translate-card .content-input-task[data-v-235f5ba0]  .el-textarea__inner {
  height: 320px;
  min-height: 320px;
}
.translate-wrap .translate-body .translate-card .card-actions[data-v-235f5ba0] {
  padding: 12px 20px;
  border-top: 1px solid #f0f2f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.translate-wrap .translate-body .translate-card .card-actions.right-actions[data-v-235f5ba0] {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.translate-wrap .translate-body .translate-card .card-actions .word-count[data-v-235f5ba0] {
  font-size: 12px;
  color: #909399;
}
.translate-wrap .translate-body .translate-card .card-actions .action-btn[data-v-235f5ba0] {
  padding: 10px 24px;
  font-weight: 600;
  letter-spacing: 1px;
}
.translate-wrap .translate-body .translate-card .card-actions .icon-btn[data-v-235f5ba0] {
  font-size: 18px;
  color: #606266;
  padding: 8px;
}
.translate-wrap .translate-body .translate-card .card-actions .icon-btn[data-v-235f5ba0]:hover {
  color: #409eff;
  background-color: #ecf5ff;
  border-radius: 4px;
}
.translate-wrap .translate-body-task[data-v-235f5ba0] {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.translate-wrap .translate-body-task .translate-card[data-v-235f5ba0] {
  width: 100% !important;
  margin-bottom: 20px;
}
.translate-wrap .lang-more[data-v-235f5ba0] {
  position: absolute;
  padding-bottom: 80px;
  width: 100%;
  height: 100%;
  top: 56px;
  height: calc(100vh - 362px);
  z-index: 1;
}
.translate-wrap .lang-more[data-v-235f5ba0]  .el-card__header {
  padding-bottom: 6px;
  border-bottom: none;
}
.translate-wrap .lang-more[data-v-235f5ba0]  .el-card__header .lang-history {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 10px 20px;
}
.translate-wrap .lang-more[data-v-235f5ba0]  .el-card__header .lang-history span {
  cursor: pointer;
  padding: 6px 0;
  margin-right: 20px;
  font-size: 14px;
  color: #666666;
  font-weight: 700;
  font-size: 14px;
}
.translate-wrap .lang-more[data-v-235f5ba0]  .el-card__header .lang-history .active-history {
  color: #409eff;
  border-bottom: 2px solid #409eff;
}
.translate-wrap .lang-more[data-v-235f5ba0]  .el-card__header .box-card-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e6ebf5;
  margin-left: 20px;
}
.translate-wrap .lang-more[data-v-235f5ba0]  .el-card__header .box-card-search i {
  font-size: 14px;
}
.translate-wrap .lang-more[data-v-235f5ba0]  .el-card__header .box-card-search .el-input__inner {
  height: 40px;
  max-height: 40px !important;
  line-height: 32px !important;
  font-size: 14px;
  border: none;
}
.translate-wrap .lang-more[data-v-235f5ba0]  .el-card__body {
  height: 100%;
  overflow: auto;
}
.translate-wrap .lang-more[data-v-235f5ba0]  .el-card__body .box-card-lang {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.translate-wrap .lang-more[data-v-235f5ba0]  .el-card__body .box-card-lang > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 160px;
  font-size: 14px;
  color: #666666;
  height: 30px;
  margin-bottom: 16px;
  cursor: pointer;
}
.translate-wrap .lang-more[data-v-235f5ba0]  .el-card__body .box-card-lang > span .lang-name:hover {
  color: #409eff;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.translate-wrap .lang-more[data-v-235f5ba0]  .el-card__body .box-card-lang .active-allLag {
  color: #409eff;
}
.translate-wrap-tool[data-v-235f5ba0] {
  width: 96%;
  max-width: 1600px;
  margin: 40px auto 0;
  text-align: center;
}
.translate-wrap-tool .translate-body[data-v-235f5ba0] {
  height: calc(100vh - 320px);
  min-height: 500px;
}
.translate-wrap-tool .lang-more[data-v-235f5ba0] {
  top: 100px;
}
.translate-wrap-task .lang-head[data-v-235f5ba0] {
  display: block;
  text-align: center;
}
.translate-wrap-task .lang-head .lang[data-v-235f5ba0] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.translate-wrap-task .select-wrapper[data-v-235f5ba0] {
  width: 310px;
  margin: 20px auto;
}
.file-preview-body[data-v-7beeffa2] {
  min-height: 520px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f5f7fa;
}
.file-preview-image[data-v-7beeffa2] {
  max-width: 100%;
  max-height: 70vh;
  -o-object-fit: contain;
     object-fit: contain;
}
.file-preview-media[data-v-7beeffa2] {
  width: 100%;
  max-height: 70vh;
  background: #000;
}
.file-preview-audio[data-v-7beeffa2] {
  width: 80%;
}
.file-preview-frame[data-v-7beeffa2] {
  width: 100%;
  height: 70vh;
  border: 0;
  background: #fff;
}
.file-preview-empty[data-v-7beeffa2] {
  padding: 40px 20px;
  color: #606266;
  text-align: center;
  line-height: 22px;
}
.file-preview-empty .el-icon-warning-outline[data-v-7beeffa2] {
  margin-bottom: 12px;
  color: #e6a23c;
  font-size: 28px;
}
.file-preview-footer[data-v-7beeffa2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
}
.file-preview-footer .el-button + .el-button[data-v-7beeffa2] {
  margin-left: 0;
}
[data-v-7beeffa2] .file-preview-dialog .el-dialog__body {
  padding: 12px 20px;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-6be6d032]:export {
  theme: #409eff;
}
.card-table-container[data-v-6be6d032] {
  max-height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 4px;
}
.card-table-container[data-v-6be6d032]::-webkit-scrollbar {
  width: 6px;
}
.card-table-container[data-v-6be6d032]::-webkit-scrollbar-thumb {
  background: #dbdbdb;
  border-radius: 50px;
}
.card-table-container[data-v-6be6d032]::-webkit-scrollbar-thumb:hover {
  background: #cdcdcd;
}
.card-table[data-v-6be6d032] {
  background-color: transparent;
  overflow: visible;
}
.card-table[data-v-6be6d032]::before, .card-table[data-v-6be6d032]::after {
  display: none;
}
.card-table[data-v-6be6d032]  .el-table__header-wrapper {
  overflow: visible;
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: transparent;
}
.card-table[data-v-6be6d032]  .el-table__header-wrapper .el-table__header {
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 2px -2px rgba(62, 100, 255, 0.35), 0 3px 5px 0 rgba(62, 100, 255, 0.25), 0 4px 10px 3px rgba(62, 100, 255, 0.15);
          box-shadow: 0 1px 2px -2px rgba(62, 100, 255, 0.35), 0 3px 5px 0 rgba(62, 100, 255, 0.25), 0 4px 10px 3px rgba(62, 100, 255, 0.15);
}
.card-table[data-v-6be6d032]  .el-table__header-wrapper tr {
  background-color: transparent !important;
  color: #fff;
}
.card-table[data-v-6be6d032]  .el-table__header-wrapper tr th {
  padding: 0 !important;
  background-color: #3e64ff !important;
}
.card-table[data-v-6be6d032]  .el-table__header-wrapper tr th .cell {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.card-table[data-v-6be6d032]  .el-table__header-wrapper tr th.is-leaf:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.card-table[data-v-6be6d032]  .el-table__header-wrapper tr th.is-leaf:first-child .cell {
  padding-left: 16px !important;
}
.card-table[data-v-6be6d032]  .el-table__header-wrapper tr th.is-leaf:not(:has(~ .is-leaf)) {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.card-table[data-v-6be6d032]  .el-table__header-wrapper tr th.is-leaf:not(:has(~ .is-leaf)) .cell {
  padding-right: 16px !important;
}
.card-table[data-v-6be6d032]  .el-table__body-wrapper {
  margin-top: 5px;
  overflow: visible;
}
.card-table[data-v-6be6d032]  .el-table__body-wrapper .el-table__body {
  border-collapse: separate;
  border-spacing: 0 10px;
}
.card-table[data-v-6be6d032]  .el-table__body-wrapper .el-table__body tr.el-table__row {
  background-color: #fff;
  position: relative;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 32, 0.08);
          box-shadow: 0 0 0 1px rgba(16, 22, 32, 0.08);
  -webkit-transition: color 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: color 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s, color 0.3s;
  transition: transform 0.3s, box-shadow 0.3s, color 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
}
.card-table[data-v-6be6d032]  .el-table__body-wrapper .el-table__body tr.el-table__row:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 4px 10px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 4px 10px 3px rgba(0, 0, 0, 0.08);
  color: #000;
  z-index: 1;
}
.card-table[data-v-6be6d032]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell {
  background-color: transparent !important;
  padding: 0 !important;
}
.card-table[data-v-6be6d032]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell .cell {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.card-table[data-v-6be6d032]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.card-table[data-v-6be6d032]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell:first-child .cell {
  padding-left: 16px !important;
}
.card-table[data-v-6be6d032]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.card-table[data-v-6be6d032]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell:last-child .cell {
  padding-right: 16px !important;
}
.card-table[data-v-6be6d032]  .el-table__body-wrapper .el-table__body .el-descriptions__body {
  background-color: transparent;
}
.card-table[data-v-6be6d032]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-table tr,
.card-table[data-v-6be6d032]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-descriptions-row {
  background-color: transparent;
}
.card-table[data-v-6be6d032]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-table tr th,
.card-table[data-v-6be6d032]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-descriptions-row th {
  background-color: transparent;
}
.card-table[data-v-6be6d032]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-table tr .el-descriptions-item__cell,
.card-table[data-v-6be6d032]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-descriptions-row .el-descriptions-item__cell {
  border: none;
}
.card-table[data-v-6be6d032]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-table tr .el-descriptions-item__cell .el-descriptions-item__content,
.card-table[data-v-6be6d032]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-descriptions-row .el-descriptions-item__cell .el-descriptions-item__content {
  color: #536082;
  font-weight: 600;
}
.card-table[data-v-6be6d032]  .el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #e8eaf4;
  border-color: #dcdfe6;
}
.file-record-box .head[data-v-6be6d032] {
  padding: 10px 0 20px 0;
  border-bottom: 1px solid #eee;
}
.file-record-box .head .head-title[data-v-6be6d032] {
  font-size: 14px;
}
.file-record-box .head .head-search[data-v-6be6d032] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.file-record-box .head .head-search .el-button + .el-button[data-v-6be6d032] {
  margin-left: 0;
}
.file-record-box .head .head-search .el-input[data-v-6be6d032] {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.file-record-box .head .head-search .el-input[data-v-6be6d032]:hover {
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.file-record-box .head .head-search .el-input[data-v-6be6d032]  .el-input__inner {
  border-radius: 0;
}
.file-record-box .head .head-search .el-input[data-v-6be6d032]  .el-input__inner:focus {
  border-color: #3e64ff;
  z-index: 2;
}
.file-record-box .head .head-search .el-input[data-v-6be6d032]  .el-input__inner:hover {
  border-color: #c0c4cc;
  z-index: 2;
}
.file-record-box .upload[data-v-6be6d032] {
  margin-top: 20px;
}
.file-record-box .upload .el-upload-list[data-v-6be6d032] {
  width: 360px;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: left;
}
.file-record-box .el-divider[data-v-6be6d032] {
  background-color: #eee !important;
}
.file-record-box .pagination[data-v-6be6d032] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
.file-record-box .pagination[data-v-6be6d032]  .el-pager li.active {
  color: #3e64ff;
}
.file-record-box .el-icon-refresh[data-v-6be6d032] {
  color: #3e64ff;
  cursor: pointer;
}
[data-v-6be6d032] .fixed-layout-descriptions .el-descriptions__body table {
  table-layout: fixed;
}
[data-v-6be6d032] .fixed-layout-descriptions .attach-loading-icon {
  font-size: 12px;
  color: #6c7ac0;
  -webkit-animation: rotate-data-v-6be6d032 1s linear infinite;
          animation: rotate-data-v-6be6d032 1s linear infinite;
}
@-webkit-keyframes rotate-data-v-6be6d032 {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes rotate-data-v-6be6d032 {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.pointer[data-v-6be6d032] {
  cursor: pointer;
  color: #3e64ff;
}
.card-table-container[data-v-200b12ad] {
  max-height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 4px;
}
.card-table-container[data-v-200b12ad]::-webkit-scrollbar {
  width: 6px;
}
.card-table-container[data-v-200b12ad]::-webkit-scrollbar-thumb {
  background: #dbdbdb;
  border-radius: 50px;
}
.card-table-container[data-v-200b12ad]::-webkit-scrollbar-thumb:hover {
  background: #cdcdcd;
}
.card-table[data-v-200b12ad] {
  background-color: transparent;
  overflow: visible;
}
.card-table[data-v-200b12ad]::before, .card-table[data-v-200b12ad]::after {
  display: none;
}
.card-table[data-v-200b12ad]  .el-table__header-wrapper {
  overflow: visible;
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: transparent;
}
.card-table[data-v-200b12ad]  .el-table__header-wrapper .el-table__header {
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 2px -2px rgba(62, 100, 255, 0.35), 0 3px 5px 0 rgba(62, 100, 255, 0.25), 0 4px 10px 3px rgba(62, 100, 255, 0.15);
          box-shadow: 0 1px 2px -2px rgba(62, 100, 255, 0.35), 0 3px 5px 0 rgba(62, 100, 255, 0.25), 0 4px 10px 3px rgba(62, 100, 255, 0.15);
}
.card-table[data-v-200b12ad]  .el-table__header-wrapper tr {
  background-color: transparent !important;
  color: #fff;
}
.card-table[data-v-200b12ad]  .el-table__header-wrapper tr th {
  padding: 0 !important;
  background-color: #3e64ff !important;
}
.card-table[data-v-200b12ad]  .el-table__header-wrapper tr th .cell {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.card-table[data-v-200b12ad]  .el-table__header-wrapper tr th.is-leaf:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.card-table[data-v-200b12ad]  .el-table__header-wrapper tr th.is-leaf:first-child .cell {
  padding-left: 16px !important;
}
.card-table[data-v-200b12ad]  .el-table__header-wrapper tr th.is-leaf:not(:has(~ .is-leaf)) {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.card-table[data-v-200b12ad]  .el-table__header-wrapper tr th.is-leaf:not(:has(~ .is-leaf)) .cell {
  padding-right: 16px !important;
}
.card-table[data-v-200b12ad]  .el-table__body-wrapper {
  margin-top: 5px;
  overflow: visible;
}
.card-table[data-v-200b12ad]  .el-table__body-wrapper .el-table__body {
  border-collapse: separate;
  border-spacing: 0 10px;
}
.card-table[data-v-200b12ad]  .el-table__body-wrapper .el-table__body tr.el-table__row {
  background-color: #fff;
  position: relative;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 32, 0.08);
          box-shadow: 0 0 0 1px rgba(16, 22, 32, 0.08);
  -webkit-transition: color 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: color 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s, color 0.3s;
  transition: transform 0.3s, box-shadow 0.3s, color 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
}
.card-table[data-v-200b12ad]  .el-table__body-wrapper .el-table__body tr.el-table__row:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 4px 10px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 4px 10px 3px rgba(0, 0, 0, 0.08);
  color: #000;
  z-index: 1;
}
.card-table[data-v-200b12ad]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell {
  background-color: transparent !important;
  padding: 0 !important;
}
.card-table[data-v-200b12ad]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell .cell {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.card-table[data-v-200b12ad]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.card-table[data-v-200b12ad]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell:first-child .cell {
  padding-left: 16px !important;
}
.card-table[data-v-200b12ad]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.card-table[data-v-200b12ad]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell:last-child .cell {
  padding-right: 16px !important;
}
.card-table[data-v-200b12ad]  .el-table__body-wrapper .el-table__body .el-descriptions__body {
  background-color: transparent;
}
.card-table[data-v-200b12ad]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-table tr,
.card-table[data-v-200b12ad]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-descriptions-row {
  background-color: transparent;
}
.card-table[data-v-200b12ad]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-table tr th,
.card-table[data-v-200b12ad]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-descriptions-row th {
  background-color: transparent;
}
.card-table[data-v-200b12ad]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-table tr .el-descriptions-item__cell,
.card-table[data-v-200b12ad]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-descriptions-row .el-descriptions-item__cell {
  border: none;
}
.card-table[data-v-200b12ad]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-table tr .el-descriptions-item__cell .el-descriptions-item__content,
.card-table[data-v-200b12ad]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-descriptions-row .el-descriptions-item__cell .el-descriptions-item__content {
  color: #536082;
  font-weight: 600;
}
.card-table[data-v-200b12ad]  .el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #e8eaf4;
  border-color: #dcdfe6;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-200b12ad]:export {
  theme: #409eff;
}
.mail-record-box .head[data-v-200b12ad] {
  padding: 10px 0 20px 0;
  border-bottom: 1px solid #eee;
}
.mail-record-box .head .head-title[data-v-200b12ad] {
  font-size: 14px;
}
.mail-record-box .head .head-search[data-v-200b12ad] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.mail-record-box .head .el-cascader[data-v-200b12ad],
.mail-record-box .head .el-input[data-v-200b12ad] {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mail-record-box .head .el-cascader[data-v-200b12ad]:hover,
.mail-record-box .head .el-input[data-v-200b12ad]:hover {
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.mail-record-box .head .el-cascader[data-v-200b12ad]  .el-input__inner,
.mail-record-box .head .el-input[data-v-200b12ad]  .el-input__inner {
  border-radius: 0;
}
.mail-record-box .head .el-cascader[data-v-200b12ad]  .el-input__inner:focus,
.mail-record-box .head .el-input[data-v-200b12ad]  .el-input__inner:focus {
  border-color: #3e64ff;
  z-index: 2;
}
.mail-record-box .head .el-cascader[data-v-200b12ad]  .el-input__inner:hover,
.mail-record-box .head .el-input[data-v-200b12ad]  .el-input__inner:hover {
  border-color: #c0c4cc;
  z-index: 2;
}
.mail-record-box .head[data-v-200b12ad]  .el-input.is-focus .el-input__inner {
  border-color: #3e64ff;
  z-index: 2;
}
.mail-record-box .pagination-sty-center[data-v-200b12ad]  .el-pager li.active {
  color: #3e64ff;
}
.pointer[data-v-200b12ad] {
  cursor: pointer;
  color: #3e64ff;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-54896682]:export {
  theme: #409eff;
}
.communication-tabs[data-v-54896682]  .el-tabs__header .el-tabs__nav-scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.communication-tabs[data-v-54896682]  .el-tabs__header .el-tabs__active-bar {
  background-color: #212121;
  height: 1px;
}
.communication-tabs[data-v-54896682]  .el-tabs__header .el-tabs__item {
  margin-bottom: 8px !important;
}
.communication-tabs[data-v-54896682]  .el-tabs__header .el-tabs__item:hover {
  color: #6e6e6e;
}
.communication-tabs[data-v-54896682]  .el-tabs__header .is-active {
  color: #212121;
}
.communication-tabs[data-v-54896682]  .el-tabs__header .is-active:hover {
  color: #212121;
}
.communication-tabs[data-v-54896682]  .el-tabs__header .el-tabs__nav-wrap::after {
  background-color: #d7d7d7;
  height: 1px;
}
.communication-tabs[data-v-54896682]  .el-tabs__content {
  overflow: visible;
}
.communication-tabs[data-v-54896682]  .el-button--primary {
  background-color: #3e64ff;
  border-color: #3e64ff;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-712792d4]:export {
  theme: #409eff;
}
.card-table-container[data-v-712792d4] {
  max-height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 4px;
}
.card-table-container[data-v-712792d4]::-webkit-scrollbar {
  width: 6px;
}
.card-table-container[data-v-712792d4]::-webkit-scrollbar-thumb {
  background: #dbdbdb;
  border-radius: 50px;
}
.card-table-container[data-v-712792d4]::-webkit-scrollbar-thumb:hover {
  background: #cdcdcd;
}
.card-table[data-v-712792d4] {
  background-color: transparent;
  overflow: visible;
}
.card-table[data-v-712792d4]::before, .card-table[data-v-712792d4]::after {
  display: none;
}
.card-table[data-v-712792d4]  .el-table__header-wrapper {
  overflow: visible;
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: transparent;
}
.card-table[data-v-712792d4]  .el-table__header-wrapper .el-table__header {
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 2px -2px rgba(62, 100, 255, 0.35), 0 3px 5px 0 rgba(62, 100, 255, 0.25), 0 4px 10px 3px rgba(62, 100, 255, 0.15);
          box-shadow: 0 1px 2px -2px rgba(62, 100, 255, 0.35), 0 3px 5px 0 rgba(62, 100, 255, 0.25), 0 4px 10px 3px rgba(62, 100, 255, 0.15);
}
.card-table[data-v-712792d4]  .el-table__header-wrapper tr {
  background-color: transparent !important;
  color: #fff;
}
.card-table[data-v-712792d4]  .el-table__header-wrapper tr th {
  padding: 0 !important;
  background-color: #3e64ff !important;
}
.card-table[data-v-712792d4]  .el-table__header-wrapper tr th .cell {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.card-table[data-v-712792d4]  .el-table__header-wrapper tr th.is-leaf:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.card-table[data-v-712792d4]  .el-table__header-wrapper tr th.is-leaf:first-child .cell {
  padding-left: 16px !important;
}
.card-table[data-v-712792d4]  .el-table__header-wrapper tr th.is-leaf:not(:has(~ .is-leaf)) {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.card-table[data-v-712792d4]  .el-table__header-wrapper tr th.is-leaf:not(:has(~ .is-leaf)) .cell {
  padding-right: 16px !important;
}
.card-table[data-v-712792d4]  .el-table__body-wrapper {
  margin-top: 5px;
  overflow: visible;
}
.card-table[data-v-712792d4]  .el-table__body-wrapper .el-table__body {
  border-collapse: separate;
  border-spacing: 0 10px;
}
.card-table[data-v-712792d4]  .el-table__body-wrapper .el-table__body tr.el-table__row {
  background-color: #fff;
  position: relative;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 0 1px rgba(16, 22, 32, 0.08);
          box-shadow: 0 0 0 1px rgba(16, 22, 32, 0.08);
  -webkit-transition: color 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: color 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s, color 0.3s;
  transition: transform 0.3s, box-shadow 0.3s, color 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
}
.card-table[data-v-712792d4]  .el-table__body-wrapper .el-table__body tr.el-table__row:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 4px 10px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.14), 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 4px 10px 3px rgba(0, 0, 0, 0.08);
  color: #000;
  z-index: 1;
}
.card-table[data-v-712792d4]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell {
  background-color: transparent !important;
  padding: 0 !important;
}
.card-table[data-v-712792d4]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell .cell {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.card-table[data-v-712792d4]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.card-table[data-v-712792d4]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell:first-child .cell {
  padding-left: 16px !important;
}
.card-table[data-v-712792d4]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.card-table[data-v-712792d4]  .el-table__body-wrapper .el-table__body tr.el-table__row td.el-table__cell:last-child .cell {
  padding-right: 16px !important;
}
.card-table[data-v-712792d4]  .el-table__body-wrapper .el-table__body .el-descriptions__body {
  background-color: transparent;
}
.card-table[data-v-712792d4]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-table tr,
.card-table[data-v-712792d4]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-descriptions-row {
  background-color: transparent;
}
.card-table[data-v-712792d4]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-table tr th,
.card-table[data-v-712792d4]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-descriptions-row th {
  background-color: transparent;
}
.card-table[data-v-712792d4]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-table tr .el-descriptions-item__cell,
.card-table[data-v-712792d4]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-descriptions-row .el-descriptions-item__cell {
  border: none;
}
.card-table[data-v-712792d4]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-table tr .el-descriptions-item__cell .el-descriptions-item__content,
.card-table[data-v-712792d4]  .el-table__body-wrapper .el-table__body .el-descriptions__body .el-descriptions-row .el-descriptions-item__cell .el-descriptions-item__content {
  color: #536082;
  font-weight: 600;
}
.card-table[data-v-712792d4]  .el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #e8eaf4;
  border-color: #dcdfe6;
}
.feedback .custom-tabs[data-v-712792d4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 16px;
  gap: 12px;
}
.feedback .custom-tabs .tab-item[data-v-712792d4] {
  padding: 8px 24px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 6px;
  color: #606266;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: 1px solid transparent;
  font-weight: 500;
}
.feedback .custom-tabs .tab-item[data-v-712792d4]:hover {
  color: #3e64ff;
  background-color: rgba(62, 100, 255, 0.05);
}
.feedback .custom-tabs .tab-item.active[data-v-712792d4] {
  color: #3e64ff;
  background-color: rgba(62, 100, 255, 0.1);
  border-color: rgba(62, 100, 255, 0.2);
  font-weight: 600;
  -webkit-box-shadow: 0 2px 6px rgba(62, 100, 255, 0.1);
          box-shadow: 0 2px 6px rgba(62, 100, 255, 0.1);
}
.feedback .info-inline-item[data-v-712792d4] {
  display: inline-block;
  width: 49%;
}
.feedback .pagination .el-pagination[data-v-712792d4] {
  text-align: center;
}
.feedback .associatedTasks-merge[data-v-712792d4] {
  margin-top: 16px;
}
.feedback .associatedTasks-merge-btn[data-v-712792d4] {
  text-align: center;
}
.feedback .associatedTasks-merge-btn .el-form-item__content[data-v-712792d4] {
  margin-left: 0 !important;
}
.feedback .is-blue .el-input__inner[data-v-712792d4] {
  color: #13ce66;
}
.feedback .is-red .el-input__inner[data-v-712792d4] {
  color: #ff4949;
}
.feedback[data-v-712792d4]  .el-button--primary {
  background-color: #3e64ff;
  border-color: #3e64ff;
}
@charset "UTF-8";
.msg-mail-list[data-v-3aa2b37d] {
  padding-top: 0px;
  overflow: auto;
  width: 100%;
  height: 100%;
}
.msg-mail-list .loading-buttom[data-v-3aa2b37d] {
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.msg-mail-list .loading[data-v-3aa2b37d] {
  text-align: center;
}
.msg-mail-list .mail-item-container[data-v-3aa2b37d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: 16px;
  padding-bottom: 30px;
}
.msg-mail-list .mail-item-container .mail-item[data-v-3aa2b37d] {
  position: relative;
}
@media screen and (max-width: 2560px) {
.msg-mail-list .mail-item-container .mail-item[data-v-3aa2b37d] {
    max-width: 80%;
    min-width: 42%;
}
}
@media screen and (max-width: 1920px) {
.msg-mail-list .mail-item-container .mail-item[data-v-3aa2b37d] {
    max-width: 86%;
}
}
.msg-mail-list .mail-item-container .mail-item .check-left[data-v-3aa2b37d] {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -40px;
  margin-top: 10px;
}
.msg-mail-list .mail-item-container .mail-item .check-left .el-checkbox[data-v-3aa2b37d] {
  display: block;
}
.msg-mail-list .mail-item-container .mail-item .check-left[data-v-3aa2b37d] :nth-of-type(2) {
  margin-top: 2px;
}
.msg-mail-list .mail-item-container .mail-item .check-right[data-v-3aa2b37d] {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -40px;
  margin-top: 10px;
}
.msg-mail-list .mail-item-container .mail-item .check-right .el-checkbox[data-v-3aa2b37d] {
  display: block;
}
.msg-mail-list .mail-item-right[data-v-3aa2b37d] {
  padding-left: 60px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.msg-mail-list .mail-item-left[data-v-3aa2b37d] {
  padding-left: 60px;
}
@media screen and (max-width: 768px) {
.msg-mail-list .mail-item-container[data-v-3aa2b37d] {
    margin-left: 0;
    padding-bottom: 12px;
}
.msg-mail-list .mail-item-left[data-v-3aa2b37d],
.msg-mail-list .mail-item-right[data-v-3aa2b37d] {
    padding-left: 8px;
    padding-right: 8px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.msg-mail-list .mail-item[data-v-3aa2b37d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100%;
}
.msg-mail-list .mail-item .check-left[data-v-3aa2b37d],
.msg-mail-list .mail-item .check-right[data-v-3aa2b37d] {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    position: static !important;
    -webkit-transform: none !important;
            transform: none !important;
    margin-top: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.msg-mail-list .mail-item .check-left[data-v-3aa2b37d]  .el-checkbox__inner,
.msg-mail-list .mail-item .check-right[data-v-3aa2b37d]  .el-checkbox__inner {
    width: 18px;
    height: 18px;
    border-radius: 4px;
}
.msg-mail-list .mail-item .check-left[data-v-3aa2b37d]  .el-checkbox__inner::after,
.msg-mail-list .mail-item .check-right[data-v-3aa2b37d]  .el-checkbox__inner::after {
    left: 5px;
    top: 2px;
}
.msg-mail-list .mail-item-left .mail-item[data-v-3aa2b37d]  > div:first-child {
    max-width: 85%;
}
.msg-mail-list .mail-item-left .mail-item[data-v-3aa2b37d]  .item-left .mail-item-head {
    font-size: 12px;
    color: #86909c;
    margin-bottom: 4px;
}
.msg-mail-list .mail-item-left .mail-item[data-v-3aa2b37d]  .item-left .mail-item-head p {
    font-size: 13px;
    font-weight: 600;
    color: #1d2129;
}
.msg-mail-list .mail-item-left .mail-item[data-v-3aa2b37d]  .item-left .mail-item-content {
    background: #f0f2f5 !important;
    border: none !important;
    border-radius: 0 12px 12px 12px !important;
    padding: 10px 12px;
    font-size: 13px;
    line-height: 1.6;
    word-break: break-word;
}
.msg-mail-list .mail-item-right .mail-item[data-v-3aa2b37d]  > div:first-child {
    margin-left: auto;
    max-width: 85%;
}
.msg-mail-list .mail-item-right .mail-item[data-v-3aa2b37d]  .item-right .mail-item-head {
    font-size: 12px;
    color: #86909c;
    margin-bottom: 4px;
    text-align: right;
}
.msg-mail-list .mail-item-right .mail-item[data-v-3aa2b37d]  .item-right .mail-item-head p {
    font-size: 13px;
    font-weight: 600;
    color: #1d2129;
}
.msg-mail-list .mail-item-right .mail-item[data-v-3aa2b37d]  .item-right .mail-item-content {
    background: #c9e7ff !important;
    border: none !important;
    border-radius: 12px 0 12px 12px !important;
    padding: 10px 12px;
    font-size: 13px;
    line-height: 1.6;
    word-break: break-word;
}
}
/*定义整个滚动条高宽及背景：高宽分别对应横竖滚动条的尺寸*/
[data-v-3aa2b37d]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #f5f5f5;
}
/*定义滚动条轨道：内阴影+圆角*/
[data-v-3aa2b37d]::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
/*定义滑块：内阴影+圆角*/
[data-v-3aa2b37d]::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: rgba(178, 179, 182, 0.3);
}
[data-v-3aa2b37d]::-webkit-scrollbar-thumb:hover {
  background-color: rgba(144, 147, 153, 0.3);
}
@media screen and (max-width: 768px) {
.association-mail-dialog .el-dialog {
    margin: 5vh auto !important;
    border-radius: 12px;
}
.association-mail-dialog .el-dialog__header {
    padding: 14px 16px 10px;
    font-size: 15px;
    border-bottom: 1px solid #ebeef5;
}
.association-mail-dialog .el-dialog__title {
    font-size: 15px;
    font-weight: 600;
}
.association-mail-dialog .el-dialog__body {
    padding: 10px 8px;
    max-height: 65vh;
    overflow-y: auto;
}
.association-mail-dialog .el-dialog__footer {
    padding: 10px 16px 14px;
    border-top: 1px solid #ebeef5;
}
.association-mail-dialog .el-dialog__footer .dialog-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}
.association-mail-dialog .el-dialog__footer .dialog-footer .el-button {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 40px;
    font-size: 14px;
    margin: 0 !important;
}
}
.ai-mail-assistant[data-v-3002d3aa] {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.title-row[data-v-3002d3aa] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.title[data-v-3002d3aa] {
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0 10px 0;
  color: #000;
}
.sub_title[data-v-3002d3aa] {
  font-size: 16px;
}
.star-translate[data-v-3002d3aa] {
  padding: 40px;
  background: #f7f9fa;
  text-align: center;
}
.original[data-v-3002d3aa] {
  overflow: auto;
}
.answer[data-v-3002d3aa] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
  padding: 10px;
  background: #f7f9fa;
  color: #000;
  overflow-x: auto;
  overflow-wrap: anywhere;
  word-break: break-word;
  word-wrap: break-word;
}
.answer[data-v-3002d3aa]  p,
.answer[data-v-3002d3aa]  span,
.answer[data-v-3002d3aa]  div,
.answer[data-v-3002d3aa]  a,
.answer[data-v-3002d3aa]  code,
.answer[data-v-3002d3aa]  blockquote {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  word-wrap: break-word;
}
.answer[data-v-3002d3aa]  pre {
  max-width: 100%;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
  word-wrap: break-word;
}
.answer[data-v-3002d3aa]  img {
  max-width: 100%;
  height: auto;
}
.answer[data-v-3002d3aa]  table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}
.answer[data-v-3002d3aa]  td,
.answer[data-v-3002d3aa]  th {
  overflow-wrap: anywhere;
  word-break: break-word;
  word-wrap: break-word;
}
.answer .markedAnswer[data-v-3002d3aa] {
  -webkit-text-size-adjust: 100%;
  color: #101828;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  word-wrap: break-word;
  word-break: break-word;
}
.answer .markedAnswer[data-v-3002d3aa]  ol,
.answer .markedAnswer[data-v-3002d3aa]  ul,
.answer .markedAnswer[data-v-3002d3aa]  li {
  list-style-type: auto;
}
.answer .markedAnswer[data-v-3002d3aa]  .marked-list-no-number {
  list-style: none !important;
}
.answer .markedAnswer[data-v-3002d3aa]  ol.marked-list-no-number,
.answer .markedAnswer[data-v-3002d3aa]  ul.marked-list-no-number {
  -webkit-padding-start: 1.5em !important;
          padding-inline-start: 1.5em !important;
}
.answer .markedAnswer[data-v-3002d3aa]  hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  overflow: hidden;
  background: transparent;
  height: 0.25em;
  padding: 0;
  margin: 24px 0;
  background-color: #d0d7de;
  border: 0;
}
.answer .markedAnswer[data-v-3002d3aa]  blockquote,
.answer .markedAnswer[data-v-3002d3aa]  details,
.answer .markedAnswer[data-v-3002d3aa]  dl,
.answer .markedAnswer[data-v-3002d3aa]  ol,
.answer .markedAnswer[data-v-3002d3aa]  p,
.answer .markedAnswer[data-v-3002d3aa]  pre,
.answer .markedAnswer[data-v-3002d3aa]  table,
.answer .markedAnswer[data-v-3002d3aa]  ul {
  margin-top: 0;
  margin-bottom: 12px;
}
.answer-button[data-v-3002d3aa] {
  margin-top: 30px;
  text-align: center;
}
.qi-scroll-container .original[data-v-3002d3aa],
.qi-scroll-container .markedAnswer[data-v-3002d3aa] {
  height: 300px;
  overflow-y: auto;
}
.prompt-input[data-v-3002d3aa] {
  margin: 10px 0;
  border: 1px solid #dcdfe6;
  border-radius: 14px;
}
.prompt-input[data-v-3002d3aa]  .el-textarea__inner {
  border-radius: 14px;
  border: none;
}
.prompt-input .prompt-send[data-v-3002d3aa] {
  padding: 0 10px 10px 10px;
  text-align: right;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-a97d4966]:export {
  theme: #409eff;
}
.config-card[data-v-a97d4966] {
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 12px;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.config-card[data-v-a97d4966]:hover {
  -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
          box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.config-card .card-title[data-v-a97d4966] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.config-card .card-title i[data-v-a97d4966] {
  color: #3e64ff;
  margin-right: 6px;
  font-size: 16px;
}
.original-content-box[data-v-a97d4966] {
  background: #f8f9fb;
  border-radius: 8px;
  padding: 12px;
  border: 1px solid #ebeef5;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.original-content-box[data-v-a97d4966]:hover {
  border-color: #dcdfe6;
  background: #fff;
}
.original-content-box .content-text[data-v-a97d4966] {
  font-size: 13px;
  color: #606266;
  line-height: 1.6;
  max-height: 200px;
  overflow-y: auto;
  word-break: break-all;
}
.original-content-box .content-text[data-v-a97d4966]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.original-content-box .content-text[data-v-a97d4966]::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #c0c4cc;
}
.original-content-box .content-text[data-v-a97d4966]::-webkit-scrollbar-track {
  background: transparent;
}
.input-label[data-v-a97d4966] {
  font-size: 12px;
  color: #606266;
  margin-bottom: 8px;
  font-weight: 700;
}
.submit-wrapper[data-v-a97d4966] {
  margin: 20px 0;
  padding: 0 5px;
}
.magic-btn-container[data-v-a97d4966] {
  position: relative;
  height: 38px;
  cursor: pointer;
  border-radius: 19px;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 15px rgba(64, 158, 255, 0.3);
          box-shadow: 0 4px 15px rgba(64, 158, 255, 0.3);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.magic-btn-container[data-v-a97d4966]:hover {
  -webkit-box-shadow: 0 2px 4px -1px rgba(64, 158, 255, 0.3), 0 4px 8px 0 rgba(64, 158, 255, 0.25), 0 6px 20px 2px rgba(64, 158, 255, 0.15);
          box-shadow: 0 2px 4px -1px rgba(64, 158, 255, 0.3), 0 4px 8px 0 rgba(64, 158, 255, 0.25), 0 6px 20px 2px rgba(64, 158, 255, 0.15);
}
.magic-btn-container:hover .magic-btn-bg[data-v-a97d4966] {
  -webkit-animation: gradient-flow-data-v-a97d4966 3s linear infinite;
          animation: gradient-flow-data-v-a97d4966 3s linear infinite;
}
.magic-btn-container.is-loading[data-v-a97d4966] {
  cursor: wait;
  pointer-events: none;
}
.magic-btn-container.is-loading .magic-btn-bg[data-v-a97d4966] {
  -webkit-animation: gradient-flow-data-v-a97d4966 3s linear infinite;
          animation: gradient-flow-data-v-a97d4966 3s linear infinite;
}
.magic-btn-container .magic-btn-bg[data-v-a97d4966] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #3e64ff, #4facfe, #3e64ff, #4facfe);
  background-size: 300% 100%;
  -webkit-transition: background-position 0.5s ease;
  transition: background-position 0.5s ease;
}
.magic-btn-container .magic-btn-content[data-v-a97d4966] {
  position: relative;
  z-index: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
}
.magic-btn-container .magic-btn-content i[data-v-a97d4966] {
  margin-right: 8px;
  font-size: 16px;
}
@-webkit-keyframes gradient-flow-data-v-a97d4966 {
0% {
    background-position: 0% 50%;
}
100% {
    background-position: 100% 50%;
}
}
@keyframes gradient-flow-data-v-a97d4966 {
0% {
    background-position: 0% 50%;
}
100% {
    background-position: 100% 50%;
}
}
.result-area[data-v-a97d4966] {
  background: #fff;
  border-radius: 12px;
  border: none;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.result-area[data-v-a97d4966]:hover {
  -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
          box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.result-area .result-header[data-v-a97d4966] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
  border-bottom: 1px solid #f0f2f5;
  background: #ecf5ff;
}
.result-area .result-header .header-left[data-v-a97d4966] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.result-area .result-header .header-left .title[data-v-a97d4966] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin-left: 8px;
}
.result-area .result-header .header-left i[data-v-a97d4966] {
  font-size: 16px;
  color: #3e64ff;
}
.result-area .result-header .actions .el-button[data-v-a97d4966] {
  padding: 0 !important;
  color: #3e64ff;
}
.result-area .result-content-wrapper[data-v-a97d4966] {
  padding: 20px;
  min-height: 100px;
}
.result-area .result-content-wrapper .markdown-content[data-v-a97d4966] {
  -webkit-text-size-adjust: 100%;
  font-size: 14px;
  color: #101828;
  line-height: 1.6;
  word-wrap: break-word;
  word-break: break-word;
}
.result-area .result-content-wrapper .markdown-content[data-v-a97d4966]  ol,
.result-area .result-content-wrapper .markdown-content[data-v-a97d4966]  ul,
.result-area .result-content-wrapper .markdown-content[data-v-a97d4966]  li {
  list-style-type: auto;
}
.result-area .result-content-wrapper .markdown-content[data-v-a97d4966]  .marked-list-no-number {
  list-style: none !important;
}
.result-area .result-content-wrapper .markdown-content[data-v-a97d4966]  ol.marked-list-no-number,
.result-area .result-content-wrapper .markdown-content[data-v-a97d4966]  ul.marked-list-no-number {
  -webkit-padding-start: 1.5em !important;
          padding-inline-start: 1.5em !important;
}
.result-area .result-content-wrapper .markdown-content[data-v-a97d4966]  hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  overflow: hidden;
  background: transparent;
  height: 0.25em;
  padding: 0;
  margin: 24px 0;
  background-color: #e5e8f7;
  border: 0;
}
.result-area .result-content-wrapper .markdown-content[data-v-a97d4966]  blockquote,
.result-area .result-content-wrapper .markdown-content[data-v-a97d4966]  details,
.result-area .result-content-wrapper .markdown-content[data-v-a97d4966]  dl,
.result-area .result-content-wrapper .markdown-content[data-v-a97d4966]  ol,
.result-area .result-content-wrapper .markdown-content[data-v-a97d4966]  p,
.result-area .result-content-wrapper .markdown-content[data-v-a97d4966]  pre,
.result-area .result-content-wrapper .markdown-content[data-v-a97d4966]  table,
.result-area .result-content-wrapper .markdown-content[data-v-a97d4966]  ul {
  margin-top: 0;
  margin-bottom: 12px;
}
.empty-state[data-v-a97d4966] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 60px 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.empty-state .empty-icon[data-v-a97d4966] {
  width: 70px;
  height: 70px;
  background: linear-gradient(135deg, #f5f7fa 0%, #e4e7ed 100%);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 16px;
  -webkit-box-shadow: inset 0 2px 4px white, 0 4px 10px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px white, 0 4px 10px rgba(0, 0, 0, 0.05);
}
.empty-state .empty-icon i[data-v-a97d4966] {
  font-size: 30px;
  color: #909399;
}
.empty-state .empty-text[data-v-a97d4966] {
  color: #909399;
  font-size: 14px;
  font-weight: 500;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-31317da1]:export {
  theme: #409eff;
}
.config-card[data-v-31317da1] {
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 12px;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.config-card[data-v-31317da1]:hover {
  -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
          box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.config-card .card-title[data-v-31317da1] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.config-card .card-title i[data-v-31317da1] {
  color: #3e64ff;
  margin-right: 6px;
  font-size: 16px;
}
.type-selector[data-v-31317da1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.type-selector .type-option[data-v-31317da1] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 10px;
  border: 1px solid #dcdfe6;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.type-selector .type-option .icon-box[data-v-31317da1] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #f0f2f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 8px;
  color: #909399;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1;
}
.type-selector .type-option .icon-box i[data-v-31317da1] {
  font-size: 14px;
}
.type-selector .type-option .option-info[data-v-31317da1] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.type-selector .type-option .option-info .main-text[data-v-31317da1] {
  font-size: 12px;
  font-weight: 600;
  color: #606266;
  line-height: 1.2;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  white-space: nowrap;
}
.type-selector .type-option[data-v-31317da1]:hover {
  border-color: #c0c4cc;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.type-selector .type-option.active[data-v-31317da1] {
  border-color: #3e64ff;
  background: #ecf5ff;
}
.type-selector .type-option.active .icon-box[data-v-31317da1] {
  background: #3e64ff;
  color: #fff;
}
.type-selector .type-option.active .option-info[data-v-31317da1] {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}
.type-selector .type-option.active .option-info .main-text[data-v-31317da1] {
  color: #3e64ff;
}
.flex-row[data-v-31317da1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
  gap: 12px;
}
.flex-row .flex-item[data-v-31317da1] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.role-section .sub-label[data-v-31317da1] {
  font-size: 12px;
  color: #606266;
  margin-bottom: 8px;
  font-weight: 700;
}
.role-separator[data-v-31317da1],
.section-divider[data-v-31317da1] {
  height: 1px;
  background: #ebeef5;
  margin: 20px 0;
}
.section-divider[data-v-31317da1] {
  border-top: 1px dashed #e4e7ed;
  background: transparent;
}
.submit-wrapper[data-v-31317da1] {
  margin: 20px 0;
  padding: 0 5px;
}
.magic-btn-container[data-v-31317da1] {
  position: relative;
  height: 38px;
  cursor: pointer;
  border-radius: 19px;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 15px rgba(64, 158, 255, 0.3);
          box-shadow: 0 4px 15px rgba(64, 158, 255, 0.3);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.magic-btn-container[data-v-31317da1]:hover {
  -webkit-box-shadow: 0 2px 4px -1px rgba(64, 158, 255, 0.3), 0 4px 8px 0 rgba(64, 158, 255, 0.25), 0 6px 20px 2px rgba(64, 158, 255, 0.15);
          box-shadow: 0 2px 4px -1px rgba(64, 158, 255, 0.3), 0 4px 8px 0 rgba(64, 158, 255, 0.25), 0 6px 20px 2px rgba(64, 158, 255, 0.15);
}
.magic-btn-container:hover .magic-btn-bg[data-v-31317da1] {
  -webkit-animation: gradient-flow-data-v-31317da1 3s linear infinite;
          animation: gradient-flow-data-v-31317da1 3s linear infinite;
}
.magic-btn-container.is-loading[data-v-31317da1] {
  cursor: wait;
  pointer-events: none;
}
.magic-btn-container.is-loading .magic-btn-bg[data-v-31317da1] {
  -webkit-animation: gradient-flow-data-v-31317da1 3s linear infinite;
          animation: gradient-flow-data-v-31317da1 3s linear infinite;
}
.magic-btn-container .magic-btn-bg[data-v-31317da1] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #3e64ff, #4facfe, #3e64ff, #4facfe);
  background-size: 300% 100%;
  -webkit-transition: background-position 0.5s ease;
  transition: background-position 0.5s ease;
}
.magic-btn-container .magic-btn-content[data-v-31317da1] {
  position: relative;
  z-index: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
}
.magic-btn-container .magic-btn-content i[data-v-31317da1] {
  margin-right: 8px;
  font-size: 16px;
}
@-webkit-keyframes gradient-flow-data-v-31317da1 {
0% {
    background-position: 0% 50%;
}
100% {
    background-position: 100% 50%;
}
}
@keyframes gradient-flow-data-v-31317da1 {
0% {
    background-position: 0% 50%;
}
100% {
    background-position: 100% 50%;
}
}
.result-area[data-v-31317da1] {
  background: #fff;
  border-radius: 12px;
  border: none;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.result-area[data-v-31317da1]:hover {
  -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
          box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.result-area .result-header[data-v-31317da1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
  border-bottom: 1px solid #f0f2f5;
  background: #ecf5ff;
}
.result-area .result-header .header-left[data-v-31317da1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.result-area .result-header .header-left .title[data-v-31317da1] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin-left: 8px;
}
.result-area .result-header .header-left i[data-v-31317da1] {
  font-size: 16px;
  color: #3e64ff;
}
.result-area .result-header .actions .el-button[data-v-31317da1] {
  padding: 0 !important;
  color: #3e64ff;
}
.result-area .result-content-wrapper[data-v-31317da1] {
  padding: 20px;
  min-height: 100px;
}
.result-area .result-content-wrapper .markdown-content[data-v-31317da1] {
  -webkit-text-size-adjust: 100%;
  font-size: 14px;
  color: #101828;
  line-height: 1.6;
  word-wrap: break-word;
  word-break: break-word;
}
.result-area .result-content-wrapper .markdown-content[data-v-31317da1]  ol,
.result-area .result-content-wrapper .markdown-content[data-v-31317da1]  ul,
.result-area .result-content-wrapper .markdown-content[data-v-31317da1]  li {
  list-style-type: auto;
}
.result-area .result-content-wrapper .markdown-content[data-v-31317da1]  .marked-list-no-number {
  list-style: none !important;
}
.result-area .result-content-wrapper .markdown-content[data-v-31317da1]  ol.marked-list-no-number,
.result-area .result-content-wrapper .markdown-content[data-v-31317da1]  ul.marked-list-no-number {
  -webkit-padding-start: 1.5em !important;
          padding-inline-start: 1.5em !important;
}
.result-area .result-content-wrapper .markdown-content[data-v-31317da1]  hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  overflow: hidden;
  background: transparent;
  height: 0.25em;
  padding: 0;
  margin: 24px 0;
  background-color: #e5e8f7;
  border: 0;
}
.result-area .result-content-wrapper .markdown-content[data-v-31317da1]  blockquote,
.result-area .result-content-wrapper .markdown-content[data-v-31317da1]  details,
.result-area .result-content-wrapper .markdown-content[data-v-31317da1]  dl,
.result-area .result-content-wrapper .markdown-content[data-v-31317da1]  ol,
.result-area .result-content-wrapper .markdown-content[data-v-31317da1]  p,
.result-area .result-content-wrapper .markdown-content[data-v-31317da1]  pre,
.result-area .result-content-wrapper .markdown-content[data-v-31317da1]  table,
.result-area .result-content-wrapper .markdown-content[data-v-31317da1]  ul {
  margin-top: 0;
  margin-bottom: 12px;
}
.empty-state[data-v-31317da1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 60px 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.empty-state .empty-icon[data-v-31317da1] {
  width: 70px;
  height: 70px;
  background: linear-gradient(135deg, #f5f7fa 0%, #e4e7ed 100%);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 16px;
  -webkit-box-shadow: inset 0 2px 4px white, 0 4px 10px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px white, 0 4px 10px rgba(0, 0, 0, 0.05);
}
.empty-state .empty-icon i[data-v-31317da1] {
  font-size: 30px;
  color: #909399;
}
.empty-state .empty-text[data-v-31317da1] {
  color: #909399;
  font-size: 14px;
  font-weight: 500;
}
[data-v-31317da1] .el-form-item__label {
  padding-bottom: 6px;
  font-size: 13px;
  color: #606266;
  line-height: 1.2;
}
[data-v-31317da1] .el-form-item {
  margin-bottom: 0;
}
.mb-18[data-v-31317da1] {
  margin-bottom: 18px !important;
}
.mb-0[data-v-31317da1] {
  margin-bottom: 0 !important;
}
.download-table > .el-table[data-v-12000ff5] {
  height: calc(100vh - 250px) !important;
  max-height: calc(100vh - 250px) !important;
}
.el-collapse[data-v-3aff0975] {
  position: relative;
}
.el-collapse .skip-combination[data-v-3aff0975] {
  position: absolute;
  top: 8px;
  right: 50px;
}
.el-collapse .el-collapse-item__wrap[data-v-3aff0975] {
  border: none;
}
.el-collapse .el-form[data-v-3aff0975] {
  margin-top: 12px;
}
.el-collapse-item__header[data-v-3aff0975] {
  background-color: #f5f6fa;
  padding-left: 10px;
}
.el-table thead th[data-v-3aff0975] {
  background: #fff;
}
.three-group-sty[data-v-3aff0975] {
  position: relative;
}
.email-table-sty .el-table__expanded-cell[data-v-3aff0975] {
  padding: 0 0 0 50px !important;
}
.email-group-sty[data-v-3aff0975] {
  background-color: #f2f6fc;
}
.product-mail-sty .content-mail-sty[data-v-3aff0975] {
  padding: 20px;
  height: 100% !important;
  border: 1px solid #dddfe6;
}
.show-arrow .el-table__expand-icon > .el-icon[data-v-3aff0975] {
  display: none !important;
}
.display-sty[data-v-3aff0975]  .el-radio__label {
  display: none;
}
.advanced-search-wrap[data-v-4165296e] {
  position: relative;
  min-height: calc(100vh - 200px) !important;
}
.advanced-search-wrap .skip-combination[data-v-4165296e] {
  position: absolute;
  top: 8px;
  right: 50px;
}
.advanced-search-wrap .advanced-search-table[data-v-4165296e] {
  border-bottom: 1px solid #ebeef5;
  text-align: center;
  height: calc(100vh - 250px) !important;
  overflow: auto;
}
.advanced-search-wrap .advanced-search-table .el-pagination[data-v-4165296e] {
  margin-bottom: 30px;
}
.msg-center-tabs-search[data-v-4165296e]  .el-table td > .cell {
  padding: 0 10px !important;
}
.carParam-main .box-card .demo-input-suffix .el-input[data-v-4165296e] {
  width: 180px;
}
.carParam-mb-20[data-v-4165296e] {
  margin-bottom: 20px;
}
.carParam-contain[data-v-4165296e] {
  display: inline-block;
  width: 100%;
}
.color-red[data-v-4165296e] {
  color: red;
}
[data-v-4165296e] .el-radio {
  margin-left: 6px;
}
[data-v-4165296e] .el-radio .el-radio__label {
  display: none;
}
.el-collapse[data-v-4165296e] {
  position: relative;
}
.pr[data-v-4165296e] {
  position: absolute;
  right: 50px;
  top: 8px;
  z-index: 99;
}
.text .warning-row[data-v-4165296e] {
  background: #e9e9e9;
}
.text .success-row[data-v-4165296e] {
  background: #f0f9eb;
}
.display-sty[data-v-4165296e]  .el-radio__label,
.display-sty .el-checkbox__label[data-v-4165296e] {
  display: none;
}
.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner[data-v-4165296e] {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.operation-search .head {
  text-align: center;
}
.operation-search .head > div {
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-bottom: 16px;
}
.operation-search .content {
  padding: 30px 20px;
}
.operation-search .content .ql-container {
  min-height: 300px;
  max-height: 600px;
  overflow: auto;
}
.operation-search .content .el-textarea__inner {
  height: 500px;
  padding: 12px;
  border: 1px solid #eee;
  background-color: #f6f9fa;
  border-radius: 8px;
}
.operation-search .content-btn {
  text-align: center;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-10f40c5f]:export {
  theme: #409eff;
}
.el-tabs[data-v-10f40c5f]  .el-tabs__active-bar {
  background-color: #212121;
  height: 1px;
}
.el-tabs[data-v-10f40c5f] .el-tabs__header {
  margin-bottom: 20px;
}
.el-tabs[data-v-10f40c5f] .el-tabs__header .el-tabs__nav-scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.el-tabs[data-v-10f40c5f] .el-tabs__item {
  margin-bottom: 8px !important;
}
.el-tabs[data-v-10f40c5f] .el-tabs__item:hover {
  color: #6e6e6e;
}
.el-tabs[data-v-10f40c5f] .is-active {
  color: #212121;
}
.el-tabs[data-v-10f40c5f] .is-active:hover {
  color: #212121;
}
.el-tabs[data-v-10f40c5f] .el-tabs__nav-wrap::after {
  background-color: #d7d7d7;
  height: 1px;
}
[data-v-10f40c5f] .el-button--primary {
  background-color: #3e64ff;
  border-color: #3e64ff;
  border-radius: 4px;
}
.add-ai-kno[data-v-080ebb87] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100vh - 170px);
  background: #fff;
}
.add-ai-kno .form-container[data-v-080ebb87] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  overflow: auto;
  padding: 20px;
}
.add-ai-kno .form-actions[data-v-080ebb87] {
  margin-bottom: -10px;
  text-align: center;
  padding: 20px;
  border-top: 1px solid #e6e6e6;
  background: #fff;
  -webkit-box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
}
.quality-inspection[data-v-5c6e5dff] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 2px 20px;
}
.quality-inspection .qi-content-wrapper[data-v-5c6e5dff] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.quality-inspection .qi-result-banner[data-v-5c6e5dff] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 6px;
  margin-bottom: 14px;
  font-size: 13px;
  line-height: 1.6;
}
.quality-inspection .qi-result-banner > i[data-v-5c6e5dff] {
  font-size: 18px;
  margin-top: 1px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.quality-inspection .qi-result-banner .banner-text[data-v-5c6e5dff] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}
.quality-inspection .qi-result-banner .banner-text strong[data-v-5c6e5dff] {
  font-size: 14px;
}
.quality-inspection .qi-result-banner.banner-empty[data-v-5c6e5dff] {
  background: #f5f7fa;
  border: 1px solid #dcdfe6;
  color: #606266;
}
.quality-inspection .qi-result-banner.banner-empty > i[data-v-5c6e5dff] {
  color: #909399;
}
.quality-inspection .qi-result-banner.banner-empty strong[data-v-5c6e5dff] {
  color: #303133;
}
.quality-inspection .qi-result-banner.banner-fail[data-v-5c6e5dff] {
  background: #fff1f0;
  border: 1px solid #ffa39e;
  color: #cf1322;
}
.quality-inspection .qi-result-banner.banner-warning[data-v-5c6e5dff] {
  background: #fffbe6;
  border: 1px solid #ffe58f;
  color: #d46b08;
}
.quality-inspection .qi-result-banner.banner-pass[data-v-5c6e5dff] {
  background: #f6ffed;
  border: 1px solid #b7eb8f;
  color: #389e0d;
}
.quality-inspection .qi-process-title-preview[data-v-5c6e5dff] {
  margin-left: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 400;
  color: #999;
}
.quality-inspection .qi-process-content[data-v-5c6e5dff] {
  white-space: pre-wrap;
  word-break: break-all;
  font-size: 13px;
  color: #606266;
  line-height: 1.7;
  margin: 0;
  padding: 4px 0;
}
.quality-inspection .qi-section[data-v-5c6e5dff] {
  margin-bottom: 14px;
}
.quality-inspection .qi-section .qi-section-title[data-v-5c6e5dff] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
}
.quality-inspection .qi-section .qi-section-title.plain[data-v-5c6e5dff] {
  font-weight: 600;
  color: #333;
}
.quality-inspection .qi-section .qi-section-title .qi-section-subtitle[data-v-5c6e5dff] {
  font-size: 12px;
  font-weight: 400;
  color: #999;
}
.quality-inspection .qi-section .qi-section-title .qi-regenerate-btn[data-v-5c6e5dff] {
  margin-left: auto;
  font-size: 12px;
}
.quality-inspection .qi-detection-list[data-v-5c6e5dff] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.quality-inspection .qi-detection-item .qi-detection-header[data-v-5c6e5dff] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 13px;
}
.quality-inspection .qi-detection-item .qi-detection-header .qi-status-icon[data-v-5c6e5dff] {
  font-size: 15px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.quality-inspection .qi-detection-item .qi-detection-header .qi-status-icon.icon-fail[data-v-5c6e5dff] {
  color: #f5222d;
}
.quality-inspection .qi-detection-item .qi-detection-header .qi-status-icon.icon-pass[data-v-5c6e5dff] {
  color: #52c41a;
}
.quality-inspection .qi-detection-item .qi-detection-header .qi-item-name[data-v-5c6e5dff] {
  color: #333;
}
.quality-inspection .qi-detection-item .qi-detection-header .qi-item-result[data-v-5c6e5dff] {
  font-weight: 600;
}
.quality-inspection .qi-detection-item .qi-detection-header .qi-item-result.text-fail[data-v-5c6e5dff] {
  color: #f5222d;
}
.quality-inspection .qi-detection-item .qi-detection-header .qi-item-result.text-pass[data-v-5c6e5dff] {
  color: #52c41a;
}
.quality-inspection .qi-detection-item .qi-item-suggestion[data-v-5c6e5dff] {
  margin-left: 22px;
  font-size: 12px;
  color: #666;
  margin-top: 2px;
  line-height: 1.5;
}
.quality-inspection .qi-suggestion-list[data-v-5c6e5dff] {
  margin: 0;
  padding-left: 18px;
  font-size: 13px;
  color: #555;
  line-height: 1.8;
}
.quality-inspection .qi-suggestion-list li[data-v-5c6e5dff] {
  margin-bottom: 2px;
}
.quality-inspection .qi-notes-list[data-v-5c6e5dff] {
  color: #666;
}
.quality-inspection .qi-notes-list li[data-v-5c6e5dff] {
  list-style: disc !important;
}
.quality-inspection .qi-form-item[data-v-5c6e5dff] {
  margin-bottom: 12px;
}
.quality-inspection .qi-form-item .qi-label[data-v-5c6e5dff] {
  font-size: 13px;
  color: #555;
  margin-bottom: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.quality-inspection .qi-form-item .qi-label .qi-label-tip[data-v-5c6e5dff] {
  font-size: 12px;
  color: #999;
}
.quality-inspection .qi-form-note[data-v-5c6e5dff] {
  font-size: 12px;
  color: #999;
  margin-bottom: 10px;
  line-height: 1.5;
}
.quality-inspection .qi-reply-card[data-v-5c6e5dff] {
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  padding: 12px 14px;
  background: #fafafa;
}
.quality-inspection .qi-reply-card .qi-reply-card-header[data-v-5c6e5dff] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}
.quality-inspection .qi-reply-card .qi-reply-card-header .qi-reply-card-title[data-v-5c6e5dff] {
  font-size: 13px;
  font-weight: 600;
  color: #333;
}
.quality-inspection .qi-reply-card .qi-reply-card-header .qi-reply-card-actions[data-v-5c6e5dff] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}
.quality-inspection .qi-reply-card .qi-reply-content[data-v-5c6e5dff] {
  font-size: 13px;
  color: #333;
  line-height: 1.7;
  margin-bottom: 12px;
}
.quality-inspection[data-v-5c6e5dff]  .el-divider--horizontal {
  margin: 10px 0;
}
.quality-inspection[data-v-5c6e5dff]  .el-collapse-item__header {
  overflow: hidden;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-32d19504]:export {
  theme: #409eff;
}
.tabs-container[data-v-32d19504] {
  position: relative;
  height: 100%;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.tabs-container[data-v-32d19504]:hover ::-webkit-scrollbar-thumb {
  display: block;
}
.tabs-container .control-tabs[data-v-32d19504] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 152px;
          flex: 0 0 152px;
  background-color: #fbfcff;
  height: 100%;
  min-height: 0;
  border: 1px solid #edf1f7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 10px 28px rgba(23, 37, 84, 0.06);
          box-shadow: 0 10px 28px rgba(23, 37, 84, 0.06);
  border-radius: 16px 16px 58px 16px;
  width: 152px;
  margin-left: 10px;
  padding: 10px 8px 14px;
}
.tabs-container .control-tabs .control-tabs-container[data-v-32d19504] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  font-size: 12px;
  height: 100%;
}
.tabs-container .control-tabs .control-tabs-container .nav-container[data-v-32d19504] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
  padding: 2px;
  cursor: pointer;
  width: 100%;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.tabs-container .control-tabs .control-tabs-container .nav-container.grabbing[data-v-32d19504] {
  cursor: grabbing;
  cursor: -webkit-grabbing;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.tabs-container .control-tabs .control-tabs-container .nav-container[data-v-32d19504]::-webkit-scrollbar {
  display: none;
}
.tabs-container .control-tabs .control-tabs-container .nav-container .nav-item[data-v-32d19504] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  width: 100%;
  min-height: 40px;
  line-height: 18px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  color: #5f6b7a;
  background-color: transparent;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: 9px;
  overflow: hidden;
}
.tabs-container .control-tabs .control-tabs-container .nav-container .nav-item + .nav-item[data-v-32d19504] {
  margin-top: 6px;
}
.tabs-container .control-tabs .control-tabs-container .nav-container .nav-item[data-v-32d19504]::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 12px;
  bottom: 12px;
  width: 3px;
  border-radius: 3px;
  background-color: transparent;
}
.tabs-container .control-tabs .control-tabs-container .nav-container .nav-item .nav-icon[data-v-32d19504] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 15px;
  color: #8b95a5;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.tabs-container .control-tabs .control-tabs-container .nav-container .nav-item .nav-title[data-v-32d19504] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  line-height: 18px;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tabs-container .control-tabs .control-tabs-container .nav-container .nav-item .nav-count[data-v-32d19504] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  color: #3e64ff;
  background-color: #edf4ff;
}
.tabs-container .control-tabs .control-tabs-container .nav-container .nav-item[data-v-32d19504]:hover {
  color: #303e53;
  border-color: #e5ebf5;
  background-color: #fff;
}
.tabs-container .control-tabs .control-tabs-container .nav-container .nav-item:hover .nav-icon[data-v-32d19504] {
  color: #3e64ff;
}
.tabs-container .control-tabs .control-tabs-container .nav-container .nav-item.active[data-v-32d19504] {
  color: #3e64ff;
  font-weight: 600;
  border-color: #dbe6ff;
  background-color: #eef4ff;
  -webkit-box-shadow: 0 6px 14px rgba(64, 100, 255, 0.12);
          box-shadow: 0 6px 14px rgba(64, 100, 255, 0.12);
}
.tabs-container .control-tabs .control-tabs-container .nav-container .nav-item.active[data-v-32d19504]::before {
  background-color: #3e64ff;
}
.tabs-container .control-tabs .control-tabs-container .nav-container .nav-item.active .nav-icon[data-v-32d19504] {
  color: #3e64ff;
}
.tabs-container .control-tabs .control-tabs-container .nav-container .nav-item.active .nav-count[data-v-32d19504] {
  color: #fff;
  background-color: #3e64ff;
}
.tabs-container .tabs-content[data-v-32d19504] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  height: 100%;
  padding: 20px 10px;
  background-color: #fff;
  overflow: auto;
  border-bottom-right-radius: 0;
}
.tabs-container .tabs-content .current-title[data-v-32d19504] {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 18px;
}
.tabs-container[data-v-32d19504] ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.tabs-container[data-v-32d19504] ::-webkit-scrollbar-thumb {
  background: #dbdbdb;
  display: none;
  border-radius: 50px;
}
@charset "UTF-8";
.control-container-wrapper {
  padding: 10px 10px 10px 0;
  margin-left: 10px;
}
.control-container-wrapper .control-container {
  background-color: #f4f7fa;
  height: calc(100vh - 24px);
  border-radius: 60px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px;
          box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px;
  position: relative;
}
.control-container-wrapper .control-container .aside-wrapper {
  position: relative;
  margin-right: 16px;
  -webkit-transition: margin-right 0.2s ease;
  transition: margin-right 0.2s ease;
  /* 图标显示/隐藏动画 */
}
.control-container-wrapper .control-container .aside-wrapper.aside-wrapper-collapsed {
  margin-right: 0;
}
.control-container-wrapper .control-container .aside-wrapper.aside-wrapper-collapsed .el-aside {
  padding: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.control-container-wrapper .control-container .aside-wrapper .el-aside {
  height: 100%;
  padding: 0 4px;
  background-color: #212121;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
  border-radius: 60px;
  margin: 0;
  /* 清除 el-aside 的 margin，由 wrapper 控制 */
  overflow: hidden;
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.control-container-wrapper .control-container .aside-wrapper .expand-fade-enter-active {
  -webkit-animation: expandFadeIn 1s ease forwards;
          animation: expandFadeIn 1s ease forwards;
}
.control-container-wrapper .control-container .aside-wrapper .expand-fade-leave-active {
  animation: expandFadeIn 0.3s ease reverse forwards;
}
@-webkit-keyframes expandFadeIn {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes expandFadeIn {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.control-container-wrapper .control-container .menu-expand-float {
  position: absolute;
  left: 8px;
  bottom: 22px;
  z-index: 1701;
  width: 34px;
  height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  border: none;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, #667eea 0%, #4a5bdc 100%);
  -webkit-box-shadow: 0 4px 14px rgba(102, 126, 234, 0.42);
          box-shadow: 0 4px 14px rgba(102, 126, 234, 0.42);
  cursor: pointer;
  outline: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.control-container-wrapper .control-container .menu-expand-float i {
  font-size: 16px;
  font-weight: 700;
}
.control-container-wrapper .control-container .menu-expand-float:hover {
  background: linear-gradient(135deg, #4a5bdc 0%, #667eea 100%);
  -webkit-box-shadow: 0 6px 18px rgba(102, 126, 234, 0.58);
          box-shadow: 0 6px 18px rgba(102, 126, 234, 0.58);
  -webkit-transform: scale(1.06);
          transform: scale(1.06);
}
.control-container-wrapper .control-container .menu-expand-float:active {
  -webkit-transform: scale(0.96);
          transform: scale(0.96);
}
.control-container-wrapper .control-container aside {
  background-color: transparent;
  padding: 0;
  margin-bottom: 0;
}
.control-container-wrapper .control-container .el-container {
  padding-right: 10px;
}
.control-container-wrapper .control-container .el-container .el-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}
.control-container-wrapper .control-container .el-main {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  padding-bottom: 10px;
  overflow: visible;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.control-container-wrapper .control-container .el-main .msg-box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.control-container-wrapper .control-container .el-main .main-content-right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.control-container-wrapper .control-container .el-main .msg-tab-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100vh - 164px);
}
.control-container-wrapper .control-container .el-main .msg-tab-box .splitpanes__pane {
  overflow: inherit;
  min-width: 0;
}
.slide-fade-enter-active {
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.slide-fade-leave-active {
  -webkit-transition: all 0.1s cubic-bezier(1, 0.5, 0.8, 1);
  transition: all 0.1s cubic-bezier(1, 0.5, 0.8, 1);
}
.slide-fade-enter, .slide-fade-leave-to {
  -webkit-transform: translateX(-340px);
          transform: translateX(-340px);
  opacity: 0;
}
.msg-tab-box.splitpanes--vertical > .splitpanes__splitter {
  width: 10px;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #e9e9e9;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.msg-tab-box.splitpanes--vertical > .splitpanes__splitter::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  background-color: #d9d9d9;
  width: 1px;
  height: 30px;
}
.msg-tab-box.splitpanes--vertical > .splitpanes__splitter::after {
  content: "";
  position: absolute;
  right: 2px;
  top: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  background-color: #d9d9d9;
  width: 1px;
  height: 30px;
}
.msg-tab-box.hide-splitter > .splitpanes__splitter {
  display: none !important;
}
.el-tooltip__popper.is-light.tooltip-clipboard {
  background: none !important;
  border: none !important;
  cursor: pointer;
  margin-left: 0px;
}
[data-v-143bdb3d] .ql-container.ql-snow {
  height: 500px !important;
}
[data-v-143bdb3d] .edit-wrap .quill-editor[data-v-12312e72] {
  height: 500px !important;
}
.app-template-problems {
  margin: 10px 20px;
}
.app-template-problems .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.app-template-problems .content .app-transverse {
  padding: 20px 12px;
  background: white;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  height: calc(100vh - 120px) !important;
}
.app-template-problems .content .content-left {
  width: 16%;
  margin-right: 20px;
}
.app-template-problems .content .content-left .content-p {
  margin-bottom: 6px;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
}
.app-template-problems .content .content-left .el-icon-search {
  line-height: 32px;
}
.app-template-problems .content .content-left .custom-tree-node {
  width: 100%;
}
.app-template-problems .content .content-left .custom-tree-node .evey-node {
  position: relative;
  line-height: 46px;
  height: 46px;
  width: 100%;
  font-size: 14px;
  color: #686b7a;
}
.app-template-problems .content .content-left .custom-tree-node .evey-node .icon-sty {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  color: #686b7a;
}
.app-template-problems .content .content-left .custom-tree-node .evey-node .el-icon-edit {
  line-height: 46px;
}
.app-template-problems .content .content-left .left-tree.el-tree {
  margin-top: 16px;
  max-height: calc(100vh - 200px);
  overflow: auto;
}
.app-template-problems .content .content-left .left-tree.el-tree::-webkit-scrollbar {
  width: 0px;
}
.app-template-problems .content .content-left .left-tree.el-tree .el-tree-node__children {
  max-height: calc(100vh - 400px);
  overflow: auto;
}
.app-template-problems .content .content-left .left-tree.el-tree .el-tree-node__children .el-tree-node__content {
  height: 46px !important;
}
.app-template-problems .content .content-left .left-tree.el-tree .el-tree-node__content {
  height: 46px;
}
.app-template-problems .content .content-left .handle-icon {
  display: none;
}
.app-template-problems .content .content-left .el-tree-node__content:hover .handle-icon {
  display: inline-block;
  padding-left: 2px;
  padding-right: 7px;
  border-left: 1px solid #e9e9e9;
  background-color: #f5f7fa;
}
.app-template-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #edf3ff;
}
.app-template-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .handle-icon {
  background-color: #edf3ff;
}
.app-template-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node {
  height: 46px;
  width: 100%;
  color: #4379ee;
}
.app-template-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node {
  line-height: 46px;
  color: #4379ee;
}
.app-template-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .icon-sty {
  color: #4379ee;
}
.app-template-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .el-icon-edit {
  line-height: 46px;
  display: inline-block;
}
.app-template-problems .content .content-left .project-sty.el-form .el-form-item {
  display: block !important;
}
.app-template-problems .content .content-left .project-sty.el-form .el-form-item .el-form-item__content {
  width: 80%;
}
.app-template-problems .content .content-left .el-card.is-always-shadow {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
.app-template-problems .content .content-left .el-popup-parent--hidden .el-dropdown-menu .el-tree.dialog-tree .el-icon-check {
  display: none;
}
.app-template-problems .content .content-left .el-popup-parent--hidden .el-dropdown-menu .el-tree.dialog-tree .el-tree-node__content:hover .el-icon-check {
  display: inline-block;
}
.app-template-problems .content .content-right {
  width: 84%;
}
[data-v-29185120].template-content .ql-syntax {
  white-space: pre-wrap;
}
[data-v-dfe65c3e].text-expand .warning-row {
  background: #fbfbfb !important;
}

.workload-hint[data-v-cebebf40] { margin-bottom: 16px;
}
.workload-cards[data-v-cebebf40] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.workload-card[data-v-cebebf40] { border: 1px solid #dcdfe6; border-radius: 6px; background: #fff; padding: 12px 20px; cursor: pointer; color: #606266; min-width: 130px; text-align: left;
}
.workload-card strong[data-v-cebebf40] { display: block; color: #303133; font-size: 25px; margin-top: 6px;
}
.workload-card[data-v-cebebf40]:focus, .workload-card[data-v-cebebf40]:hover { border-color: #409eff;
}
.workload-detail-title[data-v-cebebf40] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 16px;
}

.select-width[data-v-6a7d7b74] {
  width: 100%;
}
.el-form-item[data-v-6a7d7b74] {
  display: inline-block;
  width: 46%;
  margin-right: 2%;
}
[data-v-6a7d7b74] .el-form-item .el-form-item__label {
  padding: 0;
  font-weight: 400;
}
.add-task-title[data-v-6a7d7b74] {
  margin: 12px 0;
  font-weight: 700;
}
.app-label-problems {
  margin: 10px 20px;
}
.app-label-problems .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.app-label-problems .content .app-transverse {
  padding: 20px 12px;
  background: white;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  height: calc(100vh - 120px) !important;
}
.app-label-problems .content .content-left {
  width: 16%;
  margin-right: 20px;
}
.app-label-problems .content .content-left .content-p {
  margin-bottom: 6px;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
}
.app-label-problems .content .content-left .el-icon-search {
  line-height: 32px;
}
.app-label-problems .content .content-left .custom-tree-node {
  width: 100%;
}
.app-label-problems .content .content-left .custom-tree-node .evey-node {
  position: relative;
  line-height: 46px;
  height: 46px;
  width: 100%;
  font-size: 14px;
  color: #686b7a;
}
.app-label-problems .content .content-left .custom-tree-node .evey-node .icon-sty {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  color: #686b7a;
}
.app-label-problems .content .content-left .custom-tree-node .evey-node .el-icon-edit {
  line-height: 46px;
}
.app-label-problems .content .content-left .left-tree.el-tree {
  margin-top: 16px;
  max-height: calc(100vh - 200px);
  overflow: auto;
}
.app-label-problems .content .content-left .left-tree.el-tree::-webkit-scrollbar {
  width: 0px;
}
.app-label-problems .content .content-left .left-tree.el-tree .el-tree-node__children {
  max-height: calc(100vh - 400px);
  overflow: auto;
}
.app-label-problems .content .content-left .left-tree.el-tree .el-tree-node__children .el-tree-node__content {
  height: 46px !important;
}
.app-label-problems .content .content-left .left-tree.el-tree .el-tree-node__content {
  height: 46px;
}
.app-label-problems .content .content-left .handle-icon {
  display: none;
}
.app-label-problems .content .content-left .el-tree-node__content:hover .handle-icon {
  display: inline-block;
  padding-left: 2px;
  padding-right: 7px;
  border-left: 1px solid #e9e9e9;
  background-color: #f5f7fa;
}
.app-label-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #edf3ff;
}
.app-label-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .handle-icon {
  background-color: #edf3ff;
}
.app-label-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node {
  height: 46px;
  width: 100%;
  color: #4379ee;
}
.app-label-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node {
  line-height: 46px;
  color: #4379ee;
}
.app-label-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .icon-sty {
  color: #4379ee;
}
.app-label-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .el-icon-edit {
  line-height: 46px;
  display: inline-block;
}
.app-label-problems .content .content-left .project-sty.el-form .el-form-item {
  display: block !important;
}
.app-label-problems .content .content-left .project-sty.el-form .el-form-item .el-form-item__content {
  width: 80%;
}
.app-label-problems .content .content-left .el-card.is-always-shadow {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
.app-label-problems .content .content-left .el-popup-parent--hidden .el-dropdown-menu .el-tree.dialog-tree .el-icon-check {
  display: none;
}
.app-label-problems .content .content-left .el-popup-parent--hidden .el-dropdown-menu .el-tree.dialog-tree .el-tree-node__content:hover .el-icon-check {
  display: inline-block;
}
.app-label-problems .content .content-right {
  width: 84%;
}

.detail-container[data-v-293001a7] {
  position: absolute;
  left: 0;
  right: 0;
  width: 1080px;
  padding: 35px 35px 15px 35px;
  margin: 20px auto;
}
.standard-margin[data-v-293001a7] {
  margin-top: 15px;
}
.form-border[data-v-293001a7] {
  border-right: 1px solid #dcdfe6;
  border-bottom: 1px solid #dcdfe6;
  padding: 10px;
  height: 60px;
  line-height: 40px;
  font-size: 14px;
}
.form-container-border[data-v-293001a7] {
  border-left: 1px solid #dcdfe6;
  border-top: 1px solid #dcdfe6;
  margin-top: 15px;
}
.form-left-bg[data-v-293001a7] {
  background: #f2f6fc;
}

.elForm-sty[data-v-c083c88a] {
  overflow: auto;
  padding-left: 60px;
}
[data-v-c083c88a].el-checkbox-group .el-checkbox {
  display: block;
}

.detail-container[data-v-191925be] {
  /* width: 80%; */
  padding: 0 20px 20px 20px;
}

/* .standard-margin {
  margin-top: 15px;
} */
.form-border[data-v-191925be] {
  border-right: 1px solid #dcdfe5;
  border-bottom: 1px solid #dcdfe5;
  padding: 10px;
  height: 50px;
  line-height: 25px;
  font-size: 15px;
}
.form-container-border[data-v-191925be] {
  border-left: 1px solid #dcdfe5;
  border-top: 1px solid #dcdfe5;
  margin-top: 15px;
}
.form-left-bg[data-v-191925be] {
  background: #f2f5fc;
}
.daochu123[data-v-191925be] {
  width: 100%;
  margin-top: 20px;
}


.product-main .box-card .demo-input-suffix .el-input[data-v-d50b4a92] {
  width: 180px;
}
.handle-add[data-v-d50b4a92] {
  float: right;
}
.product-mb-20[data-v-d50b4a92] {
  margin-bottom: 20px;
}
.product-contain[data-v-d50b4a92] {
  display: inline-block;
  width: 100%;
}
.color-red[data-v-d50b4a92] {
  color: red;
}


.detail-container[data-v-419ae763] {
  padding: 0 20px 20px 20px;
}
.form-border[data-v-419ae763] {
  border-right: 1px solid #dcdfe5;
  border-bottom: 1px solid #dcdfe5;
  padding: 10px;
  min-height: 50px;
  line-height: 25px;
  font-size: 15px;
}
.form-container-border[data-v-419ae763] {
  border-left: 1px solid #dcdfe5;
  border-top: 1px solid #dcdfe5;
  margin-top: 15px;
}
.form-left-bg[data-v-419ae763] {
  background: #f2f5fc;
}
.daochu123[data-v-419ae763] {
  width: 100%;
  margin-top: 20px;
}


.form-border[data-v-f8cec980] {
  border-right: 1px solid #dcdfe5;
  border-bottom: 1px solid #dcdfe5;
  padding: 10px;
  line-height: 25px;
  font-size: 15px;
}
.form-container-border[data-v-f8cec980] {
  border-left: 1px solid #dcdfe5;
  border-top: 1px solid #dcdfe5;
}
.form-left-bg[data-v-f8cec980] {
  background: #f2f5fc;
}

.product-contain[data-v-c20c9dc8] {
  display: inline-block;
  width: 100%;
}
.my-el-form[data-v-c20c9dc8] .el-form--inline .el-form-item__content {
  width: 193px;
}
.my-el-form[data-v-c20c9dc8] .el-form--inline .remark-sty .el-form-item {
  width: 100%;
}
.my-el-form[data-v-c20c9dc8] .el-form--inline .remark-sty .el-form-item__content {
  width: 80%;
}
[data-v-4789a434] .wang-editor {
  height: calc(100vh - 380px) !important;
}

.handle-add[data-v-63ca5b40] {
  float: right;
}
.product-mb-20[data-v-63ca5b40] {
  margin-bottom: 20px;
}
.product-contain[data-v-63ca5b40] {
  display: inline-block;
  width: 100%;
}


.handle-add[data-v-af191aea] {
  float: right;
}
.product-mb-20[data-v-af191aea] {
  margin-bottom: 20px;
}
.product-contain[data-v-af191aea] {
  display: inline-block;
  width: 100%;
}

.tree-column {
  position: relative;
  padding: 12px 12px;
  min-width: 60px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.tree-column.border {
  border-right: 1px solid #eee;
}
.resize-line {
  position: absolute;
  top: 0;
  right: -3px;
  width: 6px;
  height: 100%;
  cursor: col-resize;
}

.space{
  display: inline-block;
  width: 15px;
}

.tree-block {
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
}
.tree-row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #eee;
  line-height: 32px;
}
.tree-row:hover {
  background: #ecf5ff;
}
.tree-row.highlight-row {
  background: #ffe88c;
}
.tree-row .align-left {
  text-align: left;
}
.tree-row .align-right {
  text-align: right;
}
.tree-row .align-center {
  text-align: center;
}
.hover-model {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
}
.hover-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0.1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hover-block i {
  color: #fff;
}
.prev-block {
  height: 25%;
  background: #a0c8f7;
}
.center-block {
  height: 50%;
  background: #a0c8f7;
}
.next-block {
  height: 25%;
  background: #a0c8f7;
}
.action-item {
  color: #409eff;
  cursor: pointer;
}
.action-item i {
  font-style: normal;
}
.zip-icon {
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAf0lEQVQ4T7XT0Q2AMAhF0dvNdALdSEdzBB3BDXQD85LGRNMCauS7nAKBxMdIhfwemIAtYpeAEeiANoLUgAGYI4gFqAMX8QAXiQBCNFDNRBVdIgpUkSfADjT3KqLACmg/XrWw5J+Li+VVYCZrMBbgJluA+tXA3Hv45ZgiR3i+OQBeSyYRPEyeUAAAAABJRU5ErkJggg==") no-repeat center;
  background-size: cover;
}
.arrow-transparent {
  visibility: hidden;
}
.arrow-right {
  cursor: pointer;
}
.arrow-bottom {
  cursor: pointer;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.row-selection {
  cursor: pointer;
}
[draggable=true] {
  -khtml-user-drag: element;
}
.drag-tree-table {
  position: relative;
  margin: 20px 0;
  color: #606266;
  font-size: 12px;
}
.drag-tree-table.border {
  border: 1px solid #eee;
  border-right: none;
}
.drag-line {
  position: absolute;
  top: 0;
  left: -1000px;
  height: 100%;
  width: 1px;
  background: #ccc;
}
.drag-tree-table-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f5f7fa;
  height: 66px;
  line-height: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 600;
}
.drag-tree-table-header .align-left {
  text-align: left;
}
.drag-tree-table-header .align-right {
  text-align: right;
}
.drag-tree-table-header .align-center {
  text-align: center;
}
.drag-tree-table-header .tree-column {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tree-icon-hidden {
  visibility: hidden;
}
.is-draging .tree-row:hover {
  background: transparent !important;
}
.tree-row {
  background-color: rgba(64, 158, 255, 0);
  -webkit-transition: background-color 0.5s linear;
  transition: background-color 0.5s linear;
}
.tree-table.drag-tree-table {
  min-width: 100%;
  margin: 0;
}
.tree-table.drag-tree-table .drag-tree-table-body {
  height: calc(100vh - var(--height) - var(--theadHeight)) !important;
  max-height: calc(100vh - var(--height) - var(--theadHeight)) !important;
  overflow: auto;
}
.tree-table.drag-tree-table .el-button {
  padding: 0 !important;
}
.tree-table.drag-tree-table .el-icon-s-operation {
  cursor: move;
  font-size: 20px;
  margin-left: 10px;
}
.tree-table.drag-tree-table .drag-tree-table-header {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.tree-table.drag-tree-table .tree-column {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px;
  line-height: 20px;
  text-wrap: wrap;
}
.tree-table.drag-tree-table .tree-column img {
  display: block;
}
.tree-table.border {
  border-right: 1px solid #eee;
}
.edit-remark[data-v-1d5087fd] {
  cursor: pointer;
}
.edit-remark .remark-icon[data-v-1d5087fd] {
  margin-right: 5px;
  font-size: 14px;
  color: #409eff;
}
.edit-show[data-v-1d5087fd] {
  display: none;
}
[data-v-1d5087fd] .tree-column:hover .edit-show {
  display: inline;
}
.render-progress[data-v-0c3bf32c] {
  text-align: center;
  padding: 0 20px 20px;
}
.render-progress .title[data-v-0c3bf32c] {
  margin: 10px 0;
}
.render-progress .title > span[data-v-0c3bf32c] {
  color: #409eff;
  font-weight: bold;
}
.render-progress .el-icon-success[data-v-0c3bf32c] {
  color: #67c23a;
}
.el-select[data-v-3011415f] {
  width: 266px;
}
[data-v-3011415f] .el-select-dropdown__wrap {
  max-height: 500px !important;
}

.detail-container[data-v-6d04e3c2] {
  padding: 0 20px 20px 20px;
}
.form-border[data-v-6d04e3c2] {
  border-right: 1px solid #dcdfe5;
  border-bottom: 1px solid #dcdfe5;
  padding: 10px;
  min-height: 50px;
  line-height: 25px;
  font-size: 15px;
}
.form-container-border[data-v-6d04e3c2] {
  border-left: 1px solid #dcdfe5;
  border-top: 1px solid #dcdfe5;
  margin-top: 15px;
}
.form-left-bg[data-v-6d04e3c2] {
  background: #f2f5fc;
}
.daochu123[data-v-6d04e3c2] {
  width: 100%;
  margin-top: 20px;
}

[data-v-1ecb855a] .wang-editor {
  height: calc(100vh - 420px) !important;
}
.wrap-left[data-v-1ecb855a] {
  border-right: 1px solid #e2e6e9;
  padding-right: 20px;
}
.wrap-left .outline[data-v-1ecb855a] {
  font-weight: 700;
  margin-left: 20px;
}
.wrap-left .title .el-form[data-v-1ecb855a] {
  padding: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: -10px;
}
.wrap-left .title .el-form .el-form-item[data-v-1ecb855a] {
  width: 49%;
}
.wrap-left .tip[data-v-1ecb855a] {
  color: #ff4949;
}
.wrap-right[data-v-1ecb855a] {
  text-align: center;
}
.wrap-right .el-button[data-v-1ecb855a] {
  width: 80%;
  height: 46px;
  margin: 0 0 20px 0;
}
.left-tree.el-tree[data-v-1ecb855a] {
  margin-top: 16px;
  max-height: calc(100vh - 200px);
  overflow: auto;
}
.left-tree.el-tree[data-v-1ecb855a]::-webkit-scrollbar {
  width: 0px;
}
.left-tree.el-tree .el-tree-node__children[data-v-1ecb855a] {
  max-height: calc(100vh - 400px);
  overflow: auto;
}
.left-tree.el-tree .el-tree-node__children .el-tree-node__content[data-v-1ecb855a] {
  height: 46px !important;
}
.left-tree.el-tree[data-v-1ecb855a]  .el-tree-node__content {
  height: 46px;
}
.app-transverse[data-v-5531eb58] {
  padding: 20px 12px;
  background: #fff !important;
  border-radius: 12px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 1px solid #dfe6ec;
  height: calc(100vh - 140px) !important;
  overflow: auto;
}
.app-transverse .have-select-instructions[data-v-5531eb58] {
  margin-top: 60px;
}
.drag-sortable-table .el-icon-s-operation {
  cursor: move;
  font-size: 20px;
  margin-left: 10px;
}
.add-btn[data-v-b89bdb8a] {
  margin-bottom: 10px;
}

.product-mt-20[data-v-6a789320] {
  margin-top: 20px;
}
.opSetting[data-v-6a789320] {
  text-align: center;
  margin-top: 230px;
}
.spacing[data-v-6a789320] {
  margin-top: 10px;
}
.grid-content[data-v-6a789320] {
  margin-top: 20px;
}
.mtb-10[data-v-6a789320] {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.del-bottom.el-table[data-v-6a789320]::before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
}

.elForm-sty[data-v-28b974c2] {
  overflow: auto;
  padding-left: 60px;
}
[data-v-28b974c2].el-checkbox-group .el-checkbox {
  display: block;
}

.handle-add[data-v-340b60ac] {
  float: right;
}
.product-mb-20[data-v-340b60ac] {
  margin-bottom: 20px;
}
.product-contain[data-v-340b60ac] {
  display: inline-block;
  width: 100%;
}
.color-red[data-v-340b60ac] {
  color: red;
}

.el-collapse[data-v-19903fd7] {
  position: relative;
}
.el-collapse .skip-combination[data-v-19903fd7] {
  position: absolute;
  top: 8px;
  right: 50px;
}
.el-collapse .el-collapse-item__wrap[data-v-19903fd7] {
  border: none;
}
.el-collapse .el-form[data-v-19903fd7] {
  margin-top: 12px;
}
.el-collapse-item__header[data-v-19903fd7] {
  background-color: #f5f6fa;
  padding-left: 10px;
}
.el-table thead th[data-v-19903fd7] {
  background: #fff;
}
.three-group-sty[data-v-19903fd7] {
  position: relative;
}
.email-table-sty .el-table__expanded-cell[data-v-19903fd7] {
  padding: 0 0 0 50px !important;
}
.email-group-sty[data-v-19903fd7] {
  background-color: #f2f6fc;
}
.product-mail-sty .content-mail-sty[data-v-19903fd7] {
  padding: 20px;
  height: 100% !important;
  border: 1px solid #dddfe6;
}
.show-arrow .el-table__expand-icon > .el-icon[data-v-19903fd7] {
  display: none !important;
}
.display-sty[data-v-19903fd7]  .el-radio__label {
  display: none;
}
.detail-container[data-v-7e8d25f1] {
  width: 80%;
  padding: 20px;
  margin: 20px auto;
}
.standard-margin[data-v-7e8d25f1] {
  margin-top: 15px;
}
.form-border[data-v-7e8d25f1] {
  border-right: 1px solid #dcdfe5;
  border-bottom: 1px solid #dcdfe5;
  padding: 10px;
  line-height: 25px;
  font-size: 15px;
}
.form-container-border[data-v-7e8d25f1] {
  border-left: 1px solid #dcdfe5;
  border-top: 1px solid #dcdfe5;
  margin-top: 15px;
}
.form-left-bg[data-v-7e8d25f1] {
  background: #f2f5fc;
}

/*  */
.grid-content[data-v-7e8d25f1] {
  border-radius: 4px;
  min-height: 36px;
  margin: 0 20px 0 20px;
}
.img[data-v-7e8d25f1] {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.advanced-search-wrap[data-v-acf6bf40] {
  position: relative;
  min-height: calc(100vh - 200px) !important;
}
.advanced-search-wrap .skip-combination[data-v-acf6bf40] {
  position: absolute;
  top: 8px;
  right: 50px;
}
.advanced-search-wrap .advanced-search-table[data-v-acf6bf40] {
  border-bottom: 1px solid #ebeef5;
  height: calc(100vh - 250px) !important;
  overflow: auto;
}
.advanced-search-wrap .advanced-search-table .el-pagination[data-v-acf6bf40] {
  margin-bottom: 30px;
}
.carParam-main .box-card .demo-input-suffix .el-input[data-v-acf6bf40] {
  width: 180px;
}
.carParam-mb-20[data-v-acf6bf40] {
  margin-bottom: 20px;
}
.carParam-contain[data-v-acf6bf40] {
  display: inline-block;
  width: 100%;
}
.color-red[data-v-acf6bf40] {
  color: red;
}
[data-v-acf6bf40] .el-radio {
  margin-left: 6px;
}
[data-v-acf6bf40] .el-radio .el-radio__label {
  display: none;
}
.el-collapse[data-v-acf6bf40] {
  position: relative;
}
.pr[data-v-acf6bf40] {
  position: absolute;
  right: 50px;
  top: 8px;
  z-index: 99;
}
.text .warning-row[data-v-acf6bf40] {
  background: #e9e9e9;
}
.text .success-row[data-v-acf6bf40] {
  background: #f0f9eb;
}
.display-sty[data-v-acf6bf40]  .el-radio__label,
.display-sty .el-checkbox__label[data-v-acf6bf40] {
  display: none;
}
.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner[data-v-acf6bf40] {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.virtualSelect .el-scrollbar .el-scrollbar__bar.is-vertical {
  width: 0;
}
@charset "UTF-8";
/**
 * 面板容器：固定定位，浮动在页面上层
 */
.common-draggable-panel[data-v-9d1c8e94] {
  position: fixed;
  z-index: 2000;
  -webkit-box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/**
 * 面板内容区域
 */
.panel-content[data-v-9d1c8e94] {
  padding: 16px 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
/**
 * 面板头部：标题 + 关闭按钮
 * cursor: move - 鼠标悬停时显示移动光标
 * user-select: none - 防止拖拽时选中文字
 */
.panel-header[data-v-9d1c8e94] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid #409eff;
  cursor: move;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.panel-header .panel-title h3[data-v-9d1c8e94] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #303133;
}
.panel-header .close-btn[data-v-9d1c8e94] {
  font-size: 20px;
  color: #909399;
  padding: 8px;
}
.panel-header .close-btn[data-v-9d1c8e94]:hover {
  color: #f56c6c;
  background-color: #fef0f0;
  border-radius: 4px;
}
/**
 * 信息提示栏
 */
.panel-info[data-v-9d1c8e94] {
  margin-bottom: 16px;
}
/**
 * 表格容器：占据剩余空间
 */
.table-wrapper[data-v-9d1c8e94] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
/**
 * 面板底部：操作按钮区域
 */
.panel-footer[data-v-9d1c8e94] {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid #ebeef5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
}
/**
 * 右下角缩放手柄
 * 显示为蓝色小三角，光标变为 nwse-resize
 */
.resize-handle[data-v-9d1c8e94] {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 15px;
  cursor: nwse-resize;
  background: linear-gradient(135deg, transparent 50%, #409eff 50%);
  border-radius: 0 0 8px 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
/**
 * 表格内部样式调整
 */
[data-v-9d1c8e94] .el-table p {
  font-size: 12px;
  line-height: 1.5;
}
[data-v-9d1c8e94] .el-table .el-table__body-wrapper::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
[data-v-9d1c8e94] .el-table .el-table__body-wrapper::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 5px;
}
[data-v-9d1c8e94] .el-table .el-table__body-wrapper::-webkit-scrollbar-thumb {
  background: #409eff;
  border-radius: 5px;
}
[data-v-9d1c8e94] .el-table .el-table__body-wrapper::-webkit-scrollbar-thumb:hover {
  background: #66b1ff;
}
[data-v-9d1c8e94] .el-table .el-table__body-wrapper::-webkit-scrollbar-thumb:active {
  background: #3a8ee6;
}
body.dragging-panel {
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  cursor: move !important;
}
body.dragging-panel * {
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
}
body.resizing-panel {
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  cursor: nwse-resize !important;
}
body.resizing-panel * {
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
}
.upload-container[data-v-26a3a45d] {
  padding: 20px;
  min-height: 300px;
  text-align: center;
}
.upload-container .footer-btn[data-v-26a3a45d] {
  margin-top: 50px;
}
.upload-container .mt20[data-v-26a3a45d] {
  margin-top: 20px;
}
.upload-wrapper[data-v-26a3a45d] {
  margin-top: 20px;
  text-align: center;
}
.upload-wrapper[data-v-26a3a45d]  .el-upload {
  width: auto;
}
.upload-result[data-v-26a3a45d] {
  padding: 20px 0;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.upload-result__icon[data-v-26a3a45d] {
  padding: 20px 20px 0;
  margin: -20px 0;
  font-size: 30px;
  text-align: center;
  background-color: #f9f9f9;
}
.upload-result__count[data-v-26a3a45d] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
  margin-left: 20px;
  line-height: 1.5;
}
.upload-result__count p[data-v-26a3a45d] {
  margin: 0;
}
.upload-result__count span[data-v-26a3a45d] {
  margin-left: 5px;
}
.upload-result__count .success[data-v-26a3a45d] {
  color: #67c23a;
}
.upload-result__count .fail[data-v-26a3a45d] {
  color: #f56c6c;
}
.upload-result-line[data-v-26a3a45d] {
  margin-top: 20px;
  text-align: left;
  padding: 15px 12px;
  border-radius: 4px;
  border: 1px solid #ebeef5;
  background-color: #f9f9f9;
}
.upload-result-line p[data-v-26a3a45d] {
  margin: 0;
  line-height: 2;
}
.virtualSelect .el-scrollbar .el-scrollbar__bar.is-vertical {
  width: 0;
}
.search-form .el-cascader__search-input {
  font-size: 12px;
}
@charset "UTF-8";
.batch-template-dialog[data-v-0aaae462]  .el-dialog__body {
  padding: 0;
  max-height: 75vh;
  overflow-y: auto;
}
.dialog-body[data-v-0aaae462] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 16px;
}
/* 通用卡片块 */
.section-block[data-v-0aaae462] {
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  overflow: hidden;
}
.section-block--green[data-v-0aaae462] {
  border-color: #b7eb8f;
}
/* 标题栏 */
.section-header[data-v-0aaae462] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 16px;
}
.section-header i[data-v-0aaae462] {
  margin-right: 6px;
  font-size: 16px;
}
.section-header span[data-v-0aaae462] {
  font-size: 15px;
  font-weight: 600;
}
.section-header--blue[data-v-0aaae462] {
  background: #ecf5ff;
  color: #409eff;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.section-header--blue i[data-v-0aaae462], .section-header--blue span[data-v-0aaae462] {
  color: #409eff;
}
.section-header__left[data-v-0aaae462] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.section-header--green[data-v-0aaae462] {
  background: #f6ffed;
  color: #52c41a;
}
.section-header--green i[data-v-0aaae462], .section-header--green span[data-v-0aaae462] {
  color: #52c41a;
}
.section-desc[data-v-0aaae462] {
  font-size: 12px;
  color: #909399;
  font-weight: normal;
  margin-top: 2px;
}
/* 表单区域 */
.section-form[data-v-0aaae462] {
  padding: 16px 16px 0;
}
.section-form[data-v-0aaae462]  .el-form-item__label {
  font-size: 13px;
  font-weight: 500;
  color: #303133;
  line-height: 1.6;
  padding-bottom: 4px;
}
.section-form[data-v-0aaae462]  .el-form-item {
  margin-bottom: 16px;
}
.required-label[data-v-0aaae462]  .el-form-item__label::after {
  content: " *";
  color: #f56c6c;
}
/* 字段列表 */
.fields-list[data-v-0aaae462] {
  padding: 0 12px;
  margin-top: 4px;
}
/* 字段卡片 */
.field-card[data-v-0aaae462] {
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  margin-bottom: 12px;
  background: #fff;
}
.field-card__header[data-v-0aaae462] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 12px;
  border-bottom: 1px solid #f0f0f0;
  background: #fafafa;
  border-radius: 6px 6px 0 0;
}
.field-title[data-v-0aaae462] {
  font-size: 13px;
  font-weight: 600;
  color: #303133;
}
.field-delete-btn[data-v-0aaae462] {
  padding: 0;
  color: #f56c6c;
}
.field-delete-btn[data-v-0aaae462]:hover {
  color: #f56c6c;
  opacity: 0.8;
}
.field-delete-btn i[data-v-0aaae462] {
  font-size: 16px;
}
.field-card__body[data-v-0aaae462] {
  padding: 12px;
}
.field-card__body[data-v-0aaae462]  .el-form-item__label {
  font-size: 12px;
  color: #606266;
  padding-bottom: 4px;
  line-height: 1.6;
}
.field-card__body[data-v-0aaae462]  .el-form-item {
  margin-bottom: 0;
}
.field-card__body[data-v-0aaae462]  .el-form-item.is-error {
  margin-bottom: 18px;
}
.field-label[data-v-0aaae462] {
  font-size: 12px;
  color: #606266;
  margin-bottom: 4px;
}
.field-required[data-v-0aaae462] {
  margin-top: 10px;
}
/* 子配置区 */
.sub-config[data-v-0aaae462] {
  margin-top: 12px;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  background: #f9f9f9;
  padding: 10px;
}
.sub-config__header[data-v-0aaae462] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}
.sub-config__header span[data-v-0aaae462] {
  font-size: 12px;
  color: #606266;
  font-weight: 500;
}
/* 可拖拽条目 */
.config-item[data-v-0aaae462] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  background: #fff;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  padding: 4px 8px;
}
.config-item[data-v-0aaae462]:last-child {
  margin-bottom: 0;
}
.drag-handle[data-v-0aaae462] {
  cursor: -webkit-grab;
  cursor: grab;
  color: #c0c4cc;
  font-size: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.drag-handle[data-v-0aaae462]:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.item-label[data-v-0aaae462] {
  font-size: 12px;
  color: #909399;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 36px;
}
.item-input[data-v-0aaae462] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.item-del-btn[data-v-0aaae462] {
  padding: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #f56c6c;
}
.item-del-btn[data-v-0aaae462]:hover {
  color: #f56c6c;
  opacity: 0.8;
}
.item-del-btn i[data-v-0aaae462] {
  font-size: 14px;
}
.drag-ghost[data-v-0aaae462] {
  opacity: 0.4;
  background: #d9f0ff;
}
/* 底部提示 */
.tip-bar[data-v-0aaae462] {
  margin: 8px 12px 12px;
  background: #fffbe6;
  border: 1px solid #ffe58f;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 12px;
  color: #d48806;
}
.tip-bar i[data-v-0aaae462] {
  margin-right: 4px;
}
/* 弹窗底部按钮 */
.dialog-footer[data-v-0aaae462] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
}
@charset "UTF-8";
.transfer-wrap[data-v-4619309e] {
  padding: 0 2px;
}
.transfer-layout[data-v-4619309e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
/* 面板通用 */
.transfer-panel[data-v-4619309e] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}
.panel-header[data-v-4619309e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 14px;
  background: #f5f7fa;
  border-bottom: 1px solid #e4e7ed;
}
.panel-title[data-v-4619309e] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
}
.panel-count[data-v-4619309e] {
  font-weight: 400;
}
.panel-hint[data-v-4619309e] {
  font-size: 12px;
  color: #909399;
}
.panel-badge[data-v-4619309e] {
  font-size: 12px;
}
.panel-badge i[data-v-4619309e] {
  margin-right: 3px;
}
.panel-search[data-v-4619309e] {
  padding: 8px 10px;
  border-bottom: 1px solid #e4e7ed;
}
.panel-body[data-v-4619309e] {
  height: 300px;
  overflow-y: auto;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  position: relative;
}
.panel-end[data-v-4619309e] {
  text-align: center;
  color: #c0c4cc;
  font-size: 12px;
  padding: 4px 0;
}
/* 条目卡片 */
.item-card[data-v-4619309e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
  -webkit-transition: border-color 0.2s, background 0.2s;
  transition: border-color 0.2s, background 0.2s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.item-card[data-v-4619309e]:hover {
  border-color: #c0c4cc;
  background: #f5f7fa;
}
.item-card__info[data-v-4619309e] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.item-card__name[data-v-4619309e] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  line-height: 1.4;
}
.item-card__desc[data-v-4619309e] {
  font-size: 12px;
  color: #909399;
  margin-top: 2px;
  line-height: 1.3;
}
.panel-empty[data-v-4619309e] {
  text-align: center;
  color: #c0c4cc;
  font-size: 13px;
  padding: 40px 0;
}
/* 中间操作按钮 */
.transfer-buttons[data-v-4619309e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 0 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.transfer-btn[data-v-4619309e] {
  width: 36px;
  height: 36px;
  padding: 0;
  border-radius: 6px;
  border-color: #d0d0d0;
  background: #f5f5f5;
  color: #606266;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.transfer-btn[data-v-4619309e]:not(.is-disabled):hover {
  border-color: var(--btn-theme, #7c5dfa);
  background: var(--btn-theme, #7c5dfa);
  color: #fff;
}
.transfer-btn.is-disabled[data-v-4619309e] {
  opacity: 0.5;
  cursor: not-allowed;
}
.transfer-btn[data-v-4619309e]  i {
  font-size: 16px;
  margin: 0;
}
/* 底部提示条 */
.adapt-tip[data-v-4619309e] {
  margin-top: 14px;
  padding: 8px 12px;
  background: #e8f4ff;
  border: 1px solid #b3d8ff;
  border-radius: 4px;
  font-size: 12px;
  color: #409eff;
}
.adapt-tip i[data-v-4619309e] {
  margin-right: 4px;
}
.virtualSelect .el-scrollbar .el-scrollbar__bar.is-vertical {
  width: 0;
}
.search-form .el-cascader__search-input {
  font-size: 12px;
}
@charset "UTF-8";
.scan-field-config-dialog[data-v-d1cf9126]  .el-dialog__body {
  padding: 0;
  max-height: 78vh;
  overflow-y: auto;
}
.dialog-body[data-v-d1cf9126] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 16px;
}
/* 卡片块 */
.section-block[data-v-d1cf9126] {
  border: 1px solid #e4e7ed;
  border-radius: 8px;
  overflow: hidden;
}
/* 标题栏 */
.section-header[data-v-d1cf9126] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  padding: 12px 16px;
}
.section-header i[data-v-d1cf9126] {
  margin-right: 6px;
  font-size: 16px;
}
.section-header span[data-v-d1cf9126] {
  font-size: 15px;
  font-weight: 600;
}
.section-header--blue[data-v-d1cf9126] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ecf5ff;
}
.section-header--blue i[data-v-d1cf9126], .section-header--blue span[data-v-d1cf9126] {
  color: #409eff;
}
.section-header--green[data-v-d1cf9126] {
  background: #f6ffed;
}
.section-header--green i[data-v-d1cf9126], .section-header--green span[data-v-d1cf9126] {
  color: #52c41a;
}
.section-header__title[data-v-d1cf9126] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.section-desc[data-v-d1cf9126] {
  font-size: 12px;
  color: #909399;
  padding-left: 2px;
  margin-top: 2px;
}
/* 表单 */
.section-form[data-v-d1cf9126] {
  padding: 16px 16px 4px;
}
.section-form[data-v-d1cf9126]  .el-form-item__label {
  font-size: 13px;
  font-weight: 500;
  color: #303133;
  line-height: 1.6;
  padding-bottom: 4px;
}
.section-form[data-v-d1cf9126]  .el-form-item {
  margin-bottom: 16px;
}
.required-label[data-v-d1cf9126]  .el-form-item__label::after {
  content: " *";
  color: #f56c6c;
}
/* 字段网格：2列 */
.fields-grid[data-v-d1cf9126] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding: 12px 16px;
}
/* 字段卡片 */
.field-card[data-v-d1cf9126] {
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  padding: 12px 14px 10px;
  background: #fff;
  cursor: pointer;
  -webkit-transition: border-color 0.2s, background 0.2s;
  transition: border-color 0.2s, background 0.2s;
}
.field-card[data-v-d1cf9126]:hover {
  border-color: #b7eb8f;
  background: #fcfff5;
}
.field-card.is-enabled[data-v-d1cf9126] {
  border-color: #52c41a;
  background: #f6ffed;
}
.field-card__top[data-v-d1cf9126] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
}
.field-card__info[data-v-d1cf9126] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.field-card__name[data-v-d1cf9126] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  line-height: 1.4;
}
.field-card__desc[data-v-d1cf9126] {
  font-size: 12px;
  color: #909399;
  margin-top: 2px;
}
.field-card__bottom[data-v-d1cf9126] {
  margin-top: 10px;
  padding-left: 24px;
}
.dialog-footer[data-v-d1cf9126] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
}
.imeis + .imeis {
  margin-top: 10px;
}
.myform[data-v-7c778f89]  .el-textarea__inner {
  font-size: 12px;
}
.barcode-detail {
  padding: 10px 24px;
}
.barcode-detail .card {
  overflow: hidden;
  background-color: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 8px #eee;
          box-shadow: 0px 0px 8px #eee;
}
.barcode-detail .header-info {
  padding: 24px 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}
.barcode-detail .header-info h3 {
  margin: 0;
  margin-bottom: 6px;
  font-size: 16px;
}
.barcode-detail .form-detail-container {
  margin-top: 16px;
}
.barcode-detail .form-detail-container header {
  padding: 16px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ddd;
  font-weight: 600;
}
.barcode-detail .form-detail-container h5 {
  padding-left: 6px;
  font-size: 14px;
  border-left: 5px solid #4490fb;
}
.barcode-detail .form-detail-container > div {
  padding: 16px;
}

.detail-container[data-v-0f1fa700] {
  width: 80%;
  padding: 20px;
  margin: 20px auto;
}
.standard-margin[data-v-0f1fa700] {
  margin-top: 15px;
}
.form-border[data-v-0f1fa700] {
  border-right: 1px solid #dcdfe5;
  border-bottom: 1px solid #dcdfe5;
  padding: 10px;
  /* height: 50px; */
  line-height: 25px;
  font-size: 15px;
}
.form-border-not-50[data-v-0f1fa700] {
  border-right: 1px solid #dcdfe5;
  border-bottom: 1px solid #dcdfe5;
  padding: 10px;
  line-height: 25px;
  font-size: 15px;
}
.form-container-border[data-v-0f1fa700] {
  border-left: 1px solid #dcdfe5;
  border-top: 1px solid #dcdfe5;
  margin-top: 15px;
}
.form-left-bg[data-v-0f1fa700] {
  background: #f2f5fc;
}
.daochu123[data-v-0f1fa700] {
  width: 100%;
  margin-top: 20px;
}

.app-label-problems[data-v-530fd988] {
  margin: 10px 20px;
}
.app-label-problems .content[data-v-530fd988] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.app-label-problems .content .app-transverse[data-v-530fd988] {
  padding: 20px 12px;
  background: #fff !important;
  border-radius: 12px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 1px solid #dfe6ec;
  height: calc(100vh - 140px) !important;
}
.app-label-problems .content .content-left[data-v-530fd988] {
  width: 16%;
  margin-right: 20px;
}
.app-label-problems .content .content-left .content-p[data-v-530fd988] {
  margin-bottom: 6px;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
}
.app-label-problems .content .content-left .el-icon-search[data-v-530fd988] {
  line-height: 32px;
}
.app-label-problems .content .content-left .custom-tree-node[data-v-530fd988] {
  width: 100%;
}
.app-label-problems .content .content-left .custom-tree-node .evey-node[data-v-530fd988] {
  position: relative;
  line-height: 46px;
  height: 46px;
  width: 100%;
  font-size: 14px;
  color: #686b7a;
}
.app-label-problems .content .content-left .custom-tree-node .evey-node .icon-sty[data-v-530fd988] {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  color: #686b7a;
}
.app-label-problems .content .content-left .custom-tree-node .evey-node .el-icon-edit[data-v-530fd988] {
  line-height: 46px;
}
.app-label-problems .content .content-left .left-tree.el-tree[data-v-530fd988] {
  margin-top: 16px;
  max-height: calc(100vh - 200px);
  overflow: auto;
}
.app-label-problems .content .content-left .left-tree.el-tree[data-v-530fd988]::-webkit-scrollbar {
  width: 0px;
}
.app-label-problems .content .content-left .left-tree.el-tree .el-tree-node__children[data-v-530fd988] {
  max-height: calc(100vh - 400px);
  overflow: auto;
}
.app-label-problems .content .content-left .left-tree.el-tree .el-tree-node__children .el-tree-node__content[data-v-530fd988] {
  height: 46px !important;
}
.app-label-problems .content .content-left .left-tree.el-tree[data-v-530fd988]  .el-tree-node__content {
  height: 46px;
}
.app-label-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content[data-v-530fd988] {
  background-color: #edf3ff;
}
.app-label-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node[data-v-530fd988] {
  height: 46px;
  width: 100%;
  color: #4379ee;
}
.app-label-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node[data-v-530fd988] {
  line-height: 46px;
  color: #4379ee;
}
.app-label-problems .content .content-right[data-v-530fd988] {
  overflow: auto;
  width: 84%;
}
.related-list[data-v-5d6139e2] .el-dialog .el-dialog__body {
  padding-bottom: 10px;
}
.related-edit[data-v-5d6139e2] {
  margin-bottom: 4px;
}
.edit-remark[data-v-5d6139e2] {
  cursor: pointer;
}
.edit-remark .remark-icon[data-v-5d6139e2] {
  margin-right: 5px;
  font-size: 14px;
  color: #409eff;
}
.edit-show[data-v-5d6139e2] {
  display: none;
}
.add-icon[data-v-5d6139e2] {
  font-size: 20px;
  cursor: pointer;
}
.el-table__body tr:hover .edit-show[data-v-5d6139e2] {
  display: inline;
}
.pagination-sty[data-v-5d6139e2] {
  width: 100%;
  text-align: right;
}
.tree-column .delete {
  color: #ff4949 !important;
}
.edit-remark {
  cursor: pointer;
}
.edit-remark .remark-icon {
  margin-right: 5px;
  font-size: 14px;
  color: #409eff;
}
.edit-show {
  display: none;
}
.add-icon {
  font-size: 20px;
  cursor: pointer;
}
.tree-column:hover .edit-show {
  display: inline;
}
.content-tree .content-p {
  margin-bottom: 6px;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
}
.content-tree .el-icon-search {
  line-height: 32px;
}
.content-tree .custom-tree-node {
  width: calc(100% - 24px);
}
.content-tree .custom-tree-node .evey-node {
  position: relative;
  line-height: 46px;
  height: 46px;
  width: 100%;
  font-size: 14px;
  color: #686b7a;
}
.content-tree .custom-tree-node .evey-node .icon-sty {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  color: #686b7a;
}
.content-tree .custom-tree-node .evey-node .el-icon-edit {
  line-height: 46px;
}
.content-tree .custom-tree-node .evey-node .text-ep {
  display: block;
  width: 100%;
}
.content-tree .left-tree.el-tree {
  margin-top: 16px;
  max-height: calc(100vh - 266px);
  overflow: auto;
  /* &::-webkit-scrollbar {
    width: 0px;
  } */
}
.content-tree .left-tree.el-tree .el-tree-node__children .el-tree-node__content {
  height: 46px !important;
}
.content-tree .left-tree.el-tree .el-tree-node__content {
  height: 46px;
}
.content-tree .handle-icon {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
}
.content-tree .handle-icon .el-icon-s-operation {
  cursor: move;
}
.content-tree .el-tree-node__content:hover .handle-icon {
  display: inline-block;
  padding-left: 2px;
  padding-right: 7px;
  border-left: 1px solid #e9e9e9;
  background-color: #f5f7fa;
}
.content-tree .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #edf3ff;
}
.content-tree .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .handle-icon {
  background-color: #edf3ff;
}
.content-tree .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node {
  height: 46px;
  color: #4379ee;
}
.content-tree .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node {
  line-height: 46px;
  color: #4379ee;
}
.content-tree .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .icon-sty {
  color: #4379ee;
}
.content-tree .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .el-icon-edit {
  line-height: 46px;
  display: inline-block;
}
.content-tree .project-sty.el-form .el-form-item {
  display: block !important;
}
.content-tree .project-sty.el-form .el-form-item .el-form-item__content {
  width: 80%;
}
.content-tree .el-card.is-always-shadow {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
.content-tree .el-popup-parent--hidden .el-dropdown-menu .el-tree.dialog-tree .el-icon-check {
  display: none;
}
.content-tree .el-popup-parent--hidden .el-dropdown-menu .el-tree.dialog-tree .el-tree-node__content:hover .el-icon-check {
  display: inline-block;
}
.app-label-problems {
  margin: 10px 20px;
}
.app-label-problems .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.app-label-problems .content .app-transverse {
  padding: 20px 12px;
  background: white;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  height: calc(100vh - 120px) !important;
}
.app-label-problems .content .content-left {
  width: 18%;
  margin-right: 20px;
}
.app-label-problems .content .content-right {
  width: 82%;
}
.app-label-problems .edit-remark {
  cursor: pointer;
}
.app-label-problems .edit-remark .remark-icon {
  margin-right: 5px;
  font-size: 14px;
  color: #409eff;
}
.app-label-problems .edit-show {
  display: none;
}
.app-label-problems .add-icon {
  font-size: 20px;
  cursor: pointer;
}
.app-label-problems .el-table__cell:hover .edit-show {
  display: inline;
}
.tree-expand .tree-label[data-v-ddd14c52] {
  font-size: 0.9em;
}
.tree-expand .tree-btn[data-v-ddd14c52] {
  display: none;
  position: absolute;
  right: 40px;
}
.tree-expand .tree-btn i[data-v-ddd14c52] {
  color: #409eff;
  font-size: 0.9em;
  margin-right: 3px;
}
.el-tree-node__content:hover .tree-btn[data-v-ddd14c52] {
  display: inline-block !important;
}
.vehicle-management-wrap .tree-box-bt[data-v-b294142e] {
  margin: 0 !important;
  border: 1px solid #dcdfe6;
  padding: 20px 40px;
}
.vehicle-management-wrap .tree-box-bt .search-box[data-v-b294142e] {
  padding-bottom: 20px;
}
.vehicle-management-wrap .tree-box-bt .menu-data-content[data-v-b294142e] {
  border: 1px solid #dcdfe6;
}
.vehicle-management-wrap .tree-box-bt .menu-data-content .expand-tree[data-v-b294142e] {
  height: calc(100vh - 250px) !important;
  overflow: auto;
}
.vehicle-management-wrap .tree-box-bt .dialog-box[data-v-b294142e] {
  border: 1px solid #dcdfe6;
  height: calc(100vh - 198px) !important;
  overflow: auto;
}
.vehicle-management-wrap .tree-box-bt .dialog-box p[data-v-b294142e] {
  font-weight: 400;
  padding-left: 30px;
  margin-bottom: 60px;
  background-color: #e8edf4;
  height: 32px;
  line-height: 32px;
}
.vehicle-management-wrap .tree-box-bt .dialog-box .machine_dj[data-v-b294142e] {
  padding: 0 40px;
}
.el-tree-node__content {
  height: 34px;
  line-height: 34px;
}
.cus-form .el-form--inline .el-form-item[data-v-3e637700] {
  display: block !important;
}

.handle-add[data-v-67770cc4] {
  float: right;
}
.color-red[data-v-67770cc4] {
  color: red;
}


[data-v-a059610e] .vehicle-fitment-edit-dialog .el-dialog {
  max-width: calc(100vw - 48px);
}
.dialog-summary[data-v-a059610e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
  gap: 8px;
  color: #303133;
  font-weight: 600;
}
.language-status[data-v-a059610e] {
  margin-bottom: 10px;
  color: #606266;
}
.region-detail[data-v-a059610e] {
  margin-top: 4px;
}
.eu-fascia-list[data-v-a059610e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.eu-fascia-card[data-v-a059610e] {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 16px;
  padding: 14px;
  border: 1px solid #e3e9f2;
  border-radius: 6px;
  background: #ffffff;
}
.eu-fascia-media[data-v-a059610e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.eu-fascia-image[data-v-a059610e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 168px;
  height: 120px;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  background: #f7f9fc;
  color: #909399;
  font-size: 12px;
}
.eu-fascia-title[data-v-a059610e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  color: #303133;
  font-weight: 600;
  line-height: 22px;
}
.eu-fascia-fields[data-v-a059610e] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 16px;
}
.eu-fascia-field[data-v-a059610e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
  color: #606266;
  line-height: 22px;
}
.field-label[data-v-a059610e] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 72px;
          flex: 0 0 72px;
  color: #909399;
}
[data-v-a059610e] .fitment-language-tabs.el-tabs--border-card {
  overflow: hidden;
  border: 1px solid #dfe6f0;
  border-radius: 6px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
[data-v-a059610e] .fitment-language-tabs > .el-tabs__header {
  background: #f6f8fb;
  border-bottom: 1px solid #dfe6f0;
}
[data-v-a059610e] .fitment-language-tabs > .el-tabs__header .el-tabs__item {
  min-width: 64px;
  height: 40px;
  border-right-color: transparent;
  color: #7a8491;
  line-height: 40px;
  text-align: center;
}
[data-v-a059610e] .fitment-language-tabs > .el-tabs__header .el-tabs__item.is-active {
  border-right-color: #dfe6f0;
  background: #ffffff;
  color: #1677ff;
  font-weight: 600;
}
[data-v-a059610e] .fitment-language-tabs > .el-tabs__content {
  padding: 14px 16px 16px;
}
.translation-list[data-v-a059610e] {
  max-height: 56vh;
  overflow-y: auto;
  padding: 2px 4px 2px 2px;
}
.translation-row[data-v-a059610e] {
  position: relative;
  display: grid;
  grid-template-columns: minmax(280px, 0.9fr) minmax(340px, 1.1fr);
  gap: 18px;
  padding: 14px 16px;
  border: 1px solid #e3e9f2;
  border-radius: 6px;
  background: #ffffff;
}
.translation-row + .translation-row[data-v-a059610e] {
  margin-top: 10px;
}
.translation-row--question[data-v-a059610e] {
  border-color: #d9e5f5;
  -webkit-box-shadow: 0 1px 3px rgba(31, 45, 61, 0.04);
          box-shadow: 0 1px 3px rgba(31, 45, 61, 0.04);
}
.translation-row--option[data-v-a059610e] {
  margin-left: 34px;
  border-color: #e8edf4;
  background: #fbfcfe;
}
.translation-row--option[data-v-a059610e]::before {
  position: absolute;
  top: -11px;
  left: -22px;
  width: 20px;
  height: 34px;
  border-bottom: 1px solid #d6dee9;
  border-left: 1px solid #d6dee9;
  border-bottom-left-radius: 6px;
  content: '';
}
.translation-row--nested-question[data-v-a059610e] {
  margin-left: 54px;
  border-color: #d8e8fb;
  background: #f8fbff;
}
.source-column[data-v-a059610e],
.target-column[data-v-a059610e] {
  min-width: 0;
}
.column-title[data-v-a059610e],
.target-header[data-v-a059610e] {
  margin-bottom: 8px;
  color: #303133;
  font-weight: 600;
}
.target-header[data-v-a059610e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.status-label[data-v-a059610e],
.target-title[data-v-a059610e] {
  color: #303133;
  font-weight: 600;
}
.status-label[data-v-a059610e] {
  margin-right: 8px;
}
.row-type-pill[data-v-a059610e] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
  padding: 0 8px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
}
.row-type-pill--question[data-v-a059610e] {
  background: #ecf5ff;
  color: #1677ff;
}
.row-type-pill--option[data-v-a059610e] {
  background: #eef2f7;
  color: #475569;
}
.parent-label[data-v-a059610e] {
  margin-left: 8px;
  color: #909399;
  font-size: 12px;
  font-weight: 400;
}
.source-din-tag[data-v-a059610e] {
  margin-left: 8px;
}
.source-text[data-v-a059610e] {
  margin: 0 0 8px;
  color: #4f5965;
  font-size: 14px;
  line-height: 22px;
  word-break: break-word;
}
.source-image[data-v-a059610e] {
  display: block;
  width: 168px;
  height: 108px;
  margin-top: 8px;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  background: #f7f9fc;
}
.image-placeholder[data-v-a059610e],
.image-error[data-v-a059610e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  color: #909399;
  font-size: 12px;
}
.muted[data-v-a059610e],
.image-only-tip[data-v-a059610e],
.dialog-empty[data-v-a059610e] {
  color: #909399;
}
.fallback-tag[data-v-a059610e] {
  margin-left: 8px;
}
.translation-editor[data-v-a059610e]  .el-textarea__inner {
  min-height: 84px;
  border-color: #e1e7ef;
  background: #f8fafc;
  color: #606266;
  line-height: 22px;
  resize: vertical;
}
.translation-actions[data-v-a059610e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 8px;
}


[data-v-18ebe7f0] .change-log-dialog .el-dialog {
  max-width: calc(100vw - 48px);
}
.log-summary[data-v-18ebe7f0] {
  margin-bottom: 10px;
  color: #303133;
  font-weight: 600;
}
.log-card-list[data-v-18ebe7f0] {
  max-height: 58vh;
  overflow-y: auto;
  padding-right: 4px;
}
.log-card[data-v-18ebe7f0] {
  margin-bottom: 12px;
  padding: 16px 20px;
  border-left: 3px solid #a7d0ff;
  border-radius: 8px;
  background: #f8fbff;
}
.log-card-header[data-v-18ebe7f0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 14px;
  gap: 12px;
}
.log-card-title[data-v-18ebe7f0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: #606266;
}
.log-time[data-v-18ebe7f0] {
  color: #303133;
  font-weight: 600;
}
.log-operator[data-v-18ebe7f0] {
  font-weight: 600;
}
.log-card-tags[data-v-18ebe7f0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
}
.field-change-list[data-v-18ebe7f0] {
  border-top: 1px dashed #dfe6f0;
}
.field-change-row[data-v-18ebe7f0] {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 24px;
  padding: 8px 0;
  border-bottom: 1px dashed #e7edf5;
  line-height: 22px;
}
.field-name[data-v-18ebe7f0] {
  color: #5f728f;
  font-weight: 600;
}
.field-values[data-v-18ebe7f0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  min-width: 0;
}
.field-value[data-v-18ebe7f0] {
  display: inline-block;
  max-width: 100%;
  padding: 2px 10px;
  border-radius: 4px;
  word-break: break-all;
}
.old-value[data-v-18ebe7f0] {
  color: #8a97a8;
  background: #f3f5f8;
}
.new-value[data-v-18ebe7f0] {
  color: #20713b;
  background: #eef9f1;
}
.change-arrow[data-v-18ebe7f0] {
  color: #8a97a8;
  font-weight: 600;
}
.field-change-empty[data-v-18ebe7f0] {
  padding: 18px 0 4px;
  color: #909399;
  text-align: center;
}
.log-empty[data-v-18ebe7f0] {
  padding: 28px 0;
  color: #909399;
  text-align: center;
}


.console-grid[data-v-15de699a] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;
}
.console-card[data-v-15de699a] { min-width: 0; background: #fff; border: 2px solid #ddd; border-radius: 8px; padding: 12px; color: #303133; cursor: pointer; text-align: left;
}
.console-card.selected[data-v-15de699a] { border-color: #409eff;
}
.console-card[data-v-15de699a]:focus-visible { outline: 3px solid #409eff;
}
.console-features[data-v-15de699a] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 10px;
}
.console-features img[data-v-15de699a] { width: 100%; height: 120px; -o-object-fit: contain; object-fit: contain; background: white;
}
.console-features p[data-v-15de699a] { overflow-wrap: anywhere;
}
.missing-image[data-v-15de699a] { min-height: 120px; border: 1px dashed #bbb; padding: 8px;
}
@media (max-width: 700px) {
.console-grid[data-v-15de699a] { grid-template-columns: 1fr;
}
.console-features[data-v-15de699a] { grid-template-columns: 1fr;
}
.console-features img[data-v-15de699a] { height: 180px;
}
}


.console-toolbar[data-v-6bbff798] { margin: 14px 0; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.rule-table[data-v-6bbff798] { margin-top: 12px;
}

.fitment-toolbar[data-v-285d2890] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; margin: 16px 0;
}
.fitment-muted[data-v-285d2890] { color: #909399; font-size: 12px; line-height: 1.6;
}
.unified-fitment-manager .el-pagination[data-v-285d2890] { margin-top: 12px; white-space: normal;
}
.unified-fitment-manager .el-form-item[data-v-285d2890] { margin-bottom: 10px;
}
.unified-fitment-manager h4[data-v-285d2890] { margin: 12px 0;
}


.input-width[data-v-7c91d7c6] {
  width: 160px;
}
.vehicle-cascader[data-v-7c91d7c6] {
  width: 360px;
  line-height: 32px;
}
.source-cell[data-v-7c91d7c6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  min-width: 0;
}
.source-cell[data-v-7c91d7c6]  .el-link {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.muted[data-v-7c91d7c6] {
  color: #909399;
}



.feature-editor[data-v-0b88fff6] { padding: 16px; border: 1px solid #ddd; margin: 12px 0;
}

.console-filter[data-v-8f5c5836] { margin-top: 16px;
}
.console-toolbar[data-v-8f5c5836] { margin: 14px 0; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.feature-summary[data-v-8f5c5836] { color: #666; line-height: 1.6;
}


.detail-container[data-v-714a7cae] {
  position: absolute;
  left: 0;
  right: 0;
  width: 1080px;
  padding: 35px 35px 15px 35px;
  margin: 20px auto;
}
.standard-margin[data-v-714a7cae] {
  margin-top: 15px;
}
.form-border[data-v-714a7cae] {
  border-right: 1px solid #dcdfe6;
  border-bottom: 1px solid #dcdfe6;
  padding: 10px;
  height: 60px;
  line-height: 40px;
  font-size: 14px;
}
.form-container-border[data-v-714a7cae] {
  border-left: 1px solid #dcdfe6;
  border-top: 1px solid #dcdfe6;
  margin-top: 15px;
}
.form-left-bg[data-v-714a7cae] {
  background: #f2f6fc;
}


.handle-add[data-v-abec6ccc] {
  float: right;
}
.product-mb-20[data-v-abec6ccc] {
  margin-bottom: 20px;
}
.product-contain[data-v-abec6ccc] {
  display: inline-block;
  width: 100%;
}
.color-red[data-v-abec6ccc] {
  color: red;
}


.handle-add[data-v-4f625012] {
  float: right;
}
.product-mb-20[data-v-4f625012] {
  margin-bottom: 20px;
}
.product-contain[data-v-4f625012] {
  display: inline-block;
  width: 100%;
}
.color-red[data-v-4f625012] {
  color: red;
}

.product-main .box-card .demo-input-suffix .el-input[data-v-4c23b7f7] {
  width: 180px;
}
.handle-add[data-v-4c23b7f7] {
  float: right;
}
.product-mb-20[data-v-4c23b7f7] {
  margin-bottom: 20px;
}
.product-contain[data-v-4c23b7f7] {
  display: inline-block;
  width: 100%;
}
.color-red[data-v-4c23b7f7] {
  color: red;
}

.product-fitment-dialog-content[data-v-5903f22a] { max-height: calc(94vh - 150px); overflow: auto;
}

.car-year-range[data-v-945b3c48] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  width: 278px;
  max-width: 100%;
}
.car-year-range .el-date-editor.el-input[data-v-945b3c48] {
  width: 130px;
  min-width: 0;
}
.product-main .box-card .demo-input-suffix .el-input[data-v-945b3c48] {
  width: 180px;
}
.handle-add[data-v-945b3c48] {
  float: right;
}
.product-mb-20[data-v-945b3c48] {
  margin-bottom: 20px;
}
.product-contain[data-v-945b3c48] {
  display: inline-block;
  width: 100%;
}
.color-red[data-v-945b3c48] {
  color: red;
}

.dialog-summary[data-v-36127f83] {
  line-height: 22px;
  margin-bottom: 16px;
  color: #606266;
}
.dialog-select[data-v-36127f83] {
  width: 100%;
}


.table-empty-wrap[data-v-41188ec8] {
  line-height: 32px;
}
.log-table[data-v-41188ec8] {
  margin-top: 4px;
}
.change-list[data-v-41188ec8] {
  line-height: 22px;
}
.change-item + .change-item[data-v-41188ec8] {
  margin-top: 4px;
}
.change-field[data-v-41188ec8] {
  color: #606266;
  font-weight: 600;
}
.change-arrow[data-v-41188ec8] {
  margin: 0 8px;
  color: #909399;
}


.cp-aa-compatibility .input-width[data-v-39f74d46] {
  width: 150px;
}
.cp-aa-compatibility .vehicle-cascader[data-v-39f74d46] {
  width: 360px;
  line-height: 32px;
}
.row-warning-icon[data-v-39f74d46] {
  color: #e6a23c;
  margin-right: 6px;
}
.danger-text-btn[data-v-39f74d46] {
  color: #f56c6c;
}
.table-empty-wrap[data-v-39f74d46] {
  line-height: 32px;
}


.product-mt-20[data-v-5ec70e29] {
  margin-top: 20px;
}
.opSetting[data-v-5ec70e29] {
  text-align: center;
  margin-top: 230px;
}
.spacing[data-v-5ec70e29] {
  margin-top: 10px;
}
.grid-content[data-v-5ec70e29] {
  margin-top: 20px;
}
.mtb-10[data-v-5ec70e29] {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.del-bottom.el-table[data-v-5ec70e29]::before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
}


.product-mt-20[data-v-eb3df922] {
  margin-top: 20px;
}
.opSetting[data-v-eb3df922] {
  text-align: center;
  margin-top: 230px;
}
.spacing[data-v-eb3df922] {
  margin-top: 10px;
}
.grid-content[data-v-eb3df922] {
  margin-top: 20px;
}
.mtb-10[data-v-eb3df922] {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.del-bottom.el-table[data-v-eb3df922]::before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
}


.product-mt-20[data-v-5264d27b] {
  margin-top: 20px;
}
.opSetting[data-v-5264d27b] {
  text-align: center;
  margin-top: 230px;
}
.spacing[data-v-5264d27b] {
  margin-top: 10px;
}
.grid-content[data-v-5264d27b] {
  margin-top: 20px;
}
.mtb-10[data-v-5264d27b] {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.del-bottom.el-table[data-v-5264d27b]::before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
}


.product-mt-20[data-v-21ae3a3c] {
  margin-top: 20px;
}
.opSetting[data-v-21ae3a3c] {
  text-align: center;
  margin-top: 230px;
}
.spacing[data-v-21ae3a3c] {
  margin-top: 10px;
}
.grid-content[data-v-21ae3a3c] {
  margin-top: 20px;
}
.mtb-10[data-v-21ae3a3c] {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.del-bottom.el-table[data-v-21ae3a3c]::before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
}


.product-mt-20[data-v-4b5903d8] {
  margin-top: 20px;
}
.opSetting[data-v-4b5903d8] {
  text-align: center;
  margin-top: 230px;
}
.spacing[data-v-4b5903d8] {
  margin-top: 10px;
}
.grid-content[data-v-4b5903d8] {
  margin-top: 20px;
}
.mtb-10[data-v-4b5903d8] {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.del-bottom.el-table[data-v-4b5903d8]::before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
}


.fitment-page-toolbar[data-v-71e4f04b] { margin-bottom: 14px;
}


.scene-dashboard-page[data-v-7d18486e] {
  min-height: calc(100vh - 130px);
  color: #202124;
  background: #f7f8fa;
}
.scene-dashboard[data-v-7d18486e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.scene-metrics[data-v-7d18486e] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.scene-metric-card[data-v-7d18486e],
.scene-dashboard-section[data-v-7d18486e] {
  position: relative;
  border: 1px solid #edf0f5;
  border-radius: 18px;
  background: #fff;
  -webkit-box-shadow: 0 8px 18px rgba(31, 35, 41, 0.08);
          box-shadow: 0 8px 18px rgba(31, 35, 41, 0.08);
}
.scene-metric-card[data-v-7d18486e] {
  min-height: 104px;
  padding: 18px 22px;
}
.scene-metric-card span[data-v-7d18486e] {
  display: block;
  margin-bottom: 10px;
  color: #8a9099;
  font-size: 14px;
  font-weight: 600;
}
.scene-metric-main[data-v-7d18486e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 10px;
  margin-bottom: 8px;
}
.scene-metric-card strong[data-v-7d18486e] {
  color: #1f2329;
  font-size: 30px;
  line-height: 1;
  font-weight: 700;
}
.scene-metric-card em[data-v-7d18486e] {
  color: #5ac299;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
}
.scene-metric-card em.is-negative[data-v-7d18486e] {
  color: #f56c6c;
}
.scene-metric-card p[data-v-7d18486e] {
  margin: 0;
  color: #8a9099;
  font-size: 13px;
  line-height: 1.4;
}
.scene-dashboard-grid[data-v-7d18486e] {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 2fr);
  gap: 16px;
}
.scene-dashboard-section[data-v-7d18486e] {
  min-height: 368px;
  padding: 22px;
}
.scene-section-head[data-v-7d18486e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 22px;
}
.scene-section-head h3[data-v-7d18486e] {
  margin: 0 0 4px;
  color: #1f2329;
  font-size: 17px;
  line-height: 1.3;
  font-weight: 700;
}
.scene-section-head p[data-v-7d18486e] {
  margin: 0 0 4px;
  color: #8a9099;
  font-size: 13px;
  line-height: 1.4;
}
.scene-dashboard-link[data-v-7d18486e] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 86px;
  height: 30px;
  padding: 0 10px 0 12px;
  border-color: #d8e2f7;
  border-radius: 4px;
  background: #f8fbff;
  color: #3156a3;
  font-size: 13px;
  font-weight: 600;
  line-height: 30px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.scene-dashboard-link[data-v-7d18486e]:hover,
.scene-dashboard-link[data-v-7d18486e]:focus {
  border-color: #9db8f2;
  background: #eef5ff;
  color: #264a96;
}
.scene-dashboard-link__icon[data-v-7d18486e] {
  margin-left: 4px;
  font-size: 12px;
  -webkit-transition: -webkit-transform 0.16s ease;
  transition: -webkit-transform 0.16s ease;
  transition: transform 0.16s ease;
  transition: transform 0.16s ease, -webkit-transform 0.16s ease;
}
.scene-dashboard-link:hover .scene-dashboard-link__icon[data-v-7d18486e] {
  -webkit-transform: translateX(2px);
          transform: translateX(2px);
}
.scene-rank-list[data-v-7d18486e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 18px;
}
.scene-rank-row[data-v-7d18486e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.scene-rank-row__head[data-v-7d18486e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
.scene-rank-name[data-v-7d18486e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
  gap: 10px;
}
.scene-rank-index[data-v-7d18486e] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #eef0f3;
  color: #a4aab3;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
.scene-rank-index.is-top[data-v-7d18486e] {
  background: #1f2329;
  color: #fff;
}
.scene-rank-name strong[data-v-7d18486e] {
  overflow: hidden;
  color: #363b44;
  font-size: 14px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scene-rank-row em[data-v-7d18486e] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: #6b7280;
  font-style: normal;
  font-size: 14px;
  font-weight: 700;
}
.scene-rank-value[data-v-7d18486e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
}
.scene-rank-value small[data-v-7d18486e] {
  min-width: 38px;
  color: #a4aab3;
  font-size: 13px;
  font-weight: 700;
  text-align: right;
}
.scene-rank-bar[data-v-7d18486e] {
  width: 100%;
  height: 6px;
  border-radius: 999px;
  background: #f1f2f4;
  overflow: hidden;
}
.scene-rank-bar i[data-v-7d18486e] {
  display: block;
  height: 100%;
  border-radius: 999px;
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.scene-empty[data-v-7d18486e] {
  padding: 120px 0;
  text-align: center;
  color: #a4aab3;
}
@media (max-width: 1100px) {
.scene-dashboard-grid[data-v-7d18486e] {
    grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.scene-metrics[data-v-7d18486e] {
    grid-template-columns: 1fr;
}
.scene-dashboard-section[data-v-7d18486e] {
    padding: 18px;
}
}


.scene-create-dialog[data-v-1cc646a0] .el-dialog {
  border-radius: 24px;
  overflow: hidden;
  -webkit-box-shadow: 0 20px 46px rgba(0, 0, 0, 0.24);
          box-shadow: 0 20px 46px rgba(0, 0, 0, 0.24);
}
.scene-create-dialog[data-v-1cc646a0] .el-dialog__header {
  padding: 22px 24px 0;
  border-bottom: 0;
}
.scene-create-dialog[data-v-1cc646a0] .el-dialog__title {
  color: #111;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}
.scene-create-dialog[data-v-1cc646a0] .el-dialog__headerbtn {
  top: 16px;
  right: 17px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f4f4f4;
}
.scene-create-dialog[data-v-1cc646a0] .el-dialog__headerbtn .el-dialog__close {
  color: #111;
  font-size: 18px;
  font-weight: 700;
}
.scene-create-dialog[data-v-1cc646a0] .el-dialog__body {
  padding: 8px 24px 0;
}
.scene-create-dialog[data-v-1cc646a0] .el-dialog__footer {
  padding: 16px 24px 24px;
  border-top: 0;
  text-align: left;
}
.scene-dialog__sub[data-v-1cc646a0] {
  margin: 0 0 20px;
  color: #777;
  line-height: 18px;
}
.scene-create-form[data-v-1cc646a0] .el-form-item {
  height: auto !important;
  margin-bottom: 14px !important;
}
.scene-create-form[data-v-1cc646a0] .el-form-item__label {
  display: block;
  float: none;
  height: auto !important;
  padding: 0 0 8px;
  color: #111;
  font-size: 14px !important;
  font-weight: 700;
  line-height: 20px !important;
}
.scene-create-form[data-v-1cc646a0] .el-form-item__content {
  margin-left: 0 !important;
  line-height: normal !important;
}
.scene-create-form[data-v-1cc646a0] .el-form-item:last-child {
  margin-bottom: 0 !important;
}
.scene-create-input[data-v-1cc646a0] .el-input__inner {
  height: 38px !important;
  max-height: none !important;
  border: 2px solid #bfbfbf;
  border-radius: 22px;
  background: #f7f7f7;
  color: #111;
  line-height: 38px !important;
  padding: 0 16px;
}
.scene-create-input[data-v-1cc646a0] .el-input__inner:focus {
  border-color: #a8a8a8;
  -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
}
.scene-create-input[data-v-1cc646a0] .el-input__inner::-webkit-input-placeholder {
  color: #8d8d8d;
}
.scene-create-input[data-v-1cc646a0] .el-input__inner::-moz-placeholder {
  color: #8d8d8d;
}
.scene-create-input[data-v-1cc646a0] .el-input__inner::-ms-input-placeholder {
  color: #8d8d8d;
}
.scene-create-input[data-v-1cc646a0] .el-input__inner::placeholder {
  color: #8d8d8d;
}
.scene-create-input[data-v-1cc646a0] .el-input__suffix {
  height: 38px;
}
.scene-create-input[data-v-1cc646a0] .el-input__icon {
  line-height: 38px !important;
}
.scene-create-input[data-v-1cc646a0] .el-textarea__inner {
  min-height: 78px !important;
  border: 2px solid #bfbfbf;
  border-radius: 16px;
  background: #f7f7f7;
  color: #111;
  line-height: 20px;
  padding: 9px 16px;
  resize: none;
}
.scene-create-input[data-v-1cc646a0] .el-textarea__inner:focus {
  border-color: #a8a8a8;
  -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
}
.scene-create-input[data-v-1cc646a0] .el-textarea__inner::-webkit-input-placeholder {
  color: #8d8d8d;
}
.scene-create-input[data-v-1cc646a0] .el-textarea__inner::-moz-placeholder {
  color: #8d8d8d;
}
.scene-create-input[data-v-1cc646a0] .el-textarea__inner::-ms-input-placeholder {
  color: #8d8d8d;
}
.scene-create-input[data-v-1cc646a0] .el-textarea__inner::placeholder {
  color: #8d8d8d;
}
.scene-create-form[data-v-1cc646a0] .el-radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 22px;
}
.scene-create-form[data-v-1cc646a0] .el-radio {
  margin-right: 18px;
  color: #111;
  font-weight: 700;
  line-height: 22px;
}
.scene-create-form[data-v-1cc646a0] .el-radio__inner {
  width: 15px;
  height: 15px;
  border: 0;
  background: #e4e4e4;
}
.scene-create-form[data-v-1cc646a0] .el-radio__input.is-checked .el-radio__inner {
  border: 4px solid #111;
  background: #fff;
}
.scene-create-form[data-v-1cc646a0] .el-radio__inner::after {
  display: none;
}
.scene-create-form[data-v-1cc646a0] .el-radio__input.is-checked + .el-radio__label {
  color: #111;
}
.scene-create-footer[data-v-1cc646a0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  min-height: 32px;
  gap: 16px;
  white-space: nowrap;
}
.scene-create-dialog[data-v-1cc646a0] .scene-create-footer .el-button + .el-button {
  margin-left: 0 !important;
}
.scene-create-dialog[data-v-1cc646a0] .scene-create-footer .scene-action-cancel.el-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto !important;
  min-width: 48px !important;
  height: 32px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #111 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 32px !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.scene-create-dialog[data-v-1cc646a0] .scene-create-footer .scene-action-cancel.el-button:hover,
.scene-create-dialog[data-v-1cc646a0] .scene-create-footer .scene-action-cancel.el-button:focus,
.scene-create-dialog[data-v-1cc646a0] .scene-create-footer .scene-action-cancel.el-button:active {
  border: 0 !important;
  background: transparent !important;
  color: #111 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.scene-create-dialog[data-v-1cc646a0] .scene-create-footer .scene-action-submit.el-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto !important;
  min-width: 146px !important;
  max-width: 100%;
  height: 32px !important;
  padding: 0 18px !important;
  border: 1px solid #111 !important;
  border-radius: 18px !important;
  background: #111 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 30px !important;
  white-space: nowrap;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.scene-create-dialog[data-v-1cc646a0] .scene-create-footer .scene-action-submit.el-button:hover,
.scene-create-dialog[data-v-1cc646a0] .scene-create-footer .scene-action-submit.el-button:focus,
.scene-create-dialog[data-v-1cc646a0] .scene-create-footer .scene-action-submit.el-button:active {
  border-color: #111 !important;
  background: #111 !important;
  color: #fff !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.scene-create-dialog[data-v-1cc646a0] .scene-create-footer .scene-action-submit.el-button.is-loading:before {
  border-radius: 18px;
}
@media (max-width: 520px) {
.scene-create-dialog[data-v-1cc646a0] .el-dialog {
    width: calc(100vw - 32px) !important;
}
.scene-create-dialog[data-v-1cc646a0] .el-dialog__footer {
    padding: 14px 20px 22px;
}
.scene-create-footer[data-v-1cc646a0] {
    gap: 12px;
}
.scene-create-dialog[data-v-1cc646a0] .scene-create-footer .scene-action-submit.el-button {
    min-width: 142px !important;
    padding: 0 14px !important;
}
}


.scene-version-dialog[data-v-3f96a2b4] .el-dialog {
  border-radius: 24px;
  overflow: hidden;
  -webkit-box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
          box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
}
.scene-version-dialog[data-v-3f96a2b4] .el-dialog__header {
  padding: 22px 24px 0;
  border-bottom: 0;
}
.scene-version-dialog[data-v-3f96a2b4] .el-dialog__title {
  color: #111;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}
.scene-version-dialog[data-v-3f96a2b4] .el-dialog__headerbtn {
  top: 16px;
  right: 17px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f4f4f4;
}
.scene-version-dialog[data-v-3f96a2b4] .el-dialog__headerbtn .el-dialog__close {
  color: #111;
  font-size: 18px;
  font-weight: 700;
}
.scene-version-dialog[data-v-3f96a2b4] .el-dialog__body {
  padding: 8px 24px 0;
}
.scene-version-dialog[data-v-3f96a2b4] .el-dialog__footer {
  padding: 16px 24px 24px;
  border-top: 0;
  text-align: left;
}
.scene-dialog__sub[data-v-3f96a2b4] {
  margin: 0 0 18px;
  color: #777;
  font-size: 14px;
  line-height: 20px;
}
.scene-version-form[data-v-3f96a2b4] .el-form-item {
  height: auto !important;
  margin-bottom: 0 !important;
}
.scene-version-form[data-v-3f96a2b4] .el-form-item__label {
  display: block;
  float: none;
  height: auto !important;
  padding: 0 0 8px;
  color: #111;
  font-size: 14px !important;
  font-weight: 700;
  line-height: 20px !important;
}
.scene-version-form[data-v-3f96a2b4] .el-form-item__content {
  margin-left: 0 !important;
  line-height: normal !important;
}
.scene-version-input[data-v-3f96a2b4] .el-input__inner {
  height: 38px !important;
  max-height: none !important;
  border: 2px solid #bfbfbf;
  border-radius: 22px;
  background: #f7f7f7;
  color: #111;
  font-size: 14px;
  line-height: 38px !important;
  padding: 0 16px;
}
.scene-version-input[data-v-3f96a2b4] .el-input__inner:focus {
  border-color: #a8a8a8;
  -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
}
.scene-version-input[data-v-3f96a2b4] .el-input__inner::-webkit-input-placeholder {
  color: #8d8d8d;
}
.scene-version-input[data-v-3f96a2b4] .el-input__inner::-moz-placeholder {
  color: #8d8d8d;
}
.scene-version-input[data-v-3f96a2b4] .el-input__inner::-ms-input-placeholder {
  color: #8d8d8d;
}
.scene-version-input[data-v-3f96a2b4] .el-input__inner::placeholder {
  color: #8d8d8d;
}
.scene-version-input[data-v-3f96a2b4] .el-input__suffix {
  height: 38px;
}
.scene-version-input[data-v-3f96a2b4] .el-input__icon {
  line-height: 38px !important;
}
.scene-version-hint[data-v-3f96a2b4] {
  margin-top: 8px;
  color: #999;
  line-height: 18px;
}
.scene-version-footer[data-v-3f96a2b4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  min-height: 32px;
  gap: 16px;
  white-space: nowrap;
}
.scene-version-dialog[data-v-3f96a2b4] .scene-version-footer .el-button + .el-button {
  margin-left: 0 !important;
}
.scene-version-dialog[data-v-3f96a2b4] .scene-version-footer .scene-action-cancel.el-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto !important;
  min-width: 48px !important;
  height: 32px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #111 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 32px !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.scene-version-dialog[data-v-3f96a2b4] .scene-version-footer .scene-action-cancel.el-button:hover,
.scene-version-dialog[data-v-3f96a2b4] .scene-version-footer .scene-action-cancel.el-button:focus,
.scene-version-dialog[data-v-3f96a2b4] .scene-version-footer .scene-action-cancel.el-button:active {
  border: 0 !important;
  background: transparent !important;
  color: #111 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.scene-version-dialog[data-v-3f96a2b4] .scene-version-footer .scene-action-submit.el-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto !important;
  min-width: 56px !important;
  max-width: 100%;
  height: 32px !important;
  padding: 0 18px !important;
  border: 1px solid #111 !important;
  border-radius: 18px !important;
  background: #111 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 30px !important;
  white-space: nowrap;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.scene-version-dialog[data-v-3f96a2b4] .scene-version-footer .scene-action-submit.el-button:hover,
.scene-version-dialog[data-v-3f96a2b4] .scene-version-footer .scene-action-submit.el-button:focus,
.scene-version-dialog[data-v-3f96a2b4] .scene-version-footer .scene-action-submit.el-button:active {
  border-color: #111 !important;
  background: #111 !important;
  color: #fff !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.scene-version-dialog[data-v-3f96a2b4] .scene-version-footer .scene-action-submit.el-button.is-loading:before {
  border-radius: 18px;
}
@media (max-width: 460px) {
.scene-version-dialog[data-v-3f96a2b4] .el-dialog {
    width: calc(100vw - 32px) !important;
}
}


.scene-dependency[data-v-2607373c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  width: 100%;
}
.scene-dependency__selected[data-v-2607373c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
}
.scene-dependency__selected[data-v-2607373c] .el-tag {
  height: 22px;
  border: 0;
  border-radius: 11px;
  background: #eeeeee;
  color: #111;
  line-height: 22px;
}
.scene-dependency__selected[data-v-2607373c] .el-tag__close {
  color: #777;
}
.scene-dependency__empty[data-v-2607373c],
.scene-dialog__sub[data-v-2607373c] {
  color: #777;
}
.scene-dialog__sub[data-v-2607373c] {
  margin: -8px 0 16px;
}
.scene-dependency__search[data-v-2607373c] {
  margin-bottom: 12px;
}
.scene-dependency__list[data-v-2607373c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  max-height: 360px;
  padding-bottom: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto;
}
.scene-dependency__row[data-v-2607373c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  min-height: 58px;
  border: 0;
  border-radius: 12px;
  padding: 8px 12px;
  background: #fff;
  text-align: left;
  cursor: pointer;
}
.scene-dependency__row[data-v-2607373c]:hover,
.scene-dependency__row.is-selected[data-v-2607373c] {
  background: #f3f4f6;
}
.scene-dependency__row strong[data-v-2607373c] {
  display: block;
  color: #111;
}
.scene-dependency__row em[data-v-2607373c] {
  display: block;
  margin-top: 4px;
  color: #777;
  font-style: normal;
}
.scene-dependency__empty-list[data-v-2607373c] {
  padding: 32px 0;
  text-align: center;
  color: #999;
}
.scene-dialog__footer[data-v-2607373c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
}
.scene-outline-pill[data-v-2607373c] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 32px !important;
  border: 1px solid #dedede !important;
  border-radius: 18px !important;
  padding: 0 14px !important;
  background: #fff !important;
  color: #111 !important;
  font-size: 13px !important;
  font-weight: 700;
  line-height: 30px !important;
}
.scene-outline-pill[data-v-2607373c]:hover,
.scene-outline-pill[data-v-2607373c]:focus {
  border-color: #c6c6c6 !important;
  background: #f7f7f7 !important;
  color: #111 !important;
}
.scene-outline-pill i[data-v-2607373c] {
  margin-right: 6px;
  font-size: 14px;
}
.scene-black-btn[data-v-2607373c] {
  border-color: #111 !important;
  border-radius: 18px !important;
  background: #111 !important;
  color: #fff !important;
}


.scene-language-tabs[data-v-d9384d74] {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 198px;
  color: #111;
}
.scene-language-tabs__trigger[data-v-d9384d74] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 40px;
  border: 1px solid transparent;
  border-radius: 18px;
  padding: 0 12px;
  background: #f2f2f2;
  color: #111;
  gap: 6px;
  cursor: pointer;
  outline: none;
  -webkit-transition: border-color 0.15s ease, background-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border-color 0.15s ease, background-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.scene-language-tabs__trigger[data-v-d9384d74]:hover,
.scene-language-tabs.is-open .scene-language-tabs__trigger[data-v-d9384d74] {
  border-color: #e0e0e0;
  background: #f7f7f7;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);
          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);
}
.scene-language-tabs__trigger.is-over-limit[data-v-d9384d74] {
  border-color: #f56c6c;
  background: #fff3f3;
}
.scene-language-tabs.is-disabled .scene-language-tabs__trigger[data-v-d9384d74] {
  cursor: not-allowed;
  opacity: 0.72;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.scene-language-tabs__name[data-v-d9384d74] {
  min-width: 0;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #111;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scene-language-tabs__dot[data-v-d9384d74] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e2b310;
}
.scene-language-tabs__dot.is-ready[data-v-d9384d74] {
  background: #35bd7b;
}
.scene-language-tabs__dot.is-over-limit[data-v-d9384d74] {
  background: #f56c6c;
}
.scene-language-tabs__primary[data-v-d9384d74],
.scene-language-tabs__ready[data-v-d9384d74],
.scene-language-tabs__selected[data-v-d9384d74],
.scene-language-tabs__warning-icon[data-v-d9384d74] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-weight: 700;
}
.scene-language-tabs__primary[data-v-d9384d74] {
  color: #e0a800;
  font-size: 13px;
}
.scene-language-tabs__ready[data-v-d9384d74] {
  color: #35bd7b;
  font-size: 13px;
}
.scene-language-tabs__warning-icon[data-v-d9384d74] {
  color: #f56c6c;
  font-size: 13px;
}
.scene-language-tabs__selected[data-v-d9384d74] {
  margin-left: auto;
  color: #111;
  font-size: 13px;
}
.scene-language-tabs__arrow[data-v-d9384d74] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: auto;
  color: #555;
  font-size: 13px;
  -webkit-transition: -webkit-transform 0.15s ease;
  transition: -webkit-transform 0.15s ease;
  transition: transform 0.15s ease;
  transition: transform 0.15s ease, -webkit-transform 0.15s ease;
}
.scene-language-tabs__arrow.is-open[data-v-d9384d74] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.scene-language-tabs__menu[data-v-d9384d74] {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 2100;
  width: 100%;
  max-height: 520px;
  border: 1px solid #ececec;
  border-radius: 18px;
  padding: 8px;
  background: #fff;
  -webkit-box-shadow: 0 16px 34px rgba(0, 0, 0, 0.16);
          box-shadow: 0 16px 34px rgba(0, 0, 0, 0.16);
  overflow-y: auto;
}
.scene-language-tabs__option[data-v-d9384d74] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-height: 36px;
  border: 0;
  border-radius: 16px;
  padding: 0 8px;
  background: transparent;
  color: #666;
  gap: 7px;
  cursor: pointer;
  outline: none;
}
.scene-language-tabs__option[data-v-d9384d74]:hover,
.scene-language-tabs__option.is-active[data-v-d9384d74] {
  background: #f3f3f3;
  color: #111;
}
.scene-language-tabs__option.is-over-limit[data-v-d9384d74] {
  background: #fff3f3;
  color: #c73a3a;
}
.scene-language-tabs__option.is-over-limit[data-v-d9384d74]:hover,
.scene-language-tabs__option.is-over-limit.is-active[data-v-d9384d74] {
  background: #ffe7e7;
  color: #a82a2a;
}
.scene-language-tabs__option .scene-language-tabs__name[data-v-d9384d74] {
  color: inherit;
  font-weight: 700;
}
.scene-language-tabs__pending[data-v-d9384d74],
.scene-language-tabs__warning[data-v-d9384d74] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 12px;
  line-height: 16px;
}
.scene-language-tabs__pending[data-v-d9384d74] {
  color: #777;
}
.scene-language-tabs__warning[data-v-d9384d74] {
  color: #f56c6c;
  font-weight: 700;
}


.scene-content-editor[data-v-3bb54114] {
  padding-top: 2px;
}
.scene-content-editor__toolbar[data-v-3bb54114] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.scene-content-editor__actions[data-v-3bb54114] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  gap: 8px;
}
.scene-content-editor__form[data-v-3bb54114] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 13px;
}
.scene-content-editor__field label[data-v-3bb54114],
.scene-content-editor__section-title[data-v-3bb54114],
.scene-content-editor__section-head span[data-v-3bb54114] {
  display: block;
  margin-bottom: 7px;
  color: #111;
  font-weight: 600;
}
.scene-content-editor__section-head[data-v-3bb54114] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 2px;
}
.scene-assets[data-v-3bb54114] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.scene-assets[data-v-3bb54114] .upload-demo,
.scene-assets[data-v-3bb54114] .el-upload {
  width: 100%;
}
.scene-asset-slot[data-v-3bb54114] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-height: 96px;
  border: 1px solid #a9a9a9;
  border-radius: 9px;
  background: #f4f4f4;
  color: #777;
  cursor: pointer;
  overflow: hidden;
}
.scene-asset-slot.is-ready[data-v-3bb54114],
.scene-story-image.is-ready[data-v-3bb54114] {
  border-color: #a9a9a9;
  color: #229f5b;
  background: #f4f4f4;
}
.scene-asset-slot.is-uploading[data-v-3bb54114],
.scene-story-image.is-uploading[data-v-3bb54114] {
  color: #111;
}
.scene-asset-slot.is-disabled[data-v-3bb54114],
.scene-story-image.is-disabled[data-v-3bb54114] {
  cursor: not-allowed;
  opacity: 0.65;
}
.scene-asset-slot strong[data-v-3bb54114] {
  margin: 6px 0 2px;
  color: inherit;
  font-weight: 500;
}
.scene-asset-slot span[data-v-3bb54114] {
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scene-media-thumb[data-v-3bb54114] {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #111;
  -o-object-fit: cover;
     object-fit: cover;
}
.scene-media-label[data-v-3bb54114] {
  position: absolute;
  top: 7px;
  left: 8px;
  z-index: 1;
  max-width: calc(100% - 16px);
  border-radius: 10px;
  padding: 2px 8px;
  background: rgba(17, 17, 17, 0.68);
  color: #fff;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}
.scene-media-name[data-v-3bb54114] {
  position: absolute;
  right: 8px;
  bottom: 6px;
  left: 8px;
  z-index: 1;
  max-width: none !important;
  border-radius: 10px;
  padding: 2px 8px;
  background: rgba(17, 17, 17, 0.62);
  color: #fff;
  font-size: 12px;
  line-height: 16px;
}
.scene-media-fallback[data-v-3bb54114] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  padding: 8px;
}
.scene-media-fallback span[data-v-3bb54114] {
  max-width: 100%;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scene-media-mask[data-v-3bb54114] {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  background: rgba(17, 17, 17, 0.56);
  opacity: 0;
  -webkit-transition: opacity 0.18s ease;
  transition: opacity 0.18s ease;
}
.scene-asset-slot.is-ready:hover .scene-media-mask[data-v-3bb54114],
.scene-story-image.is-ready:hover .scene-media-mask[data-v-3bb54114] {
  opacity: 1;
}
.scene-media-action[data-v-3bb54114] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  color: #111;
  cursor: pointer;
  -webkit-transition: background-color 0.18s ease, -webkit-transform 0.18s ease;
  transition: background-color 0.18s ease, -webkit-transform 0.18s ease;
  transition: background-color 0.18s ease, transform 0.18s ease;
  transition: background-color 0.18s ease, transform 0.18s ease, -webkit-transform 0.18s ease;
}
.scene-media-action[data-v-3bb54114]:hover,
.scene-media-action[data-v-3bb54114]:focus {
  background: #fff;
  outline: none;
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
}
.scene-media-action[disabled][data-v-3bb54114] {
  cursor: not-allowed;
  opacity: 0.45;
  -webkit-transform: none;
          transform: none;
}
.scene-core-list[data-v-3bb54114],
.scene-story-list[data-v-3bb54114] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.scene-core-row[data-v-3bb54114],
.scene-story-row[data-v-3bb54114] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border: 1px solid #e5e5e5;
  border-radius: 9px;
  padding: 8px 10px;
  background: #fff;
}
.scene-story-row[data-v-3bb54114] {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.scene-star-btn[data-v-3bb54114] {
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #999;
  cursor: pointer;
}
.scene-star-btn.is-active[data-v-3bb54114] {
  color: #f5c400;
}
.scene-icon-danger.el-button--text[data-v-3bb54114] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0 !important;
  color: #111 !important;
}
.scene-icon-danger.el-button--text[data-v-3bb54114]:hover,
.scene-icon-danger.el-button--text[data-v-3bb54114]:focus {
  color: #111 !important;
  background: #f1f1f1;
}
.scene-empty-line[data-v-3bb54114] {
  color: #999;
}
.scene-story-image[data-v-3bb54114] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 72px;
  height: 72px;
  border: 1px solid #a9a9a9;
  border-radius: 8px;
  background: #f4f4f4;
  color: #777;
  cursor: pointer;
  overflow: hidden;
}
.scene-story-row[data-v-3bb54114] .upload-demo,
.scene-story-row[data-v-3bb54114] .el-upload {
  width: 72px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 72px;
          flex: 0 0 72px;
}
.scene-story-image span[data-v-3bb54114] {
  max-width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scene-story-image .scene-media-mask[data-v-3bb54114] {
  gap: 6px;
}
.scene-story-image .scene-media-action[data-v-3bb54114] {
  width: 26px;
  height: 26px;
}
.scene-media-preview-dialog[data-v-3bb54114] .el-dialog__body {
  padding-top: 0;
}
.scene-media-preview[data-v-3bb54114] {
  min-height: 260px;
  padding-bottom: 18px;
}
.scene-media-preview__name[data-v-3bb54114] {
  margin-bottom: 10px;
  color: #303133;
  font-weight: 600;
  line-height: 20px;
  word-break: break-all;
}
.scene-media-preview__image[data-v-3bb54114] {
  display: block;
  max-width: 100%;
  max-height: 70vh;
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.scene-media-preview__video[data-v-3bb54114] {
  display: block;
  width: 100%;
  max-height: 70vh;
  background: #111;
}
.scene-pill-input[data-v-3bb54114] .el-input__inner {
  height: 36px !important;
  max-height: none !important;
  border: 0;
  border-radius: 18px;
  background: #f0f0f0;
  color: #111;
  line-height: 36px !important;
  padding: 0 16px;
}
.scene-pill-input[data-v-3bb54114] .el-input__inner:focus {
  background: #ededed;
  -webkit-box-shadow: 0 0 0 1px #d6d6d6 inset;
          box-shadow: 0 0 0 1px #d6d6d6 inset;
}
.scene-content-textarea[data-v-3bb54114] .el-textarea__inner {
  min-height: 84px !important;
  border: 0;
  border-radius: 16px;
  background: #f0f0f0;
  color: #111;
  resize: none;
  padding-bottom: 18px;
}
.scene-content-textarea[data-v-3bb54114] .el-textarea__inner:focus {
  background: #ededed;
  -webkit-box-shadow: 0 0 0 1px #d6d6d6 inset;
          box-shadow: 0 0 0 1px #d6d6d6 inset;
}
.scene-outline-pill[data-v-3bb54114],
.scene-text-pill[data-v-3bb54114],
.scene-add-pill[data-v-3bb54114] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 32px !important;
  border-radius: 18px !important;
  padding: 0 14px !important;
  background: #fff !important;
  color: #111 !important;
  font-size: 13px !important;
  font-weight: 700;
  line-height: 30px !important;
  white-space: nowrap;
}
.scene-outline-pill[data-v-3bb54114],
.scene-add-pill[data-v-3bb54114] {
  border: 1px solid #dedede !important;
}
.scene-text-pill[data-v-3bb54114] {
  border: 1px solid transparent !important;
  padding: 0 8px !important;
}
.scene-outline-pill[data-v-3bb54114]:hover,
.scene-outline-pill[data-v-3bb54114]:focus,
.scene-add-pill[data-v-3bb54114]:hover,
.scene-add-pill[data-v-3bb54114]:focus {
  border-color: #c6c6c6 !important;
  background: #f7f7f7 !important;
  color: #111 !important;
}
.scene-text-pill[data-v-3bb54114]:hover,
.scene-text-pill[data-v-3bb54114]:focus {
  background: #f7f7f7 !important;
  color: #111 !important;
}
.scene-outline-pill i[data-v-3bb54114],
.scene-text-pill i[data-v-3bb54114],
.scene-add-pill i[data-v-3bb54114] {
  margin-right: 6px;
  font-size: 14px;
}
.scene-outline-pill.is-active i[data-v-3bb54114] {
  color: #777;
}
@media (max-width: 760px) {
.scene-content-editor__toolbar[data-v-3bb54114] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.scene-assets[data-v-3bb54114] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}


.scene-file-info[data-v-f1a3c07a] {
  border: 1px solid #ebeef5;
  border-radius: 8px;
  padding: 12px;
  background: #fff;
}
.scene-file-info.is-error[data-v-f1a3c07a] {
  border-color: #f5c2c7;
  background: #fff8f8;
}
.scene-file-info__title[data-v-f1a3c07a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
  font-weight: 600;
}
.scene-file-info__grid[data-v-f1a3c07a] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 16px;
}
.scene-file-info__icon-preview[data-v-f1a3c07a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-column: 1 / -1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.scene-file-info__grid div[data-v-f1a3c07a] {
  min-width: 0;
}
.scene-file-info__grid span[data-v-f1a3c07a] {
  display: block;
  margin-bottom: 2px;
  color: #999;
  font-size: 12px;
}
.scene-file-info__grid strong[data-v-f1a3c07a] {
  display: block;
  word-break: break-all;
  color: #333;
  font-weight: 500;
}
.scene-file-info__icon-preview img[data-v-f1a3c07a] {
  width: 44px;
  height: 44px;
  border: 1px solid #eee;
  border-radius: 10px;
  background: #f5f5f5;
  -o-object-fit: contain;
     object-fit: contain;
}
.scene-file-info__empty[data-v-f1a3c07a] {
  color: #999;
}
.scene-file-info__error[data-v-f1a3c07a] {
  margin-top: 8px;
  color: #f56c6c;
}


.scene-package[data-v-7f79e132] {
  border: 1px solid #e4e4e4;
  border-radius: 9px;
  padding: 15px 16px;
  background: #fff;
}
.scene-package__head[data-v-7f79e132] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  min-height: 42px;
}
.scene-package__summary[data-v-7f79e132] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
  gap: 12px;
}
.scene-package__icon[data-v-7f79e132] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #f2f2f2;
  color: #111;
  font-size: 18px;
}
.scene-package__icon span[data-v-7f79e132] {
  display: -webkit-box;
  overflow: hidden;
  max-width: 34px;
  color: #111;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.scene-package__text[data-v-7f79e132] {
  min-width: 0;
}
.scene-package__text div[data-v-7f79e132] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.scene-package__text strong[data-v-7f79e132] {
  color: #111;
  font-size: 15px;
}
.scene-package__text p[data-v-7f79e132] {
  margin-top: 3px;
  overflow: hidden;
  color: #777;
  font-size: 13px;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scene-package__status[data-v-7f79e132] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  border-radius: 5px;
  padding: 0 7px;
  background: #fff5e6;
  color: #d36b00;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}
.scene-package__status.is-ready[data-v-7f79e132] {
  background: #eef8f2;
  color: #299264;
}
.scene-package__actions[data-v-7f79e132] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.scene-package__publish-switch[data-v-7f79e132] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-right: 2px;
  color: #111;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}
.scene-package__publish-switch[data-v-7f79e132] .el-switch__label {
  color: #333;
  font-weight: 700;
}
.scene-package__publish-switch[data-v-7f79e132] .el-switch__label.is-active {
  color: #111;
  font-weight: 800;
}
.scene-outline-pill[data-v-7f79e132],
.scene-danger-pill[data-v-7f79e132] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 32px !important;
  border-radius: 18px !important;
  padding: 0 14px !important;
  background: #fff !important;
  font-size: 13px !important;
  font-weight: 700;
  line-height: 30px !important;
}
.scene-outline-pill[data-v-7f79e132] {
  border: 1px solid #dedede !important;
  color: #111 !important;
}
.scene-danger-pill[data-v-7f79e132] {
  border: 1px solid #f1d8d8 !important;
  color: #e05757 !important;
}
.scene-outline-pill[data-v-7f79e132]:hover,
.scene-outline-pill[data-v-7f79e132]:focus {
  border-color: #c6c6c6 !important;
  background: #f7f7f7 !important;
  color: #111 !important;
}
.scene-danger-pill[data-v-7f79e132]:hover,
.scene-danger-pill[data-v-7f79e132]:focus {
  border-color: #e8c8c8 !important;
  background: #fff7f7 !important;
  color: #e05757 !important;
}
.scene-outline-pill i[data-v-7f79e132],
.scene-danger-pill i[data-v-7f79e132] {
  margin-right: 6px;
  font-size: 14px;
}
.scene-package[data-v-7f79e132] .scene-file-info {
  margin-top: 12px;
}
@media (max-width: 760px) {
.scene-package__head[data-v-7f79e132] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.scene-package__actions[data-v-7f79e132] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
}


.scene-series-panel[data-v-795d4777] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px;
}
.scene-series-panel__actions[data-v-795d4777],
.scene-series-panel__content-head[data-v-795d4777],
.scene-series-panel__dependency[data-v-795d4777] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}
.scene-series-panel__actions[data-v-795d4777] {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  min-height: 36px;
}
.scene-series-panel__content-head[data-v-795d4777] {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 4px;
}
.scene-series-panel__content-head h3[data-v-795d4777] {
  margin: 0 0 4px;
  color: #111;
  font-size: 15px;
  line-height: 21px;
}
.scene-series-panel__content-head h3 span[data-v-795d4777] {
  color: #777;
  font-weight: 500;
}
.scene-series-panel__content-head p[data-v-795d4777],
.scene-series-panel__dependency p[data-v-795d4777] {
  margin: 0;
  color: #777;
  font-size: 13px;
}
.scene-series-panel__section[data-v-795d4777],
.scene-series-panel__dependency[data-v-795d4777] {
  border: 1px solid #e8e8e8;
  border-radius: 9px;
  padding: 14px 12px;
  background: #fff;
}
.scene-series-panel__dependency[data-v-795d4777] {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 12px;
}
.scene-series-panel__dependency strong[data-v-795d4777] {
  color: #111;
  font-size: 14px;
}
.scene-black-pill[data-v-795d4777],
.scene-outline-pill[data-v-795d4777],
.scene-danger-pill[data-v-795d4777] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 32px !important;
  border-radius: 18px !important;
  padding: 0 14px !important;
  font-size: 13px !important;
  font-weight: 700;
  line-height: 30px !important;
}
.scene-black-pill[data-v-795d4777] {
  border: 1px solid #111 !important;
  background: #111 !important;
  color: #fff !important;
}
.scene-outline-pill[data-v-795d4777] {
  border: 1px solid #dedede !important;
  background: #fff !important;
  color: #111 !important;
}
.scene-danger-pill[data-v-795d4777] {
  border: 1px solid #f3c5c5 !important;
  background: #fff !important;
  color: #d93025 !important;
}
.scene-black-pill[data-v-795d4777]:hover,
.scene-black-pill[data-v-795d4777]:focus {
  border-color: #111 !important;
  background: #111 !important;
  color: #fff !important;
}
.scene-outline-pill[data-v-795d4777]:hover,
.scene-outline-pill[data-v-795d4777]:focus {
  border-color: #c6c6c6 !important;
  background: #f7f7f7 !important;
  color: #111 !important;
}
.scene-danger-pill[data-v-795d4777]:hover,
.scene-danger-pill[data-v-795d4777]:focus {
  border-color: #e6a3a3 !important;
  background: #fff5f5 !important;
  color: #c62828 !important;
}
.scene-black-pill i[data-v-795d4777],
.scene-outline-pill i[data-v-795d4777],
.scene-danger-pill i[data-v-795d4777] {
  margin-right: 6px;
  font-size: 14px;
}


.scene-series-select[data-v-04013e23] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 8px;
  min-height: 34px;
}
.scene-series-select__item[data-v-04013e23] {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 220px;
  height: 34px;
  border: 1px solid #dcdfe6;
  border-radius: 999px;
  padding: 0 18px;
  background: #fff;
  color: #111;
  font-size: 14px;
  font-weight: 700;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
  transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
  overflow: hidden;
}
.scene-series-select__item strong[data-v-04013e23] {
  min-width: 0;
  color: #111;
  font-size: inherit;
  font-weight: 700;
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scene-series-select__item em[data-v-04013e23] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: 8px;
  color: #aaa;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  white-space: nowrap;
}
.scene-series-select__item.is-active[data-v-04013e23] {
  border-color: #111;
  background: #111;
}
.scene-series-select__item.is-active strong[data-v-04013e23] {
  color: #fff;
}
.scene-series-select__item.is-disabled[data-v-04013e23] {
  background: #f5f5f5;
  color: #999;
  cursor: not-allowed;
  opacity: 0.7;
}
.scene-series-select__item.is-disabled strong[data-v-04013e23] {
  color: #999;
}


.scene-series-create-dialog[data-v-6daf8750] .el-dialog {
  border-radius: 24px;
  overflow: hidden;
  -webkit-box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
          box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
}
.scene-series-create-dialog[data-v-6daf8750] .el-dialog__header {
  padding: 22px 24px 0;
  border-bottom: 0;
}
.scene-series-create-dialog[data-v-6daf8750] .el-dialog__title {
  color: #111;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}
.scene-series-create-dialog[data-v-6daf8750] .el-dialog__headerbtn {
  top: 16px;
  right: 17px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f4f4f4;
}
.scene-series-create-dialog[data-v-6daf8750] .el-dialog__headerbtn .el-dialog__close {
  color: #111;
  font-size: 18px;
  font-weight: 700;
}
.scene-series-create-dialog[data-v-6daf8750] .el-dialog__body {
  padding: 8px 24px 0;
}
.scene-series-create-dialog[data-v-6daf8750] .el-dialog__footer {
  padding: 16px 24px 24px;
  border-top: 0;
  text-align: left;
}
.scene-dialog__sub[data-v-6daf8750] {
  margin: 0 0 12px;
  color: #777;
  font-size: 14px;
  line-height: 20px;
}
.scene-dialog__empty[data-v-6daf8750] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 76px;
  border: 1px dashed #dcdfe6;
  border-radius: 8px;
  color: #999;
}
.scene-dialog__footer[data-v-6daf8750] {
  width: 100%;
  min-height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 16px;
  white-space: nowrap;
}
.scene-series-create-dialog[data-v-6daf8750] .scene-dialog__footer .el-button + .el-button {
  margin-left: 0 !important;
}
.scene-series-create-dialog[data-v-6daf8750] .scene-dialog__footer .scene-action-cancel.el-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto !important;
  min-width: 48px !important;
  height: 32px !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #111 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 32px !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.scene-series-create-dialog[data-v-6daf8750] .scene-dialog__footer .scene-action-cancel.el-button:hover,
.scene-series-create-dialog[data-v-6daf8750] .scene-dialog__footer .scene-action-cancel.el-button:focus,
.scene-series-create-dialog[data-v-6daf8750] .scene-dialog__footer .scene-action-cancel.el-button:active {
  border: 0 !important;
  background: transparent !important;
  color: #111 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.scene-series-create-dialog[data-v-6daf8750] .scene-dialog__footer .scene-action-submit.el-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto !important;
  min-width: 78px !important;
  max-width: 100%;
  height: 32px !important;
  padding: 0 18px !important;
  border: 1px solid #111 !important;
  border-radius: 18px !important;
  background: #111 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 30px !important;
  white-space: nowrap;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.scene-series-create-dialog[data-v-6daf8750] .scene-dialog__footer .scene-action-submit.el-button:hover,
.scene-series-create-dialog[data-v-6daf8750] .scene-dialog__footer .scene-action-submit.el-button:focus,
.scene-series-create-dialog[data-v-6daf8750] .scene-dialog__footer .scene-action-submit.el-button:active {
  border-color: #111 !important;
  background: #111 !important;
  color: #fff !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.scene-series-create-dialog[data-v-6daf8750] .scene-dialog__footer .scene-action-submit.el-button.is-disabled {
  border-color: #999 !important;
  background: #999 !important;
  color: #fff !important;
  cursor: not-allowed;
}
.scene-series-create-dialog[data-v-6daf8750] .scene-dialog__footer
  .scene-action-submit.el-button.is-loading:before {
  border-radius: 18px;
}
@media (max-width: 720px) {
.scene-series-create-dialog[data-v-6daf8750] .el-dialog {
    width: calc(100vw - 32px) !important;
}
}


.scene-manage-dialog[data-v-fca4d86e] .el-dialog {
  max-width: calc(100vw - 40px);
  border-radius: 24px;
  overflow: hidden;
  -webkit-box-shadow: 0 22px 48px rgba(0, 0, 0, 0.24);
          box-shadow: 0 22px 48px rgba(0, 0, 0, 0.24);
}
.scene-manage-dialog[data-v-fca4d86e] .el-dialog__header {
  padding: 22px 30px 16px;
  border-bottom: 0;
}
.scene-manage-dialog[data-v-fca4d86e] .el-dialog__headerbtn {
  top: 18px;
  right: 18px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f3f3f3;
}
.scene-manage-dialog[data-v-fca4d86e] .el-dialog__headerbtn .el-dialog__close {
  color: #111;
  font-size: 18px;
  font-weight: 700;
}
.scene-manage-dialog[data-v-fca4d86e] .el-dialog__body {
  padding: 0 30px 32px;
}
.scene-manage-title[data-v-fca4d86e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.scene-app-icon[data-v-fca4d86e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: #f3f3f3;
  color: #333;
  font-weight: 700;
}
.scene-manage-title__main[data-v-fca4d86e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #111;
  font-size: 17px;
}
.scene-manage-title__sub[data-v-fca4d86e] {
  margin-top: 3px;
  color: #7a7a7a;
  font-size: 13px;
}
.scene-manage-title[data-v-fca4d86e] .el-tag {
  height: 22px;
  border-color: #111;
  border-radius: 12px;
  background: #fff;
  color: #111;
  line-height: 20px;
}
.scene-manage[data-v-fca4d86e] {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 18px;
}
.scene-manage__side[data-v-fca4d86e] {
  min-height: 0;
  border: 1px solid #dedede;
  border-radius: 10px;
  padding: 13px 12px;
  background: #fff;
  overflow-y: auto;
}
.scene-side-head[data-v-fca4d86e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
  padding: 0 2px;
  color: #111;
}
.scene-side-head strong[data-v-fca4d86e] {
  font-size: 15px;
}
.scene-version-card[data-v-fca4d86e] {
  position: relative;
  border: 1px solid #e2e2e2;
  border-radius: 9px;
  margin-bottom: 8px;
  background: #fff;
  cursor: pointer;
  overflow: visible;
  -webkit-transition: border-color 0.2s ease, background-color 0.2s ease;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.scene-version-card.is-active[data-v-fca4d86e] {
  border-color: #9d9d9d;
  background: #f7f7f7;
}
.scene-version-card__head[data-v-fca4d86e],
.scene-version-card__series div[data-v-fca4d86e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.scene-version-card__head[data-v-fca4d86e] {
  padding: 12px 12px 0;
}
.scene-version-card__head strong[data-v-fca4d86e] {
  color: #111;
  font-size: 15px;
}
.scene-card-more[data-v-fca4d86e] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 26px;
  height: 26px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #111;
  cursor: pointer;
}
.scene-card-more[data-v-fca4d86e]:hover,
.scene-card-more[data-v-fca4d86e]:focus {
  background: #ededed;
  outline: none;
}
.scene-card-more i[data-v-fca4d86e] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  font-size: 15px;
  font-weight: 700;
}
.scene-version-card__meta[data-v-fca4d86e] {
  margin: 4px 12px 9px;
  color: #777;
  font-size: 13px;
}
.scene-version-card__series[data-v-fca4d86e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  padding: 8px 12px 10px;
  color: #777;
  font-size: 14px;
}
.scene-version-card__series div[data-v-fca4d86e] {
  min-height: 18px;
}
.scene-version-card__series span[data-v-fca4d86e] {
  line-height: 18px;
}
.scene-version-card__series em[data-v-fca4d86e] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #999;
  font-style: normal;
  line-height: 18px;
  white-space: nowrap;
}
.scene-version-card__series em[data-v-fca4d86e]::before {
  content: '';
  width: 5px;
  height: 5px;
  margin-right: 5px;
  border-radius: 50%;
  background: #c9c9c9;
}
.scene-version-card__series em.is-published[data-v-fca4d86e] {
  color: #36b37e;
}
.scene-version-card__series em.is-published[data-v-fca4d86e]::before {
  background: #36b37e;
}
.scene-version-card__footer[data-v-fca4d86e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 32px;
  border: 0;
  border-top: 1px solid #e5e5e5;
  padding: 0 12px;
  background: transparent;
  color: #777;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
}
.scene-version-card__footer[data-v-fca4d86e]:hover,
.scene-version-card__footer[data-v-fca4d86e]:focus {
  background: rgba(0, 0, 0, 0.02);
  outline: none;
}
.scene-version-card__footer i[data-v-fca4d86e] {
  margin-right: 5px;
  color: #777;
  font-size: 13px;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.scene-version-card.is-expanded .scene-version-card__footer i[data-v-fca4d86e] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.scene-manage__main[data-v-fca4d86e] {
  min-width: 0;
  overflow-y: auto;
  padding-right: 2px;
}
.scene-series-tabs[data-v-fca4d86e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 40px;
  padding: 0 0 8px 12px;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 16px;
}
.scene-series-tabs__scroll[data-v-fca4d86e] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.scene-series-tabs__scroll[data-v-fca4d86e]::-webkit-scrollbar {
  height: 4px;
}
.scene-series-tabs__scroll[data-v-fca4d86e]::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: #d4d4d4;
}
.scene-series-tabs__scroll[data-v-fca4d86e]::-webkit-scrollbar-track {
  background: transparent;
}
.scene-series-tabs__track[data-v-fca4d86e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  min-width: 100%;
  padding-bottom: 2px;
}
.scene-series-tabs__nav[data-v-fca4d86e] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid #dedede;
  border-radius: 50%;
  background: #fff;
  color: #111;
  cursor: pointer;
}
.scene-series-tabs__nav[data-v-fca4d86e]:hover,
.scene-series-tabs__nav[data-v-fca4d86e]:focus {
  border-color: #c6c6c6;
  background: #f7f7f7;
  outline: none;
}
.scene-series-tabs__nav[data-v-fca4d86e]:disabled {
  border-color: #e9e9e9;
  background: #f6f6f6;
  color: #b8b8b8;
  cursor: not-allowed;
}
.scene-series-tabs__nav i[data-v-fca4d86e] {
  font-size: 14px;
  font-weight: 700;
}
.scene-series-tab[data-v-fca4d86e] {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 140px;
  height: 34px;
  border: 0;
  border-radius: 9px;
  padding: 0 13px;
  background: transparent;
  color: #777;
  font-size: 15px;
  line-height: 34px;
  white-space: nowrap;
  cursor: pointer;
}
.scene-series-tab.is-active[data-v-fca4d86e] {
  background: #111;
  color: #fff;
}
.scene-series-tab__label[data-v-fca4d86e] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scene-series-tab__dot[data-v-fca4d86e] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 6px;
  height: 6px;
  margin-left: 6px;
  border-radius: 50%;
  background: #4fc08d;
}
.scene-pill-action[data-v-fca4d86e] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 32px;
  border: 1px solid #dedede !important;
  border-radius: 18px !important;
  padding: 0 14px !important;
  background: #fff !important;
  color: #111 !important;
  font-size: 13px !important;
  font-weight: 700;
  line-height: 30px !important;
}
.scene-pill-action[data-v-fca4d86e]:hover,
.scene-pill-action[data-v-fca4d86e]:focus {
  border-color: #c6c6c6 !important;
  background: #f7f7f7 !important;
  color: #111 !important;
}
.scene-pill-action i[data-v-fca4d86e] {
  margin-right: 6px;
  font-size: 14px;
  font-weight: 700;
}
.scene-empty-card[data-v-fca4d86e],
.scene-empty-panel[data-v-fca4d86e] {
  border: 1px dashed #dcdfe6;
  border-radius: 10px;
  padding: 32px;
  text-align: center;
  color: #999;
}
.scene-danger-text[data-v-fca4d86e] {
  color: #f56c6c;
}
.scene-black-btn[data-v-fca4d86e] {
  border-color: #111 !important;
  border-radius: 18px !important;
  background: #111 !important;
  color: #fff !important;
  font-weight: 700;
}
.scene-black-btn[data-v-fca4d86e]:hover,
.scene-black-btn[data-v-fca4d86e]:focus {
  border-color: #111 !important;
  background: #111 !important;
  color: #fff !important;
}
@media (max-width: 900px) {
.scene-manage[data-v-fca4d86e] {
    grid-template-columns: 1fr;
    height: auto;
    max-height: none;
}
.scene-manage__side[data-v-fca4d86e] {
    max-height: 260px;
}
}


.scene-version-delete-confirm.el-message-box,
.scene-series-delete-confirm.el-message-box,
.scene-series-copy-confirm.el-message-box {
  width: 448px;
  max-width: calc(100vw - 32px);
  padding: 28px 24px 22px;
  border: 0;
  border-radius: 24px;
  -webkit-box-shadow: 0 16px 42px rgba(17, 24, 39, 0.2);
          box-shadow: 0 16px 42px rgba(17, 24, 39, 0.2);
}
.scene-version-delete-confirm .el-message-box__header,
.scene-series-delete-confirm .el-message-box__header,
.scene-series-copy-confirm .el-message-box__header {
  padding: 0;
}
.scene-version-delete-confirm .el-message-box__title,
.scene-series-delete-confirm .el-message-box__title,
.scene-series-copy-confirm .el-message-box__title {
  color: #111;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
.scene-version-delete-confirm .el-message-box__content,
.scene-series-delete-confirm .el-message-box__content,
.scene-series-copy-confirm .el-message-box__content {
  padding: 10px 0 24px;
  color: #7a7f87;
  font-size: 14px;
  line-height: 22px;
}
.scene-version-delete-confirm .el-message-box__status,
.scene-series-delete-confirm .el-message-box__status,
.scene-series-copy-confirm .el-message-box__status {
  display: none;
}
.scene-version-delete-confirm .el-message-box__message,
.scene-series-delete-confirm .el-message-box__message,
.scene-series-copy-confirm .el-message-box__message {
  padding-left: 0;
}
.scene-version-delete-confirm .el-message-box__message p,
.scene-series-delete-confirm .el-message-box__message p,
.scene-series-copy-confirm .el-message-box__message p {
  margin: 0;
}
.scene-version-delete-confirm .el-message-box__btns,
.scene-series-delete-confirm .el-message-box__btns,
.scene-series-copy-confirm .el-message-box__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
  min-height: 34px;
  padding: 0;
}
.scene-version-delete-confirm .el-message-box__btns .el-button,
.scene-series-delete-confirm .el-message-box__btns .el-button,
.scene-series-copy-confirm .el-message-box__btns .el-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 54px;
  min-width: 54px;
  height: 34px !important;
  margin-left: 0;
  padding: 0 !important;
  border-radius: 17px !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 1 !important;
  vertical-align: top;
}
.scene-version-delete-confirm .el-message-box__btns .el-button span,
.scene-series-delete-confirm .el-message-box__btns .el-button span,
.scene-series-copy-confirm .el-message-box__btns .el-button span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  line-height: 1;
}
.scene-version-delete-confirm .el-message-box__btns .el-button:first-child,
.scene-series-delete-confirm .el-message-box__btns .el-button:first-child,
.scene-series-copy-confirm .el-message-box__btns .el-button:first-child {
  border-color: #e5e7eb;
  background: #fff;
  color: #111;
}
.scene-version-delete-confirm .el-message-box__btns .el-button:first-child:hover,
.scene-version-delete-confirm .el-message-box__btns .el-button:first-child:focus,
.scene-series-delete-confirm .el-message-box__btns .el-button:first-child:hover,
.scene-series-delete-confirm .el-message-box__btns .el-button:first-child:focus,
.scene-series-copy-confirm .el-message-box__btns .el-button:first-child:hover,
.scene-series-copy-confirm .el-message-box__btns .el-button:first-child:focus {
  border-color: #d1d5db;
  background: #f9fafb;
  color: #111;
}
.scene-version-delete-confirm .el-message-box__btns .el-button--primary,
.scene-series-delete-confirm .el-message-box__btns .el-button--primary,
.scene-series-copy-confirm .el-message-box__btns .el-button--primary {
  width: 78px;
  min-width: 78px;
  border-color: #111;
  background: #111;
  color: #fff;
}
.scene-version-delete-confirm .el-message-box__btns .el-button--primary:hover,
.scene-version-delete-confirm .el-message-box__btns .el-button--primary:focus,
.scene-series-delete-confirm .el-message-box__btns .el-button--primary:hover,
.scene-series-delete-confirm .el-message-box__btns .el-button--primary:focus,
.scene-series-copy-confirm .el-message-box__btns .el-button--primary:hover,
.scene-series-copy-confirm .el-message-box__btns .el-button--primary:focus {
  border-color: #111;
  background: #111;
  color: #fff;
}


.scene-latest-dialog[data-v-f225a5fc] .el-dialog {
  border-radius: 24px;
  overflow: hidden;
  -webkit-box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
          box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
}
.scene-latest-dialog[data-v-f225a5fc] .el-dialog__header {
  padding: 22px 24px 0;
  border-bottom: 0;
}
.scene-latest-dialog[data-v-f225a5fc] .el-dialog__title {
  color: #111;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}
.scene-latest-dialog[data-v-f225a5fc] .el-dialog__headerbtn {
  top: 16px;
  right: 17px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f4f4f4;
}
.scene-latest-dialog[data-v-f225a5fc] .el-dialog__headerbtn .el-dialog__close {
  color: #111;
  font-size: 18px;
  font-weight: 700;
}
.scene-latest-dialog[data-v-f225a5fc] .el-dialog__body {
  padding: 4px 24px 24px;
}
.scene-dialog__sub[data-v-f225a5fc] {
  margin: 0 0 22px;
  color: #777;
  font-size: 14px;
  line-height: 18px;
}
.scene-latest-list[data-v-f225a5fc] {
  overflow: hidden;
  border: 1px solid #e4e7ed;
  border-radius: 10px;
  background: #fff;
}
.scene-latest-list__row[data-v-f225a5fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 36px;
  padding: 0 13px;
  color: #111;
  font-size: 14px;
  line-height: 20px;
}
.scene-latest-list__row + .scene-latest-list__row[data-v-f225a5fc] {
  border-top: 1px solid #edf0f4;
}
.scene-latest-list__series[data-v-f225a5fc] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 36px;
  height: 18px;
  padding: 0 10px;
  border-radius: 4px;
  background: #f3f3f3;
  color: #111;
  font-weight: 700;
}
.scene-latest-list__version[data-v-f225a5fc] {
  max-width: 240px;
  margin-left: 16px;
  color: #111;
  text-align: right;
  word-break: break-all;
}
.scene-latest-list__version.is-empty[data-v-f225a5fc],
.scene-latest-list__empty[data-v-f225a5fc] {
  color: #8d8d8d;
}
.scene-latest-list__empty[data-v-f225a5fc] {
  min-height: 36px;
  padding: 8px 13px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
@media (max-width: 460px) {
.scene-latest-dialog[data-v-f225a5fc] .el-dialog {
    width: calc(100vw - 32px) !important;
}
}


.scene-page[data-v-1b65e024] {
  color: #111;
}
.scene-toolbar[data-v-1b65e024] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 56px;
  gap: 16px;
  margin-bottom: 12px;
}
.scene-filter-form[data-v-1b65e024] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  min-width: 0;
}
.scene-filter-form[data-v-1b65e024] .el-form-item {
  margin-right: 0;
  margin-bottom: 0;
}
.scene-toolbar__right[data-v-1b65e024] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  gap: 14px;
}
.scene-pill-input[data-v-1b65e024] .el-input__inner,
.scene-pill-select[data-v-1b65e024] .el-input__inner {
  border: 0;
  border-radius: 999px;
  background: #f3f3f3;
  color: #222;
  height: 32px;
  line-height: 32px;
  -webkit-transition: background-color 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: background-color 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}
.scene-pill-input[data-v-1b65e024] .el-input__inner::-webkit-input-placeholder,
.scene-pill-select[data-v-1b65e024] .el-input__inner::-webkit-input-placeholder {
  color: #9ca3af;
}
.scene-pill-input[data-v-1b65e024] .el-input__inner::-moz-placeholder,
.scene-pill-select[data-v-1b65e024] .el-input__inner::-moz-placeholder {
  color: #9ca3af;
}
.scene-pill-input[data-v-1b65e024] .el-input__inner::-ms-input-placeholder,
.scene-pill-select[data-v-1b65e024] .el-input__inner::-ms-input-placeholder {
  color: #9ca3af;
}
.scene-pill-input[data-v-1b65e024] .el-input__inner::placeholder,
.scene-pill-select[data-v-1b65e024] .el-input__inner::placeholder {
  color: #9ca3af;
}
.scene-pill-input[data-v-1b65e024] .el-input__inner:focus,
.scene-pill-select[data-v-1b65e024] .el-input__inner:focus {
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px #d8dee8 inset;
          box-shadow: 0 0 0 1px #d8dee8 inset;
}
.scene-pill-input[data-v-1b65e024] .el-input__prefix,
.scene-pill-select[data-v-1b65e024] .el-input__suffix {
  color: #9ca3af;
}
.scene-pill-input[data-v-1b65e024] {
  width: 200px;
}
.scene-pill-select[data-v-1b65e024] {
  width: 116px;
}
.scene-black-btn[data-v-1b65e024] {
  border-color: #111;
  border-radius: 999px;
  background: #111;
  padding: 0 14px;
  min-width: 104px;
  font-weight: 600;
}
.scene-black-btn[data-v-1b65e024]:hover,
.scene-black-btn[data-v-1b65e024]:focus {
  border-color: #111;
  background: #111;
  color: #fff;
}
.scene-black-btn i[data-v-1b65e024] {
  margin-right: 5px;
  font-weight: 700;
}
.scene-table[data-v-1b65e024] {
  border-radius: 8px;
  overflow: hidden;
}
.scene-app-cell[data-v-1b65e024] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.scene-app-cell__icon[data-v-1b65e024] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #f1f2f4;
  color: #333;
  font-weight: 700;
}
.scene-app-cell strong[data-v-1b65e024],
.scene-app-cell span[data-v-1b65e024] {
  display: block;
}
.scene-app-cell span[data-v-1b65e024] {
  margin-top: 3px;
  color: #888;
}
.scene-action-group[data-v-1b65e024] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 22px;
  min-width: 118px;
}
.scene-action-btn[data-v-1b65e024] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #111;
  font-size: 14px;
  line-height: 32px;
  cursor: pointer;
}
.scene-action-btn i[data-v-1b65e024] {
  color: inherit;
  font-size: 15px;
  font-weight: 600;
}
.scene-action-btn[data-v-1b65e024]:hover,
.scene-action-btn[data-v-1b65e024]:focus {
  color: #111;
}
.scene-action-btn[data-v-1b65e024]:focus {
  outline: none;
}
.scene-action-btn--danger[data-v-1b65e024] {
  color: #ef2929;
}
.scene-action-btn--danger[data-v-1b65e024]:hover,
.scene-action-btn--danger[data-v-1b65e024]:focus {
  color: #ef2929;
}
.scene-table-actions[data-v-1b65e024] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  height: 34px;
  margin: 10px 0 0;
}
.scene-table-actions[data-v-1b65e024] .scene-batch-delete-btn.el-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 96px;
  height: 32px;
  padding: 0 14px !important;
  border: 1px solid #f4c7c3 !important;
  border-radius: 8px;
  background: #fff5f4 !important;
  color: #d92d20 !important;
  font-size: 12px !important;
  font-weight: 600;
  line-height: 1;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.scene-table-actions[data-v-1b65e024] .scene-batch-delete-btn.el-button:hover,
.scene-table-actions[data-v-1b65e024] .scene-batch-delete-btn.el-button:focus {
  border-color: #f0a7a0 !important;
  background: #ffecea !important;
  color: #b42318 !important;
}
.scene-table-actions[data-v-1b65e024] .scene-batch-delete-btn.el-button:active {
  border-color: #e08a82 !important;
  background: #ffe1de !important;
  color: #912018 !important;
}
.scene-table-actions[data-v-1b65e024] .scene-batch-delete-btn.el-button span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  line-height: 1;
}
.scene-batch-delete-btn i[data-v-1b65e024] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 14px;
  font-weight: 600;
}
.scene-table-actions__count[data-v-1b65e024] {
  color: #777;
  font-size: 12px;
  line-height: 32px;
}
.scene-page__count[data-v-1b65e024] {
  margin-left: 10px;
  color: #777;
  font-size: 13px;
}
.scene-pagination[data-v-1b65e024] {
  margin-top: 10px;
}
.scene-pagination[data-v-1b65e024] .pagination-container {
  background: transparent;
}
.scene-pagination[data-v-1b65e024] .el-pagination {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 34px;
  padding: 0 !important;
  color: #666;
  font-size: 12px;
  font-weight: 500;
}
.scene-pagination[data-v-1b65e024] .el-pagination__total,
.scene-pagination[data-v-1b65e024] .el-pagination__jump {
  height: 28px;
  margin: 0 8px 0 0;
  color: #666;
  line-height: 28px;
}
.scene-pagination[data-v-1b65e024] .el-pagination__sizes {
  height: 28px;
  margin: 0 10px 0 0;
}
.scene-pagination[data-v-1b65e024] .el-pagination__sizes .el-input {
  width: 90px;
}
.scene-pagination[data-v-1b65e024] .el-pagination__sizes .el-input__inner,
.scene-pagination[data-v-1b65e024] .el-pagination__editor.el-input .el-input__inner {
  height: 28px !important;
  max-height: 28px !important;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #f7f8fa;
  color: #3f3f46;
  line-height: 28px !important;
}
.scene-pagination[data-v-1b65e024] .el-pagination__sizes .el-input__inner:hover,
.scene-pagination[data-v-1b65e024] .el-pagination__sizes .el-input__inner:focus,
.scene-pagination[data-v-1b65e024] .el-pagination__editor.el-input .el-input__inner:hover,
.scene-pagination[data-v-1b65e024] .el-pagination__editor.el-input .el-input__inner:focus {
  border-color: #d7dbe3;
  background: #fff;
}
.scene-pagination[data-v-1b65e024] .el-pagination__editor.el-input {
  width: 42px;
  margin: 0 6px;
}
.scene-pagination[data-v-1b65e024] .btn-prev,
.scene-pagination[data-v-1b65e024] .btn-next,
.scene-pagination[data-v-1b65e024] .el-pager li {
  min-width: 28px;
  height: 28px;
  margin: 0 3px;
  border: 0;
  border-radius: 8px;
  background: #f2f3f5 !important;
  color: #5f6368;
  line-height: 28px;
  font-weight: 600;
}
.scene-pagination[data-v-1b65e024] .btn-prev:hover,
.scene-pagination[data-v-1b65e024] .btn-next:hover,
.scene-pagination[data-v-1b65e024] .el-pager li:hover {
  color: #111;
  background: #e9ecef !important;
}
.scene-pagination[data-v-1b65e024] .el-pager li.active {
  color: #fff;
  background: #111 !important;
}
.scene-pagination[data-v-1b65e024] .btn-prev:disabled,
.scene-pagination[data-v-1b65e024] .btn-next:disabled,
.scene-pagination[data-v-1b65e024] .btn-prev.disabled,
.scene-pagination[data-v-1b65e024] .btn-next.disabled {
  color: #c4c8cf;
  background: #f1f2f4 !important;
  cursor: not-allowed;
}


.scene-delete-confirm.el-message-box {
  width: 448px;
  max-width: calc(100vw - 32px);
  padding: 28px 24px 22px;
  border: 0;
  border-radius: 24px;
  -webkit-box-shadow: 0 16px 42px rgba(17, 24, 39, 0.2);
          box-shadow: 0 16px 42px rgba(17, 24, 39, 0.2);
}
.scene-delete-confirm .el-message-box__header {
  padding: 0;
}
.scene-delete-confirm .el-message-box__title {
  color: #111;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
.scene-delete-confirm .el-message-box__content {
  padding: 10px 0 24px;
  color: #7a7f87;
  font-size: 14px;
  line-height: 22px;
}
.scene-delete-confirm .el-message-box__status {
  display: none;
}
.scene-delete-confirm .el-message-box__message {
  padding-left: 0;
}
.scene-delete-confirm .el-message-box__message p {
  margin: 0;
}
.scene-delete-confirm .el-message-box__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
  min-height: 34px;
  padding: 0;
}
.scene-delete-confirm .el-message-box__btns .el-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 54px;
  min-width: 54px;
  height: 34px !important;
  margin-left: 0;
  padding: 0 !important;
  border-radius: 17px !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 1 !important;
  vertical-align: top;
}
.scene-delete-confirm .el-message-box__btns .el-button span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  line-height: 1;
}
.scene-delete-confirm .el-message-box__btns .el-button:first-child {
  border-color: #e5e7eb;
  background: #fff;
  color: #111;
}
.scene-delete-confirm .el-message-box__btns .el-button:first-child:hover,
.scene-delete-confirm .el-message-box__btns .el-button:first-child:focus {
  border-color: #d1d5db;
  background: #f9fafb;
  color: #111;
}
.scene-delete-confirm .el-message-box__btns .el-button--primary {
  width: 78px;
  min-width: 78px;
  border-color: #111;
  background: #111;
  color: #fff;
}
.scene-delete-confirm .el-message-box__btns .el-button--primary:hover,
.scene-delete-confirm .el-message-box__btns .el-button--primary:focus {
  border-color: #111;
  background: #111;
  color: #fff;
}


.scene-release-note[data-v-58f698f2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.scene-release-note__toolbar[data-v-58f698f2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}
.scene-release-note__actions[data-v-58f698f2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  gap: 8px;
}
.scene-outline-pill[data-v-58f698f2],
.scene-text-pill[data-v-58f698f2] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 32px !important;
  border-radius: 18px !important;
  padding: 0 14px !important;
  background: #fff !important;
  color: #111 !important;
  font-size: 13px !important;
  font-weight: 700;
  line-height: 30px !important;
}
.scene-outline-pill[data-v-58f698f2] {
  border: 1px solid #dedede !important;
}
.scene-text-pill[data-v-58f698f2] {
  border: 1px solid transparent !important;
  padding: 0 8px !important;
}
.scene-outline-pill[data-v-58f698f2]:hover,
.scene-outline-pill[data-v-58f698f2]:focus {
  border-color: #c6c6c6 !important;
  background: #f7f7f7 !important;
  color: #111 !important;
}
.scene-text-pill[data-v-58f698f2]:hover,
.scene-text-pill[data-v-58f698f2]:focus {
  background: #f7f7f7 !important;
  color: #111 !important;
}
.scene-outline-pill i[data-v-58f698f2],
.scene-text-pill i[data-v-58f698f2] {
  margin-right: 6px;
  font-size: 14px;
}
.scene-outline-pill .el-icon-star-on[data-v-58f698f2] {
  color: #e0a800;
}
@media (max-width: 760px) {
.scene-release-note__toolbar[data-v-58f698f2] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
}


.scene-release-build[data-v-5f979b04] .el-dialog {
  border-radius: 24px;
  overflow: hidden;
  -webkit-box-shadow: 0 18px 44px rgba(0, 0, 0, 0.2);
          box-shadow: 0 18px 44px rgba(0, 0, 0, 0.2);
}
.scene-release-build[data-v-5f979b04] .el-dialog__header {
  padding: 24px 24px 8px;
  border-bottom: 0;
}
.scene-release-build[data-v-5f979b04] .el-dialog__title {
  color: #111;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}
.scene-release-build[data-v-5f979b04] .el-dialog__headerbtn {
  top: 18px;
  right: 18px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f4f4f4;
}
.scene-release-build[data-v-5f979b04] .el-dialog__headerbtn .el-dialog__close {
  color: #111;
  font-size: 18px;
  font-weight: 700;
}
.scene-release-build[data-v-5f979b04] .el-dialog__body {
  padding: 0 24px;
}
.scene-release-build[data-v-5f979b04] .el-dialog__footer {
  padding: 18px 24px 24px;
  border-top: 0;
}
.scene-build-sub[data-v-5f979b04] {
  margin: 0 0 4px;
  color: #777;
  font-size: 14px;
  line-height: 20px;
}
.scene-step-line[data-v-5f979b04] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 14px;
}
.scene-step-line span[data-v-5f979b04] {
  height: 4px;
  border-radius: 999px;
  background: #eeeeee;
}
.scene-step-line span.active[data-v-5f979b04] {
  background: #111;
}
.scene-build-step h3[data-v-5f979b04],
.scene-build-section-head h3[data-v-5f979b04] {
  margin: 0 0 10px;
  color: #111;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
}
.scene-series-pills[data-v-5f979b04] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 8px;
  min-height: 34px;
  margin-bottom: 8px;
}
.scene-series-pill[data-v-5f979b04] {
  max-width: 180px;
  height: 34px;
  border: 1px solid #dcdfe6;
  border-radius: 999px;
  padding: 0 18px;
  background: #fff;
  color: #111;
  font-size: 14px;
  font-weight: 700;
  line-height: 32px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
  transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}
.scene-series-pill.active[data-v-5f979b04] {
  border-color: #111;
  background: #111;
  color: #fff;
}
.scene-series-pill.is-disabled[data-v-5f979b04],
.scene-series-pill[data-v-5f979b04]:disabled {
  cursor: not-allowed;
}
.scene-series-pill.is-disabled[data-v-5f979b04]:not(.active),
.scene-series-pill[data-v-5f979b04]:disabled:not(.active) {
  background: #f8f8f8;
  color: #777;
}
.scene-series-empty[data-v-5f979b04] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-height: 42px;
  border: 1px dashed #dcdfe6;
  border-radius: 10px;
  color: #999;
}
.scene-series-selected[data-v-5f979b04] {
  margin: 0 0 14px;
  color: #777;
  font-size: 13px;
  line-height: 20px;
}
.scene-build-field[data-v-5f979b04] {
  margin-top: 14px;
}
.scene-build-field label[data-v-5f979b04] {
  display: block;
  margin-bottom: 8px;
  color: #111;
  font-size: 15px;
  font-weight: 600;
}
.scene-rounded-input[data-v-5f979b04] {
  width: 192px;
}
.scene-rounded-input[data-v-5f979b04] .el-input__inner,
.scene-rounded-select[data-v-5f979b04] .el-input__inner {
  height: 36px;
  border: 0;
  border-radius: 999px;
  background: #f1f1f1;
  color: #111;
  line-height: 36px;
}
.scene-version-tip[data-v-5f979b04] {
  margin: 6px 0 0;
  color: #999;
  font-size: 12px;
  line-height: 18px;
}
.scene-build-section-head[data-v-5f979b04] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.scene-build-section-head strong[data-v-5f979b04] {
  color: #111;
  font-size: 13px;
  font-weight: 500;
}
.scene-package-select p[data-v-5f979b04] {
  margin: 12px 0 8px;
  color: #777;
  font-size: 13px;
}
.scene-package-select[data-v-5f979b04] .el-checkbox-group {
  display: block;
}
.scene-package-grid[data-v-5f979b04] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.scene-package-option[data-v-5f979b04] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 38px;
  border: 1px solid #ebeef5;
  border-radius: 6px;
  padding: 0 10px;
  margin-right: 0;
  background: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: border-color 0.15s ease, background-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border-color 0.15s ease, background-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.scene-package-option[data-v-5f979b04] .el-checkbox__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding-left: 8px;
}
.scene-package-drag-handle[data-v-5f979b04] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #9a9a9a;
  font-size: 14px;
  cursor: move;
}
.scene-package-drag-handle[data-v-5f979b04]:hover {
  color: #111;
}
.scene-package-option-ghost[data-v-5f979b04] {
  border-color: #111;
  background: #f7f7f7;
  opacity: 0.7;
}
.scene-package-option-chosen[data-v-5f979b04] {
  border-color: #111;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.scene-package-option[data-v-5f979b04] .el-checkbox__input.is-checked .el-checkbox__inner,
.scene-package-option[data-v-5f979b04] .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  border-color: #111;
  background-color: #111;
}
.scene-package-option[data-v-5f979b04] .el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #111;
}
.scene-package-option[data-v-5f979b04] .el-checkbox__inner:hover {
  border-color: #111;
}
.scene-package-option strong[data-v-5f979b04] {
  min-width: 0;
  color: #111;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scene-package-option span[data-v-5f979b04],
.scene-package-option em[data-v-5f979b04] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #777;
  font-style: normal;
  font-weight: 400;
}
.scene-package-option em[data-v-5f979b04] {
  margin-left: auto;
}
.scene-package-empty[data-v-5f979b04] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 156px;
  border: 1px dashed #dcdfe6;
  border-radius: 8px;
  color: #999;
}
.scene-build-footer[data-v-5f979b04] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
}
.scene-build-footer.is-between[data-v-5f979b04] {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.scene-black-btn[data-v-5f979b04] {
  min-width: 66px;
  border-color: #111 !important;
  border-radius: 18px !important;
  background: #111 !important;
  color: #fff !important;
  font-weight: 700;
}
.scene-black-btn[data-v-5f979b04]:hover,
.scene-black-btn[data-v-5f979b04]:focus {
  border-color: #111 !important;
  background: #111 !important;
  color: #fff !important;
}
.scene-upgrade-cards[data-v-5f979b04] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}
.scene-upgrade-card[data-v-5f979b04] {
  width: 100%;
  min-height: 80px;
  border: 1px solid #dedede;
  border-radius: 8px;
  padding: 13px 12px;
  background: #fff;
  color: #111;
  text-align: left;
  cursor: pointer;
  -webkit-transition: border-color 0.15s ease, background-color 0.15s ease;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.scene-upgrade-card.active[data-v-5f979b04] {
  border-color: #111;
}
.scene-upgrade-card strong[data-v-5f979b04],
.scene-upgrade-card span[data-v-5f979b04],
.scene-upgrade-card em[data-v-5f979b04] {
  display: block;
}
.scene-upgrade-card strong[data-v-5f979b04] {
  color: #111;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.scene-upgrade-card span[data-v-5f979b04],
.scene-upgrade-card em[data-v-5f979b04] {
  margin-top: 3px;
  color: #999;
  font-size: 13px;
  font-style: normal;
  line-height: 18px;
}
.scene-system-upgrade[data-v-5f979b04] {
  border: 1px solid #dedede;
  border-radius: 8px;
  padding: 12px;
  margin: 0 0 22px;
  background: #fff;
}
.scene-system-upgrade__top[data-v-5f979b04] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}
.scene-system-upgrade__top strong[data-v-5f979b04],
.scene-system-upgrade__top span[data-v-5f979b04],
.scene-system-upgrade label[data-v-5f979b04] {
  display: block;
}
.scene-system-upgrade__top strong[data-v-5f979b04],
.scene-system-upgrade label[data-v-5f979b04] {
  color: #111;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.scene-system-upgrade__top span[data-v-5f979b04] {
  color: #999;
  font-size: 13px;
  line-height: 18px;
}
.scene-system-upgrade[data-v-5f979b04] .el-switch {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 4px;
}
.scene-system-upgrade label[data-v-5f979b04] {
  margin-bottom: 8px;
}
.scene-system-version-input[data-v-5f979b04] .el-input.is-disabled .el-input__inner {
  background: #f1f1f1;
  color: #999;
}
.scene-publish-switch-row[data-v-5f979b04] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 32px;
  gap: 10px;
}
.scene-publish-switch-row span[data-v-5f979b04] {
  color: #111;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}


.scene-detail-dialog[data-v-ecace8fe] .el-dialog {
  border-radius: 24px;
  overflow: hidden;
  -webkit-box-shadow: 0 20px 46px rgba(0, 0, 0, 0.24);
          box-shadow: 0 20px 46px rgba(0, 0, 0, 0.24);
}
.scene-detail-dialog[data-v-ecace8fe] .el-dialog__header {
  padding: 24px 24px 0;
  border-bottom: 0;
}
.scene-detail-dialog[data-v-ecace8fe] .el-dialog__headerbtn {
  top: 17px;
  right: 17px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f4f4f4;
}
.scene-detail-dialog[data-v-ecace8fe] .el-dialog__headerbtn .el-dialog__close {
  color: #111;
  font-size: 18px;
  font-weight: 700;
}
.scene-detail-dialog[data-v-ecace8fe] .el-dialog__body {
  padding: 24px 24px 28px;
}
.scene-detail-title__main[data-v-ecace8fe] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
  padding-right: 48px;
}
.scene-detail-title strong[data-v-ecace8fe] {
  min-width: 0;
  color: #111;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scene-detail-title p[data-v-ecace8fe] {
  margin: 6px 0 0;
  color: #777;
  font-size: 14px;
  line-height: 20px;
}
.scene-status-chip[data-v-ecace8fe],
.scene-upgrade-chip[data-v-ecace8fe] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  white-space: nowrap;
}
.scene-status-chip[data-v-ecace8fe] {
  height: 20px;
  margin-left: 8px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}
.scene-status-chip[data-v-ecace8fe]::before {
  width: 5px;
  height: 5px;
  margin-right: 5px;
  border-radius: 50%;
  content: '';
}
.scene-status-chip--success[data-v-ecace8fe] {
  border-color: #bfead7;
  background: #ecfff6;
  color: #2b9a68;
}
.scene-status-chip--success[data-v-ecace8fe]::before {
  background: #2fbf7a;
}
.scene-status-chip--warning[data-v-ecace8fe] {
  border-color: #f3cd75;
  background: #fff8e8;
  color: #c47700;
}
.scene-status-chip--warning[data-v-ecace8fe]::before {
  background: #ff9900;
}
.scene-status-chip--muted[data-v-ecace8fe] {
  border-color: #e4e4e4;
  background: #f8f8f8;
  color: #777;
}
.scene-status-chip--muted[data-v-ecace8fe]::before {
  background: #b8bdc3;
}
.scene-detail-tabs[data-v-ecace8fe] .el-tabs__header {
  margin: 0 0 12px;
}
.scene-detail-tabs[data-v-ecace8fe] .el-tabs__nav-wrap::after,
.scene-detail-tabs[data-v-ecace8fe] .el-tabs__active-bar {
  display: none;
}
.scene-detail-tabs[data-v-ecace8fe] .el-tabs__nav-scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.scene-detail-tabs[data-v-ecace8fe] .el-tabs__nav {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  float: none;
  padding: 3px;
  border-radius: 999px;
  background: #f2f2f2;
}
.scene-detail-tabs[data-v-ecace8fe] .el-tabs__item {
  height: 28px;
  padding: 0 14px !important;
  border-radius: 999px;
  color: #666;
  font-size: 14px;
  font-weight: 700;
  line-height: 28px;
}
.scene-detail-tabs[data-v-ecace8fe] .el-tabs__item.is-active {
  background: #fff;
  color: #111;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
.scene-detail-tabs[data-v-ecace8fe] .el-tabs__content {
  overflow: visible;
}
.scene-overview__grid[data-v-ecace8fe] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 58px;
  margin-bottom: 14px;
}
.scene-overview__grid--basic[data-v-ecace8fe] {
  margin-bottom: 18px;
}
.scene-field[data-v-ecace8fe] {
  min-width: 0;
}
.scene-field span[data-v-ecace8fe],
.scene-overview__section span[data-v-ecace8fe],
.scene-package-group > span[data-v-ecace8fe] {
  display: block;
  margin-bottom: 4px;
  color: #777;
  font-size: 14px;
  line-height: 20px;
}
.scene-field strong[data-v-ecace8fe] {
  display: block;
  color: #111;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.scene-field .scene-upgrade-chip[data-v-ecace8fe] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.scene-upgrade-chip[data-v-ecace8fe] {
  height: 20px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}
.scene-upgrade-chip--confirm[data-v-ecace8fe] {
  border-color: #ded5ff;
  background: #f2efff;
  color: #6a41ff;
}
.scene-upgrade-chip--silent[data-v-ecace8fe] {
  border-color: #cfe3ff;
  background: #edf5ff;
  color: #2787ff;
}
.scene-overview__section[data-v-ecace8fe] {
  margin-top: 4px;
}
.scene-overview__section p[data-v-ecace8fe] {
  margin: 0;
  color: #111;
  font-size: 14px;
  line-height: 22px;
  white-space: pre-wrap;
}
.scene-overview__packages[data-v-ecace8fe] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 48px;
  margin-top: 20px;
}
.scene-package-group[data-v-ecace8fe] {
  min-width: 0;
}
.scene-package-group p[data-v-ecace8fe] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-width: 0;
  margin: 6px 0;
  color: #111;
  font-size: 14px;
  line-height: 20px;
}
.scene-package-group strong[data-v-ecace8fe] {
  min-width: 0;
  margin-right: 10px;
  color: #111;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scene-package-group em[data-v-ecace8fe] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #777;
  font-style: normal;
  font-weight: 400;
}
.scene-package-group .scene-package-empty[data-v-ecace8fe] {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #aaa;
}
.scene-history-summary[data-v-ecace8fe] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 14px;
  margin: 0 0 10px;
  color: #777;
  font-size: 13px;
  line-height: 20px;
}
.scene-history-summary .is-success[data-v-ecace8fe] {
  color: #24965e;
}
.scene-history-summary .is-pending[data-v-ecace8fe] {
  color: #d68a00;
}
.scene-history-summary .is-failed[data-v-ecace8fe] {
  color: #f04455;
}
.scene-history-table[data-v-ecace8fe] {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  overflow: hidden;
}
.scene-history-table[data-v-ecace8fe] .el-table__header-wrapper th.el-table__cell {
  padding: 0 !important;
  border-right: 0;
  border-bottom: 1px solid #eeeeee;
  background: #fff !important;
}
.scene-history-table[data-v-ecace8fe] .el-table__header-wrapper .cell {
  height: 46px;
  padding: 0 12px !important;
  color: #111;
  font-size: 13px;
  font-weight: 700;
  line-height: 46px;
}
.scene-history-table[data-v-ecace8fe] .el-table__body td.el-table__cell {
  padding: 0 !important;
  border-right: 0;
  border-bottom: 1px solid #eeeeee;
}
.scene-history-table[data-v-ecace8fe] .el-table__body .cell {
  min-height: 46px;
  padding: 10px 12px !important;
  color: #777;
  font-size: 13px;
  line-height: 20px;
}
.scene-history-table[data-v-ecace8fe] .el-table__row:last-child td.el-table__cell {
  border-bottom: 0;
}
.scene-history-table[data-v-ecace8fe] .el-table__row:hover > td.el-table__cell {
  background: #fafafa !important;
}
.scene-history-table[data-v-ecace8fe] .el-table__empty-block {
  min-height: 120px;
}
.scene-history-table[data-v-ecace8fe] .el-table__fixed-right::before,
.scene-history-table[data-v-ecace8fe] .el-table__fixed::before,
.scene-history-table[data-v-ecace8fe] .el-table__body-wrapper::before,
.scene-history-table[data-v-ecace8fe]::before,
.scene-history-table[data-v-ecace8fe]::after {
  display: none;
}
@media (max-width: 680px) {
.scene-detail-dialog[data-v-ecace8fe] .el-dialog {
    width: calc(100vw - 32px) !important;
}
.scene-overview__grid[data-v-ecace8fe],
  .scene-overview__packages[data-v-ecace8fe] {
    grid-template-columns: 1fr;
    gap: 12px;
}
}


.scene-single-push-dialog[data-v-1661ff59] .el-dialog {
  border-radius: 24px;
  overflow: hidden;
  -webkit-box-shadow: 0 20px 46px rgba(0, 0, 0, 0.24);
          box-shadow: 0 20px 46px rgba(0, 0, 0, 0.24);
}
.scene-single-push-dialog[data-v-1661ff59] .el-dialog__header {
  padding: 22px 24px 0;
  border-bottom: 0;
}
.scene-single-push-dialog[data-v-1661ff59] .el-dialog__title {
  color: #111;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}
.scene-single-push-dialog[data-v-1661ff59] .el-dialog__headerbtn {
  top: 16px;
  right: 17px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f4f4f4;
}
.scene-single-push-dialog[data-v-1661ff59] .el-dialog__headerbtn .el-dialog__close {
  color: #111;
  font-size: 18px;
  font-weight: 700;
}
.scene-single-push-dialog[data-v-1661ff59] .el-dialog__body {
  padding: 8px 24px 0;
}
.scene-single-push-dialog[data-v-1661ff59] .el-dialog__footer {
  padding: 16px 24px 24px;
  border-top: 0;
  text-align: left;
}
.scene-dialog__sub[data-v-1661ff59] {
  margin: 0 0 18px;
  color: #777;
  font-size: 14px;
  line-height: 20px;
}
.scene-push-form[data-v-1661ff59] .el-form-item {
  height: auto !important;
  margin-bottom: 14px !important;
}
.scene-push-form[data-v-1661ff59] .el-form-item__label {
  display: block;
  float: none;
  height: auto !important;
  padding: 0 0 8px;
  color: #111;
  font-size: 14px !important;
  font-weight: 700;
  line-height: 20px !important;
}
.scene-push-form[data-v-1661ff59] .el-form-item__content {
  margin-left: 0 !important;
  line-height: normal !important;
}
.scene-push-input[data-v-1661ff59] .el-input__inner {
  height: 38px !important;
  max-height: none !important;
  border: 2px solid #bfbfbf;
  border-radius: 22px;
  background: #f7f7f7;
  color: #111;
  line-height: 38px !important;
  padding: 0 16px;
}
.scene-push-input[data-v-1661ff59] .el-input__inner:focus {
  border-color: #a8a8a8;
  -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
}
.scene-push-input[data-v-1661ff59] .el-input__inner::-webkit-input-placeholder {
  color: #8d8d8d;
}
.scene-push-input[data-v-1661ff59] .el-input__inner::-moz-placeholder {
  color: #8d8d8d;
}
.scene-push-input[data-v-1661ff59] .el-input__inner::-ms-input-placeholder {
  color: #8d8d8d;
}
.scene-push-input[data-v-1661ff59] .el-input__inner::placeholder {
  color: #8d8d8d;
}
.scene-push-input[data-v-1661ff59] .el-input__suffix {
  height: 38px;
}
.scene-push-input[data-v-1661ff59] .el-input__icon {
  line-height: 38px !important;
}
.scene-dialog__uuid-tip[data-v-1661ff59] {
  margin-top: 6px;
  color: #777;
  font-size: 12px;
  line-height: 18px;
}
.scene-dialog__tip[data-v-1661ff59] {
  margin-top: 2px;
  color: #777;
  font-size: 12px;
  line-height: 18px;
}
.scene-dialog__footer[data-v-1661ff59] {
  width: 100%;
  min-height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
  white-space: nowrap;
}
.scene-single-push-dialog[data-v-1661ff59] .scene-dialog__footer .el-button + .el-button {
  margin-left: 0 !important;
}
.scene-single-push-dialog[data-v-1661ff59] .scene-dialog__footer .scene-action-cancel.el-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 54px !important;
  height: 32px !important;
  padding: 0 14px !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 18px !important;
  background: #fff !important;
  color: #111 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 30px !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.scene-single-push-dialog[data-v-1661ff59] .scene-dialog__footer .scene-action-cancel.el-button:hover,
.scene-single-push-dialog[data-v-1661ff59] .scene-dialog__footer .scene-action-cancel.el-button:focus,
.scene-single-push-dialog[data-v-1661ff59] .scene-dialog__footer .scene-action-cancel.el-button:active {
  border-color: #d5d5d5 !important;
  background: #fff !important;
  color: #111 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.scene-single-push-dialog[data-v-1661ff59] .scene-dialog__footer .scene-action-submit.el-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 54px !important;
  height: 32px !important;
  padding: 0 14px !important;
  border: 1px solid #8b8b8b !important;
  border-radius: 18px !important;
  background: #8b8b8b !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 30px !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.scene-single-push-dialog[data-v-1661ff59] .scene-dialog__footer .scene-action-submit.el-button:hover,
.scene-single-push-dialog[data-v-1661ff59] .scene-dialog__footer .scene-action-submit.el-button:focus,
.scene-single-push-dialog[data-v-1661ff59] .scene-dialog__footer .scene-action-submit.el-button:active {
  border-color: #767676 !important;
  background: #767676 !important;
  color: #fff !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.scene-single-push-dialog[data-v-1661ff59] .scene-dialog__footer .scene-action-submit.el-button.is-loading:before {
  border-radius: 18px;
}
@media (max-width: 600px) {
.scene-single-push-dialog[data-v-1661ff59] .el-dialog {
    width: calc(100vw - 32px) !important;
}
}


.scene-page[data-v-492b0470] {
  color: #111;
}
.scene-toolbar[data-v-492b0470] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.scene-filter-form[data-v-492b0470] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.scene-filter-form[data-v-492b0470] .el-form-item {
  margin-right: 0;
  margin-bottom: 0;
}
.scene-toolbar__right[data-v-492b0470] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.scene-pill-input[data-v-492b0470] .el-input__inner,
.scene-pill-select[data-v-492b0470] .el-input__inner {
  border: 0;
  border-radius: 999px;
  background: #f2f3f5;
}
.scene-pill-input[data-v-492b0470] {
  width: 240px;
}
.scene-pill-select[data-v-492b0470] {
  width: 130px;
}
.scene-build-btn.el-button[data-v-492b0470] {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 118px;
  min-width: 118px;
  height: 32px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 16px !important;
  color: #fff !important;
  background: #1f1f1f !important;
  font-size: 12px !important;
  font-weight: 600;
  line-height: 1;
  vertical-align: middle;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.scene-build-btn.el-button[data-v-492b0470]:hover,
.scene-build-btn.el-button[data-v-492b0470]:focus,
.scene-build-btn.el-button[data-v-492b0470]:active {
  color: #fff !important;
  border: 0 !important;
  background: #111 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.scene-build-btn.el-button[data-v-492b0470] span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
}
.scene-build-btn__icon[data-v-492b0470] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 6px;
  color: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}
.scene-build-btn[data-v-492b0470] .scene-build-btn__icon + span {
  margin-left: 0 !important;
}
.scene-table[data-v-492b0470] {
  border: 1px solid #e7e9ee;
  border-radius: 8px;
  overflow: hidden;
}
.scene-table[data-v-492b0470] .el-table__header-wrapper th.el-table__cell,
.scene-table[data-v-492b0470] .el-table__fixed-header-wrapper th.el-table__cell {
  padding: 0 !important;
  border-right: 0;
  border-bottom: 1px solid #e7e9ee;
  background: #fafafa !important;
}
.scene-table[data-v-492b0470] .el-table__header-wrapper .cell,
.scene-table[data-v-492b0470] .el-table__fixed-header-wrapper .cell {
  height: 44px;
  padding: 0 14px !important;
  color: #333;
  font-size: 13px;
  font-weight: 700;
  line-height: 44px;
}
.scene-table[data-v-492b0470] .el-table__body td.el-table__cell,
.scene-table[data-v-492b0470] .el-table__fixed-body-wrapper td.el-table__cell {
  padding: 0 !important;
  border-right: 0;
  border-bottom: 1px solid #edf0f2;
}
.scene-table[data-v-492b0470] .el-table__body .cell,
.scene-table[data-v-492b0470] .el-table__fixed-body-wrapper .cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 68px;
  padding: 12px 14px !important;
  line-height: 1.35;
}
.scene-table[data-v-492b0470] .el-table__row:hover > td.el-table__cell {
  background: #fbfcfd !important;
}
.scene-table[data-v-492b0470] .el-table__fixed-right::before,
.scene-table[data-v-492b0470] .el-table__fixed::before,
.scene-table[data-v-492b0470] .el-table__body-wrapper::before,
.scene-table[data-v-492b0470]::before,
.scene-table[data-v-492b0470]::after {
  display: none;
}
.scene-table[data-v-492b0470] .el-table__fixed-right {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.scene-table[data-v-492b0470] .el-table__fixed-right .cell {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.scene-version-cell strong[data-v-492b0470],
.scene-version-cell span[data-v-492b0470],
.scene-version-cell em[data-v-492b0470] {
  display: block;
}
.scene-version-cell span[data-v-492b0470],
.scene-version-cell em[data-v-492b0470] {
  margin-top: 3px;
  color: #777;
  font-style: normal;
}
.scene-series-list[data-v-492b0470] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}
.scene-series-pill[data-v-492b0470],
.scene-update-pill[data-v-492b0470],
.scene-status-pill[data-v-492b0470] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 20px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  white-space: nowrap;
}
.scene-series-pill[data-v-492b0470] {
  border-color: #e3e5e8;
  background: #f7f8fa;
  color: #3f3f46;
}
.scene-update-pill--confirm[data-v-492b0470] {
  border-color: #cfe3ff;
  background: #edf5ff;
  color: #2787ff;
}
.scene-update-pill--silent[data-v-492b0470] {
  border-color: #ded5ff;
  background: #f2efff;
  color: #6d5be8;
}
.scene-status-pill[data-v-492b0470]::before {
  width: 5px;
  height: 5px;
  margin-right: 5px;
  border-radius: 50%;
  content: '';
}
.scene-status-pill--unlisted[data-v-492b0470] {
  border-color: #e5e7eb;
  background: #f8f8f8;
  color: #757575;
}
.scene-status-pill--unlisted[data-v-492b0470]::before {
  background: #b8bdc3;
}
.scene-status-pill--listed[data-v-492b0470] {
  border-color: #bfead7;
  background: #def8ed;
  color: #2b9a68;
}
.scene-status-pill--listed[data-v-492b0470]::before {
  background: #33c984;
}
.scene-release-actions[data-v-492b0470] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 22px;
  width: 100%;
  white-space: nowrap;
}
.scene-action-btn[data-v-492b0470] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #1f1f1f;
  font-size: 13px;
  font-weight: 600;
  line-height: 32px;
  cursor: pointer;
}
.scene-action-btn i[data-v-492b0470] {
  color: inherit;
  font-size: 15px;
  font-weight: 600;
}
.scene-action-btn[data-v-492b0470]:hover,
.scene-action-btn[data-v-492b0470]:focus {
  color: #111;
}
.scene-action-btn[data-v-492b0470]:focus {
  outline: none;
}
.scene-pagination[data-v-492b0470] {
  margin-top: 10px;
}
.scene-pagination[data-v-492b0470] .pagination-container {
  background: transparent;
}
.scene-pagination[data-v-492b0470] .el-pagination {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 34px;
  padding: 0 !important;
  color: #666;
  font-size: 12px;
  font-weight: 500;
}
.scene-pagination[data-v-492b0470] .el-pagination__total,
.scene-pagination[data-v-492b0470] .el-pagination__jump {
  height: 28px;
  margin: 0 8px 0 0;
  color: #666;
  line-height: 28px;
}
.scene-pagination[data-v-492b0470] .el-pagination__sizes {
  height: 28px;
  margin: 0 10px 0 0;
}
.scene-pagination[data-v-492b0470] .el-pagination__sizes .el-input {
  width: 90px;
}
.scene-pagination[data-v-492b0470] .el-pagination__sizes .el-input__inner,
.scene-pagination[data-v-492b0470] .el-pagination__editor.el-input .el-input__inner {
  height: 28px !important;
  max-height: 28px !important;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #f7f8fa;
  color: #3f3f46;
  line-height: 28px !important;
}
.scene-pagination[data-v-492b0470] .el-pagination__sizes .el-input__inner:hover,
.scene-pagination[data-v-492b0470] .el-pagination__sizes .el-input__inner:focus,
.scene-pagination[data-v-492b0470] .el-pagination__editor.el-input .el-input__inner:hover,
.scene-pagination[data-v-492b0470] .el-pagination__editor.el-input .el-input__inner:focus {
  border-color: #d7dbe3;
  background: #fff;
}
.scene-pagination[data-v-492b0470] .el-pagination__editor.el-input {
  width: 42px;
  margin: 0 6px;
}
.scene-pagination[data-v-492b0470] .btn-prev,
.scene-pagination[data-v-492b0470] .btn-next,
.scene-pagination[data-v-492b0470] .el-pager li {
  min-width: 28px;
  height: 28px;
  margin: 0 3px;
  border: 0;
  border-radius: 8px;
  background: #f2f3f5 !important;
  color: #5f6368;
  line-height: 28px;
  font-weight: 600;
}
.scene-pagination[data-v-492b0470] .btn-prev:hover,
.scene-pagination[data-v-492b0470] .btn-next:hover,
.scene-pagination[data-v-492b0470] .el-pager li:hover {
  color: #111;
  background: #e9ecef !important;
}
.scene-pagination[data-v-492b0470] .el-pager li.active {
  color: #fff;
  background: #111 !important;
}
.scene-pagination[data-v-492b0470] .btn-prev:disabled,
.scene-pagination[data-v-492b0470] .btn-next:disabled,
.scene-pagination[data-v-492b0470] .btn-prev.disabled,
.scene-pagination[data-v-492b0470] .btn-next.disabled {
  color: #c4c8cf;
  background: #f1f2f4 !important;
  cursor: not-allowed;
}


.scene-release-publish-confirm.el-message-box {
  width: 448px;
  max-width: calc(100vw - 32px);
  padding: 28px 24px 22px;
  border: 0;
  border-radius: 24px;
  -webkit-box-shadow: 0 16px 42px rgba(17, 24, 39, 0.2);
          box-shadow: 0 16px 42px rgba(17, 24, 39, 0.2);
}
.scene-release-publish-confirm .el-message-box__header {
  padding: 0;
}
.scene-release-publish-confirm .el-message-box__title {
  color: #111;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
.scene-release-publish-confirm .el-message-box__content {
  padding: 10px 0 24px;
  color: #7a7f87;
  font-size: 14px;
  line-height: 22px;
}
.scene-release-publish-confirm .el-message-box__status {
  display: none;
}
.scene-release-publish-confirm .el-message-box__message {
  padding-left: 0;
}
.scene-release-publish-confirm .el-message-box__message p {
  margin: 0;
}
.scene-release-publish-confirm .el-message-box__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
  min-height: 34px;
  padding: 0;
}
.scene-release-publish-confirm .el-message-box__btns .el-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 54px;
  min-width: 54px;
  height: 34px !important;
  margin-left: 0;
  padding: 0 !important;
  border-radius: 17px !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 1 !important;
  vertical-align: top;
}
.scene-release-publish-confirm .el-message-box__btns .el-button span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  line-height: 1;
}
.scene-release-publish-confirm .el-message-box__btns .el-button:first-child {
  border-color: #e5e7eb;
  background: #fff;
  color: #111;
}
.scene-release-publish-confirm .el-message-box__btns .el-button:first-child:hover,
.scene-release-publish-confirm .el-message-box__btns .el-button:first-child:focus {
  border-color: #d1d5db;
  background: #f9fafb;
  color: #111;
}
.scene-release-publish-confirm .el-message-box__btns .el-button--primary {
  width: 78px;
  min-width: 78px;
  border-color: #111;
  background: #111;
  color: #fff;
}
.scene-release-publish-confirm .el-message-box__btns .el-button--primary:hover,
.scene-release-publish-confirm .el-message-box__btns .el-button--primary:focus {
  border-color: #111;
  background: #111;
  color: #fff;
}

.dialog-content[data-v-5c00effe] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 600px;
}
.dialog-content .upload-wrap[data-v-5c00effe] {
  width: 400px;
  margin: 0 auto 60px auto;
}
.dialog-content .data-wrap[data-v-5c00effe] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #eeeeee;
}
.dialog-content .data-wrap .icon-wrap[data-v-5c00effe] {
  width: 100px;
  height: 120px;
  background-color: whitesmoke;
  text-align: center;
  line-height: 120px;
}
.dialog-content .data-wrap .icon-wrap svg[data-v-5c00effe] {
  vertical-align: middle;
  font-size: 50px;
  opacity: 0.5;
}
.dialog-content .data-wrap .data-info[data-v-5c00effe] {
  margin-left: 20px;
}
.dialog-content .data-wrap p[data-v-5c00effe] {
  line-height: 30px;
  font-size: 16px;
  font-weight: 700;
}
.dialog-content .data-wrap p .normal[data-v-5c00effe] {
  color: #00b050;
}
.dialog-content .data-wrap p .abnormal[data-v-5c00effe] {
  color: #ff4949;
}
.dialog-content .abnormal-info[data-v-5c00effe] {
  margin-top: 20px;
  border: 1px solid #eeeeee;
  background-color: #f8f8f8;
  height: 300px;
  overflow: auto;
  padding: 20px;
}
.dialog-content .abnormal-info p[data-v-5c00effe] {
  line-height: 30px;
  font-size: 14px;
}
@charset "UTF-8";
.task-center[data-v-080b4077] {
  height: calc(100vh - 190px);
  overflow: auto;
}
.task-center .task-drag[data-v-080b4077] {
  padding: 20px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /* 允许换行 */
  gap: 40px;
  /* item之间的间距 */
}
.task-center .task-drag .task-item[data-v-080b4077] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  min-width: 250px;
  /* 防止内容溢出 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 包含边框和内边距在宽度内 */
  height: 182px;
  padding: 26px 26px 10px 26px;
  border-radius: 18px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
@media screen and (max-width: 2560px) {
.task-center .task-drag .task-item[data-v-080b4077] {
    width: calc(19% - 30px);
    /* 每个占 25% 的宽度，减去间距 */
}
}
@media screen and (max-width: 1920px) {
.task-center .task-drag .task-item[data-v-080b4077] {
    width: calc(25% - 30px);
    /* 每个占 25% 的宽度，减去间距 */
}
}
.task-center .task-drag .task-item[data-v-080b4077]  .el-divider {
  position: absolute;
  bottom: 26px;
  left: 0;
  width: 100%;
  background-color: #e7e9ed;
}
.task-center .task-drag .task-item.handle[data-v-080b4077] {
  cursor: move;
}
.task-center .task-drag .task-item.handle[data-v-080b4077]:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.task-center .task-drag .add-icon[data-v-080b4077] {
  font-size: 50px;
  text-align: center;
  color: #5d5d5d;
}
.task-center .task-drag .add-icon i[data-v-080b4077] {
  margin-top: 34px;
}
.task-center .task-drag .task-title[data-v-080b4077] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.task-center .task-drag .task-remark[data-v-080b4077] {
  font-size: 14px;
  line-height: 22px;
  color: #cacaca;
}
.task-center .task-drag .task-btn[data-v-080b4077] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 6px;
}
.task-center .task-drag .task-btn[data-v-080b4077]  .el-button {
  padding: 0 !important;
}
.process-steps[data-v-1cf81eb8] {
  margin-top: 20px;
}
.basic-info[data-v-1cf81eb8] {
  margin: 80px 0 30px 0;
}
.header-card[data-v-3ccff444] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  color: #333;
  font-size: 14px;
}
.header-card .card-img-item[data-v-3ccff444] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 20px;
}
.header-card .card-img-item .img-bg[data-v-3ccff444] {
  padding: 10px;
  border-radius: 50%;
}
.header-card .card-img-item .img-bg svg[data-v-3ccff444] {
  width: 30px;
  height: 30px;
}
.header-card .card-img-item .ocr-today-sum[data-v-3ccff444] {
  background-color: rgba(130, 128, 255, 0.2);
}
.header-card .card-img-item .ocr-today-cost[data-v-3ccff444] {
  background-color: rgba(74, 217, 145, 0.2);
}
.header-card .card-img-item .ocr-today-success[data-v-3ccff444] {
  background-color: rgba(76, 132, 255, 0.2);
}
.header-card .card-img-item .ocr-use-sum[data-v-3ccff444] {
  background-color: rgba(255, 202, 131, 0.2);
}
.header-card .content[data-v-3ccff444] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #666;
}
.header-card .content > div[data-v-3ccff444]:nth-child(2) {
  margin: 5px 0;
  font-size: 28px;
  font-weight: bold;
  color: #333;
}
.header-card .content > .compare[data-v-3ccff444] {
  height: 14px;
  list-style: 14px;
  font-size: 12px;
}
.header-card .content > .compare span.up[data-v-3ccff444] {
  color: #00cc99;
}
.header-card .content > .compare span.down[data-v-3ccff444] {
  color: #ff6666;
}
.ssTaskList-detail .card-items[data-v-21563440] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}
.ssTaskList-detail .card-items > div[data-v-21563440] {
  width: 23%;
}
.ssTaskList-detail .ssTask-card[data-v-21563440] {
  padding: 20px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  margin-top: 20px;
}
.ssTaskList-detail .ssTask-card .el-card__header[data-v-21563440] {
  padding: 18px 20px 0 20px;
}
.ssTaskList-detail .ssTask-card .card-change[data-v-21563440] {
  float: right;
}
.ssTaskList-detail .ssTask-card .echarts-item[data-v-21563440] {
  height: 300px;
}
.ssTaskList-detail .ssTask-card .table-title[data-v-21563440] {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 24px;
}
.ssTaskList-detail .ssTask-card .title-img[data-v-21563440] {
  width: 22px;
  margin-right: 6px;
  vertical-align: middle;
}
@charset "UTF-8";
[data-v-2e274340] .el-table__body tr.sortable-chosen {
  background-color: #f5f7fa !important;
  /* 拖拽行的背景色 */
}
[data-v-2e274340] .el-table__body tr.sortable-chosen :hover td.el-table__cell {
  background-color: #fff !important;
}
.el-icon-s-operation[data-v-2e274340] {
  font-size: 20px;
}
.task-title[data-v-2e274340] {
  background-color: #f9f9f9;
  font-weight: 700;
  padding-left: 20px;
  line-height: 46px;
  margin-bottom: 12px;
}
.ssSign-center[data-v-48e378af] {
  width: 50%;
  margin: 0 auto;
}
.ssSign-center .el-card[data-v-48e378af] {
  margin-bottom: 50px;
  border-radius: 12px;
}
.ssSign-center .el-card .clearfix[data-v-48e378af] {
  font-size: 18px;
  font-weight: 700;
}
.ssSign-center .el-card .clearfix .mark[data-v-48e378af] {
  color: #fb4a46;
  font-weight: normal;
  font-size: 16px;
  margin-right: 10px;
}
.add-dialog[data-v-48e378af] {
  text-align: center;
  margin-left: -25px;
}
.add-dialog .el-form-item[data-v-48e378af] {
  display: inline-block;
}
.process-steps[data-v-704eb2e3] {
  margin-top: 20px;
}
.basic-info[data-v-704eb2e3] {
  margin-top: 80px;
}
@charset "UTF-8";
[data-v-1783fba9] .el-table__body tr.sortable-chosen {
  background-color: #f5f7fa !important;
  /* 拖拽行的背景色 */
}
[data-v-1783fba9] .el-table__body tr.sortable-chosen :hover td.el-table__cell {
  background-color: #fff !important;
}
.el-icon-s-operation[data-v-1783fba9] {
  font-size: 20px;
}

.excel-upload-input[data-v-12d4a639]{
  display: none;
  z-index: -9999;
}
.drop[data-v-12d4a639]{
  border: 2px dashed #bbb;
  width: 600px;
  height: 160px;
  line-height: 160px;
  margin: 0 auto;
  font-size: 24px;
  border-radius: 5px;
  text-align: center;
  color: #bbb;
  position: relative;
  float: right;
}

.upload-container[data-v-ef3b7eee] {
  padding: 20px;
  min-height: 300px;
  text-align: center;
}
.upload-container .footer-btn[data-v-ef3b7eee] {
  margin-top: 50px;
}
.upload-container .mt20[data-v-ef3b7eee] {
  margin-top: 20px;
}
.upload-wrapper[data-v-ef3b7eee] {
  margin-top: 20px;
  text-align: center;
}
.upload-wrapper[data-v-ef3b7eee]  .el-upload {
  width: auto;
}
.upload-result[data-v-ef3b7eee] {
  padding: 20px 0;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.upload-result__icon[data-v-ef3b7eee] {
  padding: 20px 20px 0;
  margin: -20px 0;
  font-size: 30px;
  text-align: center;
  background-color: #f9f9f9;
}
.upload-result__count[data-v-ef3b7eee] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
  margin-left: 20px;
  line-height: 1.5;
}
.upload-result__count p[data-v-ef3b7eee] {
  margin: 0;
}
.upload-result__count span[data-v-ef3b7eee] {
  margin-left: 5px;
}
.upload-result__count .success[data-v-ef3b7eee] {
  color: #67c23a;
}
.upload-result__count .fail[data-v-ef3b7eee] {
  color: #f56c6c;
}
.upload-result-line[data-v-ef3b7eee] {
  margin-top: 20px;
  text-align: left;
  padding: 15px 12px;
  border-radius: 4px;
  border: 1px solid #ebeef5;
  background-color: #f9f9f9;
}
.upload-result-line p[data-v-ef3b7eee] {
  margin: 0;
  line-height: 2;
}
.operate-btn-group[data-v-e95d2cd8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.operate-btn-group .el-button[data-v-e95d2cd8] {
  margin: 5px;
}
.drag-table[data-v-e95d2cd8]  .colIndex9 > span {
  width: 100%;
}
.tips[data-v-37bd5b10] {
  font-size: 12px;
  color: #999;
}
.template-params[data-v-09e1d5e7] {
  background-color: #ecf5ff;
  padding: 10px 10px 0 0;
  border-radius: 10px;
}
.template-params .template-params-title[data-v-09e1d5e7] {
  font-size: 14px;
  color: #333;
  margin-bottom: 10px;
  font-weight: bold;
  text-align: center;
}
.message-template-select[data-v-09e1d5e7] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
.message-template-select .template-preview[data-v-09e1d5e7] {
  cursor: pointer;
}
.message-template-select .template-preview[data-v-09e1d5e7]:hover {
  color: #409eff;
}
.pagination-sty[data-v-53ed9ab9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.current[data-v-53ed9ab9] {
  color: #13ce66;
}
.upload-content[data-v-20a55304] {
  margin: 50px 0;
}
.uploaded-fail-item[data-v-20a55304] {
  margin-top: 10px;
  border: 1px solid #eeeeee;
  background-color: #f8f8f8;
  height: 270px;
  overflow: auto;
  padding: 20px;
}
.uploaded-fail-item p[data-v-20a55304] {
  line-height: 30px;
  font-size: 14px;
}
.model-card[data-v-a46a9eaa] {
  margin-top: 20px;
}
.model-card .el-card__header[data-v-a46a9eaa] {
  padding: 18px 20px 0 20px;
}
.model-card .card-change[data-v-a46a9eaa] {
  float: right;
}
.echarts-item[data-v-a46a9eaa] {
  height: 500px;
}
.model-table[data-v-a46a9eaa] {
  margin-top: 20px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.list-button-item[data-v-a46a9eaa] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.list-button-item .el-button[data-v-a46a9eaa] {
  padding: 7px 15px !important;
  font-size: 12px !important;
}
.model-card[data-v-f4f87d8c] {
  margin-top: 20px;
}
.model-card .el-card__header[data-v-f4f87d8c] {
  padding: 18px 20px 0 20px;
}
.model-card .card-change[data-v-f4f87d8c] {
  float: right;
}
.echarts-item[data-v-f4f87d8c] {
  height: 500px;
}
.model-table[data-v-f4f87d8c] {
  margin-top: 20px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.list-button-item[data-v-f4f87d8c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.list-button-item .el-button[data-v-f4f87d8c] {
  padding: 7px 15px !important;
  font-size: 12px !important;
}
.model-card[data-v-88cb37a8] {
  margin-top: 20px;
}
.model-card .el-card__header[data-v-88cb37a8] {
  padding: 18px 20px 0 20px;
}
.model-card .card-change[data-v-88cb37a8] {
  float: right;
}
.echarts-item[data-v-88cb37a8] {
  height: 500px;
}
.model-table[data-v-88cb37a8] {
  margin-top: 20px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.list-button-item[data-v-88cb37a8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.list-button-item .el-button[data-v-88cb37a8] {
  padding: 7px 15px !important;
  font-size: 12px !important;
}

.app-tab-container[data-v-0f89bb8c] {
  height: auto !important;
}

.upload-box[data-v-538e9a79] {
  width: 80%;
  margin: 80px auto 30px auto;
}
.upload-box .upload-container[data-v-538e9a79] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  border-radius: 4px;
}
.upload-box .upload-container .upload-left[data-v-538e9a79] {
  padding: 30px;
}
.upload-box .upload-container .upload-right[data-v-538e9a79] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  width: 100%;
}
.upload-box .upload-container .upload-right .upload-desc[data-v-538e9a79] {
  color: #333;
  font-size: 14px;
}
.upload-box .upload-container .upload-right .template-link a[data-v-538e9a79] {
  color: #409eff;
  text-decoration: none;
  font-size: 14px;
}
.result-container[data-v-538e9a79] {
  width: 80%;
  margin: 20px auto;
}
.result-container .abnormal-list[data-v-538e9a79] {
  background: #fff;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  margin-bottom: 30px;
}
.result-container .abnormal-list .abnormal-title[data-v-538e9a79] {
  padding: 15px 20px;
  font-size: 14px;
  font-weight: 500;
  color: #fb4a46;
  border-bottom: 1px solid #e4e7ed;
}
.result-container .abnormal-list .abnormal-items[data-v-538e9a79] {
  padding: 10px 20px;
  max-height: 300px;
  overflow-y: auto;
}
.result-container .abnormal-list .abnormal-items .abnormal-item[data-v-538e9a79] {
  padding: 8px 0;
  font-size: 14px;
  color: #666;
  line-height: 1.5;
  border-bottom: 1px solid #f5f5f5;
}
.result-container .abnormal-list .abnormal-items .abnormal-item[data-v-538e9a79]:last-child {
  border-bottom: none;
}
.footer-btn[data-v-538e9a79]  a {
  color: #fff;
}
.progress-container[data-v-1e84d1a1] {
  text-align: center;
  margin-bottom: 100px;
}
.progress-percentage[data-v-1e84d1a1] {
  font-size: 24px;
  color: #999;
  margin-bottom: 20px;
  font-weight: 300;
}
.progress-bar[data-v-1e84d1a1] {
  width: 80%;
  height: 16px;
  border: 1px solid #409eff;
  background-color: #ebf5ff;
  border-radius: 4px;
  overflow: hidden;
  margin: 0 auto 20px;
}
.progress-fill[data-v-1e84d1a1] {
  height: 100%;
  background: #409eff;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.progress-text[data-v-1e84d1a1] {
  color: #666;
  font-size: 14px;
}
.result-container[data-v-1e84d1a1] {
  width: 80%;
  margin: 20px auto;
}
.result-container .result-summary[data-v-1e84d1a1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  margin-bottom: 20px;
}
.result-container .result-summary .summary-icon[data-v-1e84d1a1] {
  margin-right: 20px;
  padding: 30px 20px;
  border-right: 1px solid #e4e7ed;
  background-color: whitesmoke;
}
.result-container .result-summary .summary-icon .svg-icon[data-v-1e84d1a1] {
  font-size: 60px;
}
.result-container .result-summary .summary-content[data-v-1e84d1a1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.result-container .result-summary .summary-content .summary-item[data-v-1e84d1a1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 14px;
}
.result-container .result-summary .summary-content .summary-item[data-v-1e84d1a1]:last-child {
  margin-bottom: 0;
}
.result-container .result-summary .summary-content .summary-item .label[data-v-1e84d1a1] {
  margin-right: 10px;
  font-size: 14px;
  color: #333;
}
.result-container .result-summary .summary-content .summary-item .value[data-v-1e84d1a1] {
  font-size: 14px;
  font-weight: 500;
}
.result-container .result-summary .summary-content .summary-item.normal .value[data-v-1e84d1a1] {
  color: #67c23a;
}
.result-container .result-summary .summary-content .summary-item.abnormal .value[data-v-1e84d1a1] {
  color: #f56c6c;
}
.result-container .error-details[data-v-1e84d1a1] {
  margin-top: 20px;
}
.result-container .error-details h4[data-v-1e84d1a1] {
  margin-bottom: 10px;
  font-size: 16px;
  color: #333;
}
.radio-management-dialog .form-btn[data-v-8c9028e2] {
  margin: 20px 0 20px 140px;
}
.operate-btn-group[data-v-6a757ee2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.operate-btn-group .el-button[data-v-6a757ee2] {
  margin: 5px;
}
.drag-table[data-v-6a757ee2]  .colIndex9 > span {
  width: 100%;
}
.el-table__body tr td .cell .merge-row[data-v-15b5b9e6]:nth-last-child(1) {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}
.el-table__body tr td .cell .merge-row[data-v-15b5b9e6]:nth-child(1) {
  padding-top: 0 !important;
}
.mcp-list-panel[data-v-b5910de8] {
  min-width: 0;
}
.mcp-toolbar .keyword-input[data-v-b5910de8] {
  width: 320px;
}
.primary-cell[data-v-b5910de8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-width: 0;
}
.row-icon[data-v-b5910de8] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  margin-right: 9px;
  color: #1768d2;
  background: #eaf2ff;
  border-radius: 6px;
}
.primary-content[data-v-b5910de8] {
  min-width: 0;
}
.cell-title[data-v-b5910de8] {
  color: #303133;
  font-weight: 600;
  line-height: 1.4;
}
.cell-sub[data-v-b5910de8] {
  margin-top: 4px;
  color: #909399;
  font-size: 12px;
  line-height: 1.45;
}
.mono-text[data-v-b5910de8] {
  font-family: Consolas, "Microsoft YaHei", monospace;
  font-size: 12px;
}
.break-text[data-v-b5910de8] {
  overflow-wrap: anywhere;
}
.description-text[data-v-b5910de8] {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.tool-list[data-v-b5910de8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 5px;
  min-width: 0;
  overflow: hidden;
  cursor: help;
}
.all-tools-tag[data-v-b5910de8] {
  max-width: 100%;
}
.tool-preview-tag[data-v-b5910de8] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 82px;
          flex: 0 1 82px;
  max-width: 82px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tool-count-tag[data-v-b5910de8] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.tool-tooltip-panel[data-v-b5910de8] {
  width: 360px;
  max-width: calc(100vw - 64px);
}
.tool-tooltip-title[data-v-b5910de8] {
  margin-bottom: 10px;
  color: #303133;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}
.tool-tooltip-content[data-v-b5910de8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
  max-height: 220px;
  overflow-y: auto;
  padding: 2px 4px 2px 0;
}
.tool-tooltip-item[data-v-b5910de8] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 100%;
  padding: 4px 7px;
  color: #606266;
  font-family: Consolas, "Microsoft YaHei", monospace;
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
  background: #f5f7fa;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
}
.tool-tag-editor[data-v-b5910de8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  width: 100%;
  min-height: 40px;
  max-height: 126px;
  padding: 5px 8px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  -webkit-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
.tool-tag-editor[data-v-b5910de8]:hover {
  border-color: #c0c4cc;
}
.tool-tag-editor[data-v-b5910de8]:focus-within {
  border-color: #409eff;
}
.tool-tag-editor .el-tag[data-v-b5910de8] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100%;
}
.tool-tag-label[data-v-b5910de8] {
  display: inline-block;
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.tool-tag-input[data-v-b5910de8] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 180px;
          flex: 1 1 180px;
  min-width: 140px;
  height: 28px;
  padding: 0 3px;
  color: #606266;
  line-height: 28px;
  background: transparent;
  border: 0;
  outline: 0;
}
.tool-tag-input[data-v-b5910de8]::-webkit-input-placeholder {
  color: #c0c4cc;
}
.tool-tag-input[data-v-b5910de8]::-moz-placeholder {
  color: #c0c4cc;
}
.tool-tag-input[data-v-b5910de8]::-ms-input-placeholder {
  color: #c0c4cc;
}
.tool-tag-input[data-v-b5910de8]::placeholder {
  color: #c0c4cc;
}
.scope-checkbox-group[data-v-b5910de8] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  max-height: 280px;
  padding: 10px 12px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
}
.scope-checkbox-group[data-v-b5910de8]  .el-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-width: 0;
  margin-right: 0;
  white-space: normal;
}
.scope-checkbox-group[data-v-b5910de8]  .el-checkbox__input {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-top: 3px;
}
.scope-checkbox-group[data-v-b5910de8]  .el-checkbox__label {
  min-width: 0;
  padding-left: 8px;
  line-height: 1.5;
  white-space: normal;
}
.scope-checkbox-label[data-v-b5910de8] {
  overflow-wrap: anywhere;
}
.danger-text[data-v-b5910de8] {
  color: #f56c6c;
}
.field-hint[data-v-b5910de8] {
  margin-top: 5px;
  color: #909399;
  font-size: 12px;
  line-height: 1.5;
}
.mcp-editor-dialog[data-v-b5910de8]  .el-dialog__body {
  height: calc(100vh - 300px);
  max-height: calc(100vh - 300px);
  overflow-y: auto;
}
.mcp-editor-dialog[data-v-b5910de8]  .form-item-auto {
  height: auto !important;
}
.mcp-editor-dialog[data-v-b5910de8]  .warning-form-item .el-form-item__content {
  margin-left: 0 !important;
}
.mcp-editor-dialog[data-v-b5910de8]  .el-form-item.is-error .tool-tag-editor {
  border-color: #f56c6c;
}
.mcp-editor-dialog[data-v-b5910de8]  .el-form-item.is-error .scope-checkbox-group {
  border-color: #f56c6c;
}
@media screen and (max-width: 900px) {
.mcp-toolbar .keyword-input[data-v-b5910de8] {
    width: 240px;
}
}
.mcp-list-panel[data-v-5b4378b6] {
  min-width: 0;
}
.mcp-toolbar .keyword-input[data-v-5b4378b6] {
  width: 300px;
}
.primary-cell[data-v-5b4378b6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-width: 0;
}
.row-icon[data-v-5b4378b6] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  margin-right: 9px;
  color: #1768d2;
  background: #eaf2ff;
  border-radius: 6px;
}
.primary-content[data-v-5b4378b6] {
  min-width: 0;
}
.cell-title[data-v-5b4378b6] {
  color: #303133;
  font-weight: 600;
  line-height: 1.4;
}
.cell-sub[data-v-5b4378b6] {
  margin-top: 4px;
  color: #909399;
  font-size: 12px;
  line-height: 1.45;
}
.cell-muted[data-v-5b4378b6] {
  color: #909399;
}
.mono-text[data-v-5b4378b6] {
  font-family: Consolas, "Microsoft YaHei", monospace;
  font-size: 12px;
}
.danger-text[data-v-5b4378b6] {
  color: #f56c6c;
}
.form-section-title[data-v-5b4378b6] {
  margin: 6px 0 18px;
  padding-top: 18px;
  color: #303133;
  font-size: 14px;
  font-weight: 600;
  border-top: 1px solid #ebeef5;
}
.field-hint[data-v-5b4378b6] {
  margin-top: 5px;
  color: #909399;
  font-size: 12px;
  line-height: 1.5;
}
.json-input[data-v-5b4378b6]  textarea {
  font-family: Consolas, "Microsoft YaHei", monospace;
  font-size: 12px;
}
.mcp-editor-dialog[data-v-5b4378b6]  .el-dialog__body {
  height: calc(100vh - 300px);
  max-height: calc(100vh - 300px);
  overflow-y: auto;
}
.mcp-editor-dialog[data-v-5b4378b6]  .form-item-auto {
  height: auto !important;
}
@media screen and (max-width: 1100px) {
.mcp-toolbar .keyword-input[data-v-5b4378b6] {
    width: 230px;
}
}
.form-title[data-v-406a6721] {
  margin-bottom: 12px;
  line-height: 30px;
}
.form-title[data-v-406a6721]::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 16px;
  background-color: #409eff;
  margin-right: 8px;
  vertical-align: middle;
}
.source-wrap .el-radio[data-v-406a6721] {
  border-radius: 50px;
}
.generate-voice[data-v-406a6721] {
  margin: 0 0 20px 100px;
}
.generate-voice .audio[data-v-406a6721] {
  margin-top: 20px;
}
.upload-tip[data-v-31ae1f6e] {
  color: #f56c6c;
  font-size: 14px;
  margin-bottom: 10px;
  text-align: center;
}
[data-v-31ae1f6e] .upload-demo {
  width: 600px;
}
[data-v-31ae1f6e] .upload-demo .el-upload-dragger {
  width: 600px;
  height: 300px;
}
[data-v-31ae1f6e] .upload-demo .el-upload-dragger .el-icon-upload {
  margin-top: 98px;
}
.upload-tip[data-v-025fafcb] {
  color: #f56c6c;
  font-size: 14px;
  margin-bottom: 10px;
  text-align: center;
}
[data-v-025fafcb] .upload-demo {
  width: 600px;
}
[data-v-025fafcb] .upload-demo .el-upload-dragger {
  width: 600px;
  height: 300px;
}
[data-v-025fafcb] .upload-demo .el-upload-dragger .el-icon-upload {
  margin-top: 98px;
}
.summary-form[data-v-025fafcb] {
  text-align: center;
  padding: 0 20px 20px;
}
.render-progress[data-v-025fafcb] {
  text-align: center;
  padding: 0 20px 20px;
}
.render-progress .title[data-v-025fafcb] {
  margin: 10px 0;
}
.render-progress .title > span[data-v-025fafcb] {
  color: #409eff;
  font-weight: bold;
}
.render-progress .el-icon-success[data-v-025fafcb] {
  color: #67c23a;
}
.atoto-qa-cache .excel-upload-input[data-v-11032c5f] {
  display: none;
  z-index: -9999;
}
.atoto-qa-cache .header[data-v-11032c5f] {
  margin-bottom: 12px;
}
.atoto-qa-cache .cache-upload[data-v-11032c5f] {
  display: inline-block;
}
.atoto-qa-cache .pagination[data-v-11032c5f] {
  text-align: right;
}
.atoto-qa-cache .header[data-v-0f93cb31] {
  margin-bottom: 12px;
}
.atoto-qa-cache .pagination[data-v-0f93cb31] {
  text-align: right;
}
.atoto-mock-qa[data-v-238ad24e] {
  overflow-y: auto;
  height: auto !important;
  min-height: calc(100vh - 150px);
  padding-bottom: 16px;
}
.atoto-mock-qa .lang-item[data-v-238ad24e] {
  margin-left: 30px;
}
.atoto-mock-qa .lang-item-def[data-v-238ad24e] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.atoto-mock-qa .lang-item-def label[data-v-238ad24e] {
  width: 70px;
}
.atoto-mock-qa .lang-item-def .el-select[data-v-238ad24e] {
  width: 220px;
}
.atoto-mock-qa h4[data-v-238ad24e],
.atoto-mock-qa h5[data-v-238ad24e] {
  margin: 0;
  margin-bottom: 6px;
}
.atoto-mock-qa header .el-select[data-v-238ad24e] {
  width: 220px;
}
.atoto-mock-qa header .el-select + .el-select[data-v-238ad24e] {
  margin-left: 10px;
}
.atoto-mock-qa .el-divider--vertical[data-v-238ad24e] {
  height: inherit;
}
.atoto-mock-qa .command-box[data-v-238ad24e] {
  overflow-y: auto;
}
.atoto-mock-qa .select-width[data-v-238ad24e] {
  width: 230px;
}
.atoto-mock-qa .type-item[data-v-238ad24e] {
  margin: 12px 0;
  padding: 12px;
  background-color: #f4f6f9;
  border-radius: 4px;
}
.atoto-mock-qa .type-item .el-button--text[data-v-238ad24e] {
  padding: 10px 0 !important;
}
.atoto-mock-qa .instruction-item-box[data-v-238ad24e] {
  overflow: hidden;
  background-color: #fff;
  border-radius: 4px;
}
.atoto-mock-qa .instruction-item-box[data-v-238ad24e]:nth-child(2n+1) {
  background-color: #ecf5ff;
}
.atoto-mock-qa .instruction-item[data-v-238ad24e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.atoto-mock-qa .instruction-item-form[data-v-238ad24e] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.atoto-mock-qa .instruction-item-form .el-form-item[data-v-238ad24e] {
  margin: 16px 0;
}
.atoto-mock-qa .instruction-item-form .el-form-item__error[data-v-238ad24e] {
  padding-top: 0;
}
.atoto-mock-qa .instruction-item-form .el-form-item__content[data-v-238ad24e] {
  line-height: 26px !important;
}
.atoto-mock-qa .instruction-item-operate[data-v-238ad24e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 66px;
}
.atoto-mock-qa .instruction-item-operate .el-button[data-v-238ad24e] {
  margin: 12px 0;
  padding: 6px 8px !important;
}
.atoto-mock-qa .instruction-item-operate .el-button + .el-button[data-v-238ad24e] {
  margin-left: 0;
}
.atoto-mock-qa .instruction-item-add[data-v-238ad24e] {
  width: 100%;
  padding: 6px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
}
.atoto-mock-qa .test-control .el-input-number[data-v-238ad24e] {
  width: 180px !important;
  height: 32px;
  line-height: 30px;
}
.atoto-mock-qa .test-control .test-return-box[data-v-238ad24e] {
  overflow: auto;
  height: 300px;
  margin: 0;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
}
.atoto-mock-qa .submit[data-v-238ad24e] {
  margin-top: 16px;
  text-align: right;
}
.atoto-mock-qa .preview[data-v-238ad24e] {
  position: fixed;
  top: 50px;
  right: 80px;
  z-index: 999;
}
.edit-remark[data-v-746e1e2c] {
  cursor: pointer;
}
.edit-remark .remark-icon[data-v-746e1e2c] {
  margin-right: 5px;
  font-size: 14px;
  color: #409eff;
}
.edit-show[data-v-746e1e2c] {
  display: none;
}
.add-icon[data-v-746e1e2c] {
  font-size: 20px;
  cursor: pointer;
}
.el-table__body tr:hover .edit-show[data-v-746e1e2c] {
  display: inline;
}
.command-debugging[data-v-0dc42c0e] {
  max-width: 90%;
  height: 100%;
  padding: 20px 0;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.command-debugging[data-v-0dc42c0e]  .el-card {
  border-radius: 10px;
}
.command-debugging .mt-20[data-v-0dc42c0e] {
  margin-top: 20px;
}
.command-debugging .mt-20[data-v-0dc42c0e]  .el-card__body {
  min-height: 430px;
  max-height: 430px;
  overflow-y: auto;
}
.command-debugging .title[data-v-0dc42c0e] {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.command-debugging .send-button[data-v-0dc42c0e] {
  margin-top: 10px;
  width: 100%;
}
.command-debugging .answer-box[data-v-0dc42c0e] {
  margin-top: 50px;
}
.command-debugging .answer-box .answer-hint[data-v-0dc42c0e] {
  display: block;
  color: #999;
  font-size: 14px;
  text-align: center;
  margin: 20px;
}
.command-debugging .answer-list[data-v-0dc42c0e] {
  min-height: 100px;
}
.command-debugging .answer-list .answer-hint[data-v-0dc42c0e] {
  font-size: 16px;
  color: #999;
}
.command-debugging .answer-list .answer-item[data-v-0dc42c0e] {
  padding: 10px;
}
.command-debugging .answer-list .answer-item .answer-item-number[data-v-0dc42c0e] {
  font-size: 14px;
  color: #999;
}
.command-debugging .answer-list .answer-item .answer-item-content[data-v-0dc42c0e] {
  background-color: #f5f7fa;
  font-size: 14px;
  color: #666;
  padding: 10px 0;
  line-height: 1.5;
  margin-top: 10px;
  border-radius: 5px;
}
.command-debugging .answer-card[data-v-0dc42c0e]  .el-card__header:has(.hasButton) {
  padding: 11px 20px;
}
.el-icon-s-operation[data-v-783128bb] {
  font-size: 20px;
}
@charset "UTF-8";
[data-v-04a4c3ff] .el-table__body tr.sortable-chosen {
  background-color: #f5f7fa !important;
  /* 拖拽行的背景色 */
}
[data-v-04a4c3ff] .el-table__body tr.sortable-chosen :hover td.el-table__cell {
  background-color: #fff !important;
}
.el-icon-s-operation[data-v-04a4c3ff] {
  font-size: 20px;
}
.import-synonym-footer[data-v-154b54da] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.import-synonym-footer .el-upload[data-v-154b54da] {
  margin-left: 12px;
}
.title[data-v-146d9fe6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333;
}
.title > span[data-v-146d9fe6] {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 15px;
  margin-right: 8px;
  background-color: #409eff;
}
.custom-message-box .el-message-box__status {
  margin-top: -10px;
}
.render-progress[data-v-7309ec50] {
  text-align: center;
  padding: 0 20px 20px;
}
.render-progress .title[data-v-7309ec50] {
  margin: 10px 0;
}
.render-progress .title > span[data-v-7309ec50] {
  color: #409eff;
  font-weight: bold;
}
.render-progress .mmn-list li[data-v-7309ec50] {
  margin-bottom: 5px;
}
.render-progress .mmn-list li > span[data-v-7309ec50] {
  margin-right: 5px;
}
.render-progress .el-icon-success[data-v-7309ec50] {
  color: #67c23a;
}
.custom-dialog-translation[data-v-441a2fdc]  .el-dialog__body {
  padding: 0;
}
.title-container[data-v-441a2fdc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 50px;
}
.title-container .title-content[data-v-441a2fdc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.title-container .title-content .title-content-title[data-v-441a2fdc] {
  font-size: 16px;
  color: #0c1232;
}
.title-container .title-content .title-content-name[data-v-441a2fdc] {
  font-size: 14px;
  color: #666;
}
.translation-content[data-v-441a2fdc] {
  height: 100%;
  margin-bottom: 36px;
}
.translation-content[data-v-441a2fdc]  .el-scrollbar {
  height: calc(100vh - 300px);
  max-height: calc(100vh - 300px);
}
.translation-content[data-v-441a2fdc]  .scrollbar-wrapper {
  margin: 0;
  overflow-x: hidden;
  padding-bottom: 10px;
}
.translation-content__language[data-v-441a2fdc] {
  position: absolute;
  left: 0;
  top: 65px;
  width: 200px;
  border-right: 1px solid #d1d1d1;
}
.translation-content__language--title[data-v-441a2fdc] {
  padding: 15px;
  font-size: 14px;
  color: #666;
  border-bottom: 1px solid #d1d1d1;
  margin-bottom: 10px;
}
.translation-content__language--item[data-v-441a2fdc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid transparent;
  margin: 0 15px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.translation-content__language--item + .translation-content__language--item[data-v-441a2fdc] {
  margin-top: 5px;
}
.translation-content__language--item[data-v-441a2fdc]:hover, .translation-content__language--item.selected[data-v-441a2fdc] {
  background-color: #ecf5ff;
  border: 1px solid #409eff;
  color: #409eff;
}
.translation-content__language--item .language--content[data-v-441a2fdc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}
.translation-content__language--item .language--content p[data-v-441a2fdc] {
  font-size: 14px;
  color: #666;
  margin: 0;
  padding: 3px 0;
}
.translation-content__translation[data-v-441a2fdc] {
  margin-left: 200px;
}
.translation-content__translation--title[data-v-441a2fdc] {
  position: absolute;
  width: calc(100% - 230px);
  left: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #d1d1d1;
  padding: 0 15px;
  z-index: 2;
  background-color: #fff;
}
.translation-content__translation--title p[data-v-441a2fdc] {
  padding: 5px 0;
}
.translation-content__translation .content-container[data-v-441a2fdc] {
  position: relative;
  z-index: 1;
  padding-top: 65px;
}
.translation-content__translation .content-container .title[data-v-441a2fdc] {
  font-size: 14px;
  padding: 10px 0;
}
.translation-content__translation .content-container__item[data-v-441a2fdc] {
  padding: 0 15px;
}
.translation-content__translation .content-container__item--original[data-v-441a2fdc] {
  font-size: 14px;
  color: #666;
  margin: 0;
  border-radius: 5px;
  background-color: #f1f5f9;
  padding: 10px;
}
.translation-content__translation .content-container__synonym[data-v-441a2fdc] {
  margin-top: 15px;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.translation-content__translation .content-container__synonym .title[data-v-441a2fdc] {
  font-size: 14px;
  padding: 10px 0;
}
.translation-content__translation .content-container .synonym-container[data-v-441a2fdc] {
  margin: 15px;
  padding-bottom: 60px;
}
[data-v-55e52f08] .component-transfer .transfer-title {
  margin-top: 0px !important;
}
.title-container[data-v-1530c69a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 90%;
}
.account-number .el-input-number[data-v-ebba1e3e] {
  width: 160px;
}
.account-number small[data-v-ebba1e3e] {
  display: block;
  margin-top: 4px;
  color: #65748b;
  font-size: 12px;
  line-height: 18px;
}
.device-count-input[data-v-ebba1e3e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.device-count-input .el-input-number[data-v-ebba1e3e] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 160px;
          flex: 0 1 160px;
  min-width: 0;
}
.device-count-input > span[data-v-ebba1e3e] {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.package-options[data-v-ebba1e3e] {
  grid-column: 1/-1;
}
.package-option-row[data-v-ebba1e3e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  min-height: 54px;
  padding: 10px 0;
}
.package-option-row > div[data-v-ebba1e3e] {
  min-width: 0;
}
.package-option-row strong[data-v-ebba1e3e] {
  display: block;
  color: #263246;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.package-option-row span[data-v-ebba1e3e] {
  display: block;
  color: #7a8596;
  font-size: 12px;
  line-height: 20px;
}
.section-card[data-v-ebba1e3e] {
  padding: 28px;
  border: 1px solid #ebeef5;
  border-radius: 14px;
  background: #fff;
}
.section-heading[data-v-ebba1e3e] {
  margin-bottom: 22px;
}
.section-heading h3[data-v-ebba1e3e] {
  position: relative;
  margin: 0 0 8px;
  padding-left: 18px;
  color: #111827;
  font-size: 16px;
  font-weight: 600;
}
.section-heading h3[data-v-ebba1e3e]::before {
  position: absolute;
  top: 3px;
  left: 0;
  width: 3px;
  height: 16px;
  border-radius: 2px;
  background: #e55249;
  content: "";
}
.section-heading p[data-v-ebba1e3e] {
  margin: 0;
  padding-left: 18px;
  color: #8a94a6;
  font-size: 13px;
  line-height: 20px;
}
.basic-grid[data-v-ebba1e3e] {
  display: grid;
  grid-template-columns: minmax(300px, 1fr) minmax(300px, 380px);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 16px 18px;
}
.form-field[data-v-ebba1e3e] {
  display: grid;
  grid-template-rows: 18px minmax(32px, auto);
  row-gap: 8px;
  min-width: 0;
  margin-bottom: 0;
}
.form-field[data-v-ebba1e3e]  .el-form-item__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 18px;
  padding: 0;
  margin-bottom: 0;
  color: #374151;
  font-size: 13px;
  line-height: 18px;
  white-space: nowrap;
}
.form-field[data-v-ebba1e3e]  .el-form-item__label em {
  margin-left: 4px;
  overflow: hidden;
  color: #8a94a6;
  font-style: normal;
  text-overflow: ellipsis;
}
.form-field[data-v-ebba1e3e]  .el-form-item__content {
  line-height: 32px;
}
.form-field[data-v-ebba1e3e]  .el-form-item__error {
  position: static;
  padding-top: 4px;
  line-height: 16px;
}
.free-package-area[data-v-ebba1e3e] {
  grid-column: 1/-1;
  min-width: 0;
}
.free-package-card[data-v-ebba1e3e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 64px;
  padding: 12px 16px 12px 20px;
  border: 1px solid #dfe4ec;
  border-radius: 6px;
  background: #fff;
  -webkit-transition: border-color 0.15s, background 0.15s;
  transition: border-color 0.15s, background 0.15s;
}
.free-package-card.active[data-v-ebba1e3e] {
  border-color: #f5c1bd;
  background: #fffafa;
}
.free-package-copy[data-v-ebba1e3e] {
  min-width: 0;
  padding-right: 16px;
}
.free-package-copy strong[data-v-ebba1e3e],
.free-package-copy span[data-v-ebba1e3e] {
  display: block;
}
.free-package-copy strong[data-v-ebba1e3e] {
  margin-bottom: 5px;
  color: #374151;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}
.free-package-copy span[data-v-ebba1e3e] {
  color: #8a94a6;
  font-size: 12px;
  line-height: 18px;
}
.free-package-switch[data-v-ebba1e3e] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.free-package-tip[data-v-ebba1e3e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  color: #e55249;
  font-size: 12px;
  line-height: 18px;
}
.free-package-tip i[data-v-ebba1e3e] {
  margin-right: 6px;
}
.full-width[data-v-ebba1e3e] {
  width: 100%;
}
.full-width[data-v-ebba1e3e]  .el-input__inner {
  height: 32px;
  line-height: 32px !important;
}
.period-input[data-v-ebba1e3e] {
  display: grid;
  grid-template-columns: 160px -webkit-max-content -webkit-max-content;
  grid-template-columns: 160px max-content max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 12px;
     -moz-column-gap: 12px;
          column-gap: 12px;
  height: 32px;
}
.period-input[data-v-ebba1e3e]  .el-input-number {
  width: 160px !important;
  line-height: 32px;
}
.period-input[data-v-ebba1e3e]  .el-input-number.is-controls-right .el-input-number__increase,
.period-input[data-v-ebba1e3e]  .el-input-number.is-controls-right .el-input-number__decrease {
  right: 1px;
  width: 32px;
  height: 15px;
  line-height: 15px;
}
.period-input[data-v-ebba1e3e]  .el-input-number.is-controls-right .el-input-number__increase {
  top: 1px;
}
.period-input[data-v-ebba1e3e]  .el-input-number.is-controls-right .el-input-number__decrease {
  bottom: 1px;
}
.period-input[data-v-ebba1e3e]  .el-input-number.is-controls-right .el-input__inner {
  padding-right: 38px;
}
.period-input[data-v-ebba1e3e]  .el-input__inner {
  height: 32px;
  max-height: 32px !important;
  line-height: 32px !important;
  text-align: left;
}
.period-input span[data-v-ebba1e3e] {
  color: #111827;
  font-size: 14px;
  white-space: nowrap;
}
.period-input i[data-v-ebba1e3e] {
  color: #8a94a6;
  font-size: 13px;
  font-style: normal;
  white-space: nowrap;
}
@media (max-width: 1180px) {
.basic-grid[data-v-ebba1e3e] {
    grid-template-columns: 1fr;
}
}
.section-card[data-v-45358999] {
  padding: 28px;
  border: 1px solid #ebeef5;
  border-radius: 14px;
  background: #fff;
}
.section-heading[data-v-45358999] {
  margin-bottom: 22px;
}
.section-heading h3[data-v-45358999] {
  position: relative;
  margin: 0 0 8px;
  padding-left: 18px;
  color: #111827;
  font-size: 16px;
  font-weight: 600;
}
.section-heading h3[data-v-45358999]::before {
  position: absolute;
  top: 3px;
  left: 0;
  width: 3px;
  height: 16px;
  border-radius: 2px;
  background: #e55249;
  content: "";
}
.section-heading p[data-v-45358999] {
  margin: 0;
  padding-left: 18px;
  color: #8a94a6;
  font-size: 13px;
  line-height: 20px;
}
.country-line[data-v-45358999] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
}
.line-title[data-v-45358999] {
  color: #374151;
  font-size: 14px;
  line-height: 20px;
}
.line-title .required-mark[data-v-45358999] {
  margin-left: 2px;
  color: #e55249;
  font-style: normal;
}
.line-title span[data-v-45358999] {
  margin-left: 8px;
  color: #8a94a6;
  font-size: 13px;
}
.add-country-btn[data-v-45358999] {
  height: 32px;
  padding: 0 13px;
  border-color: #dfe4ec;
  border-radius: 8px;
  background: #fff;
  color: #374151;
  font-size: 13px;
  font-weight: 400;
  -webkit-box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
          box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}
.add-country-btn[data-v-45358999]:hover, .add-country-btn[data-v-45358999]:focus {
  border-color: #cfd7e3;
  background: #fff;
  color: #1f2937;
}
.add-country-btn[data-v-45358999]:active {
  border-color: #b8c2d2;
  color: #111827;
  -webkit-box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
          box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}
.add-country-btn[data-v-45358999]  i {
  color: #4b5563;
  font-size: 13px;
}
.tag-list[data-v-45358999] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  min-height: 34px;
  margin-bottom: 22px;
}
.country-form-item[data-v-45358999] {
  margin-bottom: 22px;
}
.country-form-item .tag-list[data-v-45358999] {
  margin-bottom: 0;
}
.country-form-item[data-v-45358999]  .el-form-item__content {
  line-height: normal;
}
.country-form-item[data-v-45358999]  .el-form-item__error {
  position: static;
  padding-top: 4px;
  line-height: 16px;
}
.country-tag[data-v-45358999] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 34px;
  padding: 0 13px;
  border: 1px solid #ffc9c5;
  border-radius: 7px;
  background: #fff7f6;
  color: #e55249;
  font-size: 13px;
}
.country-more[data-v-45358999] {
  cursor: pointer;
}
.empty-inline[data-v-45358999] {
  color: #9aa3b2;
  font-size: 13px;
  line-height: 34px;
}
.sales-country-picker[data-v-45358999] {
  color: #243448;
}
.sales-country-picker .country-tabs[data-v-45358999] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-bottom: 14px;
}
.sales-country-picker .country-tabs button[data-v-45358999] {
  min-width: 108px;
  min-height: 34px;
  padding: 6px 12px;
  border: 1px solid #8494a7;
  border-radius: 5px;
  background: white;
  color: #243448;
  font: inherit;
  cursor: pointer;
}
.sales-country-picker .country-tabs button[aria-selected=true][data-v-45358999] {
  border-color: #1668c7;
  background: #edf5ff;
  color: #1668c7;
  -webkit-box-shadow: inset 0 0 0 1px #1668c7;
          box-shadow: inset 0 0 0 1px #1668c7;
  font-weight: 600;
}
.sales-country-picker .country-cascade[data-v-45358999] {
  display: grid;
  grid-template-columns: minmax(112px, 34%) minmax(0, 1fr);
  margin-top: 12px;
  overflow: hidden;
  border: 1px solid #d7dfe9;
  border-radius: 6px;
}
.sales-country-picker .country-pane[data-v-45358999] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
}
.sales-country-picker .country-pane[data-v-45358999]:first-child {
  border-right: 1px solid #d7dfe9;
}
.sales-country-picker .pane-heading[data-v-45358999] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: 42px;
  padding: 6px 10px;
  background: #f4f7fb;
  border-bottom: 1px solid #d7dfe9;
}
.sales-country-picker .pane-list[data-v-45358999] {
  height: clamp(130px, 34vh, 305px);
  overflow-y: auto;
  padding: 4px;
  overscroll-behavior: contain;
}
.sales-country-picker .country-region[data-v-45358999], .sales-country-picker label[data-v-45358999] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.sales-country-picker label[data-v-45358999], .sales-country-picker button[data-v-45358999], .sales-country-picker input[type=checkbox][data-v-45358999] {
  cursor: pointer;
}
.sales-country-picker input[type=checkbox][data-v-45358999] {
  width: 16px;
  height: 16px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin: 0;
  accent-color: #1668c7;
}
.sales-country-picker .country-region[data-v-45358999], .sales-country-picker .country-option[data-v-45358999] {
  min-height: 38px;
  padding: 4px 7px;
  border-radius: 4px;
}
.sales-country-picker .country-region.active[data-v-45358999] {
  background: #eaf3ff;
  color: #165daa;
}
.sales-country-picker .country-option[data-v-45358999]:hover, .sales-country-picker .country-region[data-v-45358999]:hover {
  background: #eff4fa;
}
.sales-country-picker .country-region button[data-v-45358999], .sales-country-picker .remove-group[data-v-45358999] {
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
}
.sales-country-picker .country-region button[data-v-45358999] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 5px 0;
  text-align: left;
}
.sales-country-picker small[data-v-45358999] {
  margin-left: auto;
  color: #5d6d80;
}
.sales-country-picker .remove-group[data-v-45358999] {
  color: #1668c7;
  text-decoration: underline;
}
.sales-country-picker[data-v-45358999] :focus-visible {
  outline: 2px solid #327acb;
  outline-offset: 1px;
}
.country-footer[data-v-45358999] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
  color: #5d6d80;
  font-size: 13px;
}
@media (max-width: 720px) {
.country-line[data-v-45358999] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
}
.add-country-btn[data-v-45358999] {
    width: 100%;
}
}
.language-enablement[data-v-ab9e8c28],
.language-binding-issues[data-v-ab9e8c28] {
  grid-column: 1/-1;
}
.language-enablement[data-v-ab9e8c28] {
  margin: 0 0 18px;
}
.language-enablement-label[data-v-ab9e8c28],
.language-enablement-actions[data-v-ab9e8c28] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}
.language-enablement-label[data-v-ab9e8c28] {
  margin-bottom: 8px;
  color: #344054;
  font-size: 14px;
}
.language-enablement-label label[data-v-ab9e8c28] {
  font-weight: 600;
}
.language-enablement-label span[data-v-ab9e8c28] {
  color: #667085;
  font-size: 12px;
}
.bound-language-list[data-v-ab9e8c28] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.bound-language-tag[data-v-ab9e8c28] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 30px;
  padding: 3px 10px;
  border-radius: 5px;
  background: #f3f5f7;
  color: #344054;
  font-size: 13px;
  line-height: 22px;
}
.bound-language-tag small[data-v-ab9e8c28] {
  margin-left: 8px;
  color: #667085;
  font-size: 11px;
}
.language-enablement-actions[data-v-ab9e8c28] {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 8px;
  color: #667085;
  font-size: 12px;
  line-height: 20px;
}
.language-binding-issues[data-v-ab9e8c28] {
  margin: 0 0 16px;
  padding: 10px 12px;
  border-radius: 5px;
  background: #fff7e8;
  color: #946214;
  font-size: 12px;
  line-height: 20px;
}
.language-binding-issues strong[data-v-ab9e8c28] {
  font-weight: 600;
}
.language-binding-issues ul[data-v-ab9e8c28] {
  margin: 4px 0 0;
  padding-left: 18px;
}
.copy-text-action[data-v-ab9e8c28] {
  padding: 0;
  border: 0;
  background: transparent;
  color: #2f6feb;
  font: inherit;
  line-height: 20px;
  cursor: pointer;
}
.copy-text-action[data-v-ab9e8c28]:focus-visible {
  outline: 2px solid #2f6feb;
  outline-offset: 3px;
}
.copy-text-action[data-v-ab9e8c28]:disabled {
  color: #98a2b3;
  cursor: default;
}
.copy-text-action.is-warning[data-v-ab9e8c28] {
  color: #b76a11;
}
.use-internal-name[data-v-ab9e8c28] {
  margin-top: 7px;
  font-size: 12px;
}
.offline-translation-hint[data-v-ab9e8c28] {
  margin: 0 0 14px;
  color: #667085;
  font-size: 12px;
  line-height: 18px;
}
.section-card[data-v-ab9e8c28] {
  padding: 28px;
  border: 1px solid #ebeef5;
  border-radius: 14px;
  background: #fff;
}
.section-heading[data-v-ab9e8c28] {
  margin-bottom: 22px;
}
.section-heading h3[data-v-ab9e8c28] {
  position: relative;
  margin: 0 0 8px;
  padding-left: 18px;
  color: #111827;
  font-size: 16px;
  font-weight: 600;
}
.section-heading h3[data-v-ab9e8c28]::before {
  position: absolute;
  top: 3px;
  left: 0;
  width: 3px;
  height: 16px;
  border-radius: 2px;
  background: #e55249;
  content: "";
}
.section-heading p[data-v-ab9e8c28] {
  margin: 0;
  padding-left: 18px;
  color: #8a94a6;
  font-size: 13px;
  line-height: 20px;
}
.source-card[data-v-ab9e8c28],
.translation-card[data-v-ab9e8c28] {
  padding: 20px;
  border: 1px solid #eceff4;
  border-radius: 10px;
  background: #fafafa;
}
.translation-card[data-v-ab9e8c28] {
  margin-top: 16px;
}
.source-head[data-v-ab9e8c28],
.translation-head[data-v-ab9e8c28] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 18px;
}
.source-head strong[data-v-ab9e8c28],
.translation-head strong[data-v-ab9e8c28] {
  color: #111827;
  font-size: 15px;
  line-height: 22px;
}
.source-head p[data-v-ab9e8c28],
.translation-head p[data-v-ab9e8c28] {
  margin: 3px 0 0;
  color: #8a94a6;
  font-size: 12px;
  line-height: 18px;
}
.source-icon[data-v-ab9e8c28],
.translation-icon[data-v-ab9e8c28] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  margin-right: 12px;
  border-radius: 8px;
  font-size: 16px;
}
.source-icon[data-v-ab9e8c28] {
  background: #fee9e7;
  color: #e55249;
}
.translation-icon[data-v-ab9e8c28] {
  background: #e8f0ff;
  color: #3f6fd8;
}
.source-row[data-v-ab9e8c28] {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(280px, 1fr);
  gap: 18px;
  margin-bottom: 18px;
}
.form-field[data-v-ab9e8c28] {
  margin-bottom: 18px;
}
.form-field > label[data-v-ab9e8c28] {
  display: block;
  margin-bottom: 10px;
  color: #374151;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}
.form-field > label em[data-v-ab9e8c28] {
  margin-left: 6px;
  color: #5f6b7a;
  font-style: normal;
  font-size: 13px;
}
.form-field[data-v-ab9e8c28]  .el-form-item__label {
  display: block;
  padding: 0;
  margin-bottom: 8px;
  color: #374151;
  font-size: 13px;
  line-height: 18px;
}
.form-field[data-v-ab9e8c28]  .el-form-item__label em {
  margin-left: 6px;
  color: #8a94a6;
  font-style: normal;
  font-size: 12px;
}
.form-field[data-v-ab9e8c28]  .el-form-item__content {
  line-height: 40px;
}
.form-field[data-v-ab9e8c28]  .el-form-item__error {
  position: static;
  padding-top: 4px;
  line-height: 16px;
}
.form-field[data-v-ab9e8c28]  .el-input__inner {
  height: 40px;
  line-height: 40px;
}
.full-width[data-v-ab9e8c28] {
  width: 100%;
}
.translation-toolbar[data-v-ab9e8c28] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}
.translation-actions[data-v-ab9e8c28] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.language-progress[data-v-ab9e8c28] {
  color: #526176;
  font-size: 13px;
  white-space: nowrap;
}
.language-binding-issues summary[data-v-ab9e8c28] {
  cursor: pointer;
}
.translation-actions[data-v-ab9e8c28] {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.translation-actions[data-v-ab9e8c28]  .el-button + .el-button {
  margin-left: 0;
}
.translate-primary-btn[data-v-ab9e8c28] {
  height: 32px;
  padding: 0 12px;
}
.translate-primary-btn[data-v-ab9e8c28] {
  border-color: #e55249;
  background: #e55249;
}
.translate-primary-btn[data-v-ab9e8c28]:hover, .translate-primary-btn[data-v-ab9e8c28]:focus {
  border-color: #d94c43;
  background: #d94c43;
}
.language-tabs[data-v-ab9e8c28] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  min-height: 38px;
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid #edf0f5;
}
.language-tab[data-v-ab9e8c28] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #5f6b7a;
  font-size: 13px;
  cursor: pointer;
}
.language-tab.active[data-v-ab9e8c28] {
  border-color: #ffc4bf;
  background: #fff7f6;
  color: #e55249;
}
.language-dot[data-v-ab9e8c28] {
  width: 6px;
  height: 6px;
  margin-left: 8px;
  border-radius: 50%;
  background: #d7dce5;
}
.language-dot.is-completed[data-v-ab9e8c28] {
  background: #43a047;
}
.language-dot.is-partial[data-v-ab9e8c28] {
  background: #f59e0b;
}
.language-dot.is-empty[data-v-ab9e8c28] {
  background: #cbd5e1;
}
.language-dot.is-translating[data-v-ab9e8c28] {
  background: #3f6fd8;
}
.language-dot.is-failed[data-v-ab9e8c28] {
  background: #e55249;
}
.target-form[data-v-ab9e8c28] {
  padding-top: 2px;
}
.target-status[data-v-ab9e8c28] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 20px;
  margin-bottom: 8px;
  color: #5f6b7a;
  font-size: 13px;
}
.target-status span[data-v-ab9e8c28] {
  margin-right: 8px;
  color: #374151;
}
.target-status em[data-v-ab9e8c28] {
  font-style: normal;
}
.target-status em.is-completed[data-v-ab9e8c28] {
  color: #43a047;
}
.target-status em.is-partial[data-v-ab9e8c28], .target-status em.is-translating[data-v-ab9e8c28] {
  color: #f59e0b;
}
.target-status em.is-empty[data-v-ab9e8c28] {
  color: #8a94a6;
}
.target-status em.is-failed[data-v-ab9e8c28] {
  color: #e55249;
}
.empty-panel[data-v-ab9e8c28] {
  padding: 30px 0;
  color: #9aa3b2;
  text-align: center;
}
.empty-panel.compact[data-v-ab9e8c28] {
  padding: 16px 0 4px;
  font-size: 13px;
}
.filter-empty[data-v-ab9e8c28] {
  width: 100%;
  padding: 10px 0;
  color: #9aa3b2;
  font-size: 13px;
}
@media (max-width: 1180px) {
.source-row[data-v-ab9e8c28] {
    grid-template-columns: 1fr;
}
.translation-toolbar[data-v-ab9e8c28] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.translation-actions[data-v-ab9e8c28] {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
}
.feature-template-toolbar[data-v-ec5a0730] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 16px;
  color: #667085;
  font-size: 12px;
  line-height: 24px;
}
.feature-template-button[data-v-ec5a0730] {
  padding: 1px 10px;
  border: 0;
  border-radius: 4px;
  background: #edf3fd;
  color: #2f6feb;
  font: inherit;
  line-height: 24px;
  cursor: pointer;
}
.feature-template-button[data-v-ec5a0730]:disabled {
  color: #98a2b3;
  background: #f2f4f7;
  cursor: default;
}
.feature-template-button[data-v-ec5a0730]:focus-visible, .mode-button[data-v-ec5a0730]:focus-visible {
  outline: 2px solid #2f6feb;
  outline-offset: 2px;
}
.feature-template-note[data-v-ec5a0730] {
  color: #98a2b3;
}
.feature-head-actions[data-v-ec5a0730] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 18px;
}
.feature-title-copy[data-v-ec5a0730] {
  min-width: 0;
}
.feature-name-row[data-v-ec5a0730] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px 10px;
}
.feature-readiness[data-v-ec5a0730] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 4px;
  background: #eaf5ef;
  color: #377d61;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
}
.feature-readiness i[data-v-ec5a0730] {
  font-size: 13px;
}
.feature-readiness.is-pending[data-v-ec5a0730] {
  background: #fff3df;
  color: #9b6a19;
}
.feature-card.has-no-fields .feature-head[data-v-ec5a0730] {
  margin-bottom: 0;
}
.feature-option-copy[data-v-ec5a0730] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  white-space: normal;
}
.feature-option-copy strong[data-v-ec5a0730] {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.feature-option-copy small[data-v-ec5a0730] {
  color: #7b8494;
  font-size: 12px;
  line-height: 18px;
}
.section-card[data-v-ec5a0730] {
  padding: 28px;
  border: 1px solid #ebeef5;
  border-radius: 14px;
  background: #fff;
}
.section-heading[data-v-ec5a0730] {
  margin-bottom: 22px;
}
.section-heading h3[data-v-ec5a0730] {
  margin: 0;
  color: #111827;
  font-size: 16px;
  font-weight: 600;
}
.feature-card[data-v-ec5a0730] {
  margin-top: 12px;
  padding: 18px;
  border: 0;
  border-radius: 6px;
  background: #f7f8fa;
}
.feature-head[data-v-ec5a0730] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}
.feature-title[data-v-ec5a0730] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.feature-title strong[data-v-ec5a0730] {
  display: block;
  color: #111827;
  font-size: 15px;
  line-height: 21px;
}
.feature-title p[data-v-ec5a0730] {
  margin: 5px 0 0;
  color: #7b8494;
  font-size: 12px;
  line-height: 19px;
}
.feature-icon[data-v-ec5a0730] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  margin-right: 12px;
  border-radius: 6px;
  font-size: 16px;
  color: #5673a4;
  background: #eaf0f8;
}
.feature-icon.trackhu[data-v-ec5a0730] {
  color: #8265b1;
  background: #ede8f6;
}
.feature-icon.album[data-v-ec5a0730] {
  color: #bb6384;
  background: #f5e8ef;
}
.feature-icon.remote[data-v-ec5a0730] {
  color: #bd8050;
  background: #f6eddf;
}
.feature-icon.cloud-radio[data-v-ec5a0730] {
  color: #34826b;
  background: #e4f2ec;
}
.feature-fields[data-v-ec5a0730] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  row-gap: 24px;
}
.form-field[data-v-ec5a0730] {
  min-width: 0;
  margin: 0;
}
.form-field[data-v-ec5a0730]  .el-form-item__label {
  display: block;
  padding: 0;
  margin-bottom: 10px;
  color: #374151;
  font-size: 13px;
  line-height: 20px;
}
.form-field[data-v-ec5a0730]  .el-form-item__content {
  line-height: 32px;
}
.form-field[data-v-ec5a0730]  .el-form-item__error {
  position: static;
  padding-top: 4px;
  line-height: 16px;
}
.field-wide[data-v-ec5a0730] {
  grid-column: 1/-1;
}
.full-width[data-v-ec5a0730] {
  width: 100%;
}
.mode-buttons[data-v-ec5a0730] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.mode-checkboxes[data-v-ec5a0730] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  line-height: 22px;
}
.mode-choice.el-checkbox[data-v-ec5a0730] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 38px;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid #dfe4ec;
  border-radius: 5px;
  background: #fff;
}
.mode-choice.el-checkbox.is-checked[data-v-ec5a0730] {
  border-color: #a9c0ef;
  background: #f5f8ff;
}
.mode-choice[data-v-ec5a0730]  .el-checkbox__label {
  padding-left: 8px;
  font-size: 13px;
  line-height: 20px;
}
.feature-field-hint[data-v-ec5a0730] {
  margin: 8px 0 0;
  color: #8390a2;
  font-size: 12px;
  line-height: 20px;
}
.dialog-count-control[data-v-ec5a0730] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
.quota-limit-options[data-v-ec5a0730] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 24px;
  padding-block: 3px;
}
.quota-limit-options[data-v-ec5a0730]  .el-radio {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  min-height: 22px;
  line-height: 22px;
}
.quota-limit-options[data-v-ec5a0730]  .el-radio__label {
  font-size: 13px;
  line-height: 20px;
}
.dialog-count-control .number-field-input[data-v-ec5a0730] {
  width: 100%;
}
.mode-button[data-v-ec5a0730] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid #dfe4ec;
  border-radius: 5px;
  background: #fff;
  color: #4b5563;
  font-size: 13px;
  cursor: pointer;
}
.mode-button i[data-v-ec5a0730] {
  margin-right: 6px;
}
.mode-button.active[data-v-ec5a0730] {
  border-color: #a9c5f6;
  background: #edf3fd;
  color: #2f6feb;
}
.mode-button[data-v-ec5a0730]:disabled {
  cursor: default;
  opacity: 0.6;
}
.dialog-mode-panel[data-v-ec5a0730] {
  margin-top: 16px;
  background: transparent;
  border: 0;
  padding: 0;
}
.dialog-mode-summary em[data-v-ec5a0730] {
  color: #7b8494;
  font-size: 12px;
  font-style: normal;
  line-height: 20px;
}
.remote-feature-list[data-v-ec5a0730] {
  background: transparent;
}
.remote-feature-row[data-v-ec5a0730] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 56px;
  padding: 8px 0;
}
.remote-feature-title[data-v-ec5a0730] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
  padding-right: 16px;
}
.remote-feature-title strong[data-v-ec5a0730] {
  display: block;
  color: #374151;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.remote-feature-title p[data-v-ec5a0730] {
  margin: 2px 0 0;
  color: #7b8494;
  font-size: 12px;
  line-height: 18px;
}
.remote-feature-icon[data-v-ec5a0730] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 28px;
          flex: 0 0 28px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  margin-right: 12px;
  color: #7b8494;
  font-size: 15px;
}
.value-unit-control[data-v-ec5a0730] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  min-width: 0;
}
.field-value-control[data-v-ec5a0730] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}
.field-unit-label[data-v-ec5a0730] {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 94px;
          flex: 0 0 94px;
  width: 94px;
  min-width: 0;
  margin: 0;
}
.field-unit-control[data-v-ec5a0730] {
  width: 100%;
}
.feature-sr-only[data-v-ec5a0730] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.field-unit-suffix[data-v-ec5a0730] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: #4b5563;
  white-space: nowrap;
}
.number-field-input .field-value-control[data-v-ec5a0730] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 260px;
          flex: 0 1 260px;
  width: 260px;
  min-width: 0;
}
.number-field-input.has-unit-choice .field-value-control[data-v-ec5a0730] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
}
.number-field-input[data-v-ec5a0730]  .el-input .el-input__inner {
  text-align: left;
}
.special-field-unit[data-v-ec5a0730] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-top: 12px;
  color: #667085;
  font-size: 12px;
}
.feature-unit-note[data-v-ec5a0730] {
  grid-column: 1/-1;
  margin: -7px 0 0;
  color: #7b8494;
  font-size: 12px;
  line-height: 18px;
}
.catalog-status-note[data-v-ec5a0730] {
  margin: 10px 0 0;
  color: #936d30;
  font-size: 12px;
  line-height: 20px;
}
.catalog-status-note + .feature-fields[data-v-ec5a0730] {
  margin-top: 16px;
}
.field-legacy-note[data-v-ec5a0730] {
  margin: 5px 0 0;
  color: #936d30;
  font-size: 12px;
  line-height: 18px;
}
.fixed-capability-note[data-v-ec5a0730] {
  margin: 4px 0 18px;
  color: #8a96a8;
  font-size: 12px;
  line-height: 20px;
}
@media (max-width: 760px) {
.feature-head[data-v-ec5a0730] {
    gap: 12px;
}
.feature-head-actions[data-v-ec5a0730] {
    padding-left: 0;
}
.feature-fields[data-v-ec5a0730] {
    grid-template-columns: minmax(0, 1fr);
}
}
.pricing-section[data-v-5ee4e4eb] {
  padding: 0;
  border: 0;
  background: #fff;
  color: #293445;
  font-size: 14px;
}
.pricing-section .section-heading[data-v-5ee4e4eb] {
  margin-bottom: 20px;
}
.pricing-section .section-heading h3[data-v-5ee4e4eb] {
  margin: 0;
  padding: 0;
  font-size: 17px;
  line-height: 26px;
  font-weight: 600;
}
.pricing-section .section-heading h3[data-v-5ee4e4eb]::before {
  display: none;
}
.pricing-section .field-help[data-v-5ee4e4eb] {
  margin: 6px 0 0;
  color: #7c8696;
  font-size: 12px;
  line-height: 20px;
}
.pricing-section .form-field[data-v-5ee4e4eb] {
  margin-bottom: 0;
}
.pricing-section[data-v-5ee4e4eb]  .el-form-item__label {
  display: block;
  float: none;
  margin: 0 0 8px;
  padding: 0;
  color: #4b5565;
  font-size: 13px;
  line-height: 20px;
}
.pricing-section[data-v-5ee4e4eb]  .el-form-item__content {
  line-height: 36px;
}
.pricing-section[data-v-5ee4e4eb]  .el-form-item__error {
  position: static;
  padding-top: 5px;
  font-size: 12px;
  line-height: 18px;
  white-space: normal;
}
.pricing-section[data-v-5ee4e4eb]  .el-input__inner {
  height: 38px;
  border-color: #d9dee6;
  border-radius: 5px;
  color: #293445;
  line-height: 38px;
}
.pricing-section[data-v-5ee4e4eb]  .el-input__inner:hover {
  border-color: #b5bfcd;
}
.pricing-section[data-v-5ee4e4eb]  .el-input__inner:focus {
  border-color: #2f6feb;
}
.pricing-section[data-v-5ee4e4eb]  .el-radio {
  margin-right: 24px;
  color: #4b5565;
  font-weight: 400;
  line-height: 24px;
}
.pricing-section[data-v-5ee4e4eb]  .el-radio:last-child {
  margin-right: 0;
}
.pricing-section[data-v-5ee4e4eb]  .el-radio__label {
  padding-left: 7px;
  font-size: 14px;
}
.free-pricing-note[data-v-5ee4e4eb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  color: #657185;
  font-size: 13px;
  line-height: 22px;
}
.pricing-form[data-v-5ee4e4eb] {
  margin-bottom: 26px;
}
.base-price-fields[data-v-5ee4e4eb] {
  display: grid;
  grid-template-columns: minmax(130px, 0.75fr) minmax(0, 1fr);
  gap: 18px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.base-currency-field[data-v-5ee4e4eb], .full-width[data-v-5ee4e4eb] {
  width: 100%;
}
.amount-field[data-v-5ee4e4eb]  .el-input__inner {
  padding-right: 49px;
  font-size: 16px;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}
.amount-currency[data-v-5ee4e4eb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 38px;
  padding: 0 8px 0 0;
  color: #8a93a3;
  font-size: 12px;
}
.charge-preview[data-v-5ee4e4eb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 6px 14px;
  margin-top: 18px;
  font-size: 14px;
  line-height: 24px;
}
.charge-preview strong[data-v-5ee4e4eb] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #7c8696;
  font-size: 13px;
  font-weight: 400;
}
.charge-preview span[data-v-5ee4e4eb] {
  color: #293445;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}
.localization-fields[data-v-5ee4e4eb] {
  display: grid;
  grid-template-columns: -webkit-max-content minmax(0, 1fr);
  grid-template-columns: max-content minmax(0, 1fr);
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 14px 24px;
  padding-top: 21px;
  border-top: 1px solid #eef0f3;
}
.pricing-localization-only .localization-fields[data-v-5ee4e4eb] {
  padding-top: 0;
  border-top: 0;
}
.localization-label[data-v-5ee4e4eb] {
  margin: 0;
  color: #4b5565;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}
.localization-fields .rounding-select[data-v-5ee4e4eb] {
  width: 208px;
  max-width: 100%;
}
.expression-field[data-v-5ee4e4eb] {
  min-width: 0;
}
.expression-field .el-input[data-v-5ee4e4eb] {
  max-width: 460px;
}
.expression-field .field-help[data-v-5ee4e4eb] {
  white-space: nowrap;
  overflow-x: auto;
}
.unified-pricing-note[data-v-5ee4e4eb] {
  margin: 12px 0 0;
  color: #7c8696;
  font-size: 13px;
  line-height: 22px;
}
.inline-error[data-v-5ee4e4eb] {
  margin-top: 6px;
  color: #ce514d;
  font-size: 12px;
  line-height: 20px;
}
.override-block[data-v-5ee4e4eb], .auto-table-block[data-v-5ee4e4eb] {
  margin-top: 26px;
}
.override-block[data-v-5ee4e4eb]:not(.has-overrides) {
  margin-top: 20px;
}
.table-title-row[data-v-5ee4e4eb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px 16px;
  margin-bottom: 12px;
  color: #293445;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.table-title-row > div[data-v-5ee4e4eb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 10px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.table-title-row span[data-v-5ee4e4eb] {
  color: #8a93a3;
  font-size: 12px;
  font-weight: 400;
}
.add-country-btn[data-v-5ee4e4eb] {
  height: 30px;
  padding: 0 10px;
  border-color: #d9dee6;
  border-radius: 4px;
  color: #4b5565;
  font-size: 12px;
}
.price-table[data-v-5ee4e4eb] {
  width: 100%;
  border: 1px solid #e7eaf0;
  border-radius: 5px;
  overflow-x: auto;
}
.table-head[data-v-5ee4e4eb], .table-row[data-v-5ee4e4eb] {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 14px;
  padding: 0 14px;
}
.simple-table .table-head[data-v-5ee4e4eb], .simple-table .table-row[data-v-5ee4e4eb] {
  grid-template-columns: minmax(100px, 1.25fr) 60px minmax(100px, 1fr) minmax(100px, 1fr) 24px;
}
.auto-table .table-head[data-v-5ee4e4eb], .auto-table .table-row[data-v-5ee4e4eb] {
  grid-template-columns: minmax(100px, 1.25fr) 60px minmax(100px, 1fr) 90px;
}
.table-head[data-v-5ee4e4eb] {
  min-height: 38px;
  background: #f7f8fa;
  color: #7c8696;
  font-size: 12px;
}
.table-row[data-v-5ee4e4eb] {
  min-height: 64px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-top: 1px solid #eef0f3;
  background: #fff;
  color: #3e495b;
  font-size: 13px;
}
.price-cell[data-v-5ee4e4eb] {
  min-width: 0;
  width: 100%;
}
.table-form-item[data-v-5ee4e4eb] {
  margin-bottom: 0;
}
.table-form-item[data-v-5ee4e4eb]  .el-form-item__content {
  width: 100%;
  line-height: 34px;
}
.table-form-item[data-v-5ee4e4eb]  .el-input__inner {
  height: 34px;
  line-height: 34px;
  font-variant-numeric: tabular-nums;
}
.table-form-item[data-v-5ee4e4eb]  .el-form-item__error {
  position: static;
  padding-top: 4px;
  line-height: 16px;
}
.required-mark[data-v-5ee4e4eb] {
  margin-left: 2px;
  color: #ce514d;
}
.table-action-head[data-v-5ee4e4eb] {
  display: block;
}
.remove-row-btn[data-v-5ee4e4eb], .refresh-price-btn[data-v-5ee4e4eb] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #8a93a3;
  cursor: pointer;
}
.remove-row-btn[data-v-5ee4e4eb]:hover, .refresh-price-btn[data-v-5ee4e4eb]:hover {
  background: #f1f4f8;
  color: #2f6feb;
}
.remove-row-btn[data-v-5ee4e4eb]:focus-visible, .refresh-price-btn[data-v-5ee4e4eb]:focus-visible {
  outline: 2px solid #2f6feb;
  outline-offset: 2px;
}
.source-text[data-v-5ee4e4eb] {
  color: #8a93a3;
  font-size: 12px;
}
.source-override[data-v-5ee4e4eb] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
}
.override-tag[data-v-5ee4e4eb] {
  color: #2f6feb;
  font-size: 12px;
  white-space: nowrap;
}
.table-empty[data-v-5ee4e4eb] {
  padding: 24px 12px;
  color: #8a93a3;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
}
.table-note[data-v-5ee4e4eb] {
  margin-top: 8px;
  color: #8a93a3;
  font-size: 12px;
  line-height: 20px;
}
.currency-change-content[data-v-5ee4e4eb] {
  color: #4b5565;
  font-size: 14px;
  line-height: 24px;
}
.currency-change-content p[data-v-5ee4e4eb] {
  margin: 0 0 14px;
}
.currency-conversion-preview[data-v-5ee4e4eb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin: 8px 0 14px;
  padding: 14px 0;
  border-top: 1px solid #eef0f3;
  border-bottom: 1px solid #eef0f3;
  color: #7c8696;
}
.currency-conversion-preview strong[data-v-5ee4e4eb] {
  margin-left: 8px;
  color: #293445;
  font-variant-numeric: tabular-nums;
}
.currency-change-actions[data-v-5ee4e4eb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
}
.currency-change-actions[data-v-5ee4e4eb]  .el-button + .el-button {
  margin-left: 0;
}
.override-country-dialog[data-v-5ee4e4eb]  .el-dialog {
  border-radius: 8px;
}
.override-country-dialog[data-v-5ee4e4eb]  .el-dialog__header {
  padding: 22px 24px 12px;
}
.override-country-dialog[data-v-5ee4e4eb]  .el-dialog__title {
  color: #293445;
  font-size: 17px;
  font-weight: 600;
}
.override-country-dialog[data-v-5ee4e4eb]  .el-dialog__body {
  padding: 0 24px 18px;
}
.override-country-dialog[data-v-5ee4e4eb]  .el-dialog__footer {
  padding: 0 24px 22px;
}
.dialog-desc[data-v-5ee4e4eb] {
  margin-bottom: 18px;
  color: #7c8696;
  font-size: 13px;
  line-height: 22px;
}
.dialog-toolbar[data-v-5ee4e4eb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.dialog-search-input[data-v-5ee4e4eb] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.dialog-select-all-btn[data-v-5ee4e4eb] {
  height: 36px;
  padding: 0 14px;
  border-color: #d9dee6;
  color: #4b5565;
}
.dialog-count[data-v-5ee4e4eb] {
  margin-bottom: 10px;
  color: #7c8696;
  font-size: 12px;
}
.dialog-count strong[data-v-5ee4e4eb] {
  color: #2f6feb;
  font-weight: 500;
}
.country-picker-list[data-v-5ee4e4eb] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  max-height: 260px;
  overflow-y: auto;
}
.country-picker-item[data-v-5ee4e4eb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 42px;
  padding: 0 10px;
  border: 1px solid #e7eaf0;
  border-radius: 5px;
  background: #fff;
  color: #3e495b;
  font-family: inherit;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
}
.country-picker-item[data-v-5ee4e4eb]:hover {
  border-color: #b8c9e8;
}
.country-picker-item.active[data-v-5ee4e4eb] {
  border-color: #2f6feb;
}
.country-picker-item[data-v-5ee4e4eb]:focus-visible {
  outline: 2px solid #2f6feb;
  outline-offset: 2px;
}
.country-picker-name[data-v-5ee4e4eb] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.country-picker-name em[data-v-5ee4e4eb] {
  display: none;
}
.country-picker-meta[data-v-5ee4e4eb] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-left: 8px;
}
.country-picker-currency[data-v-5ee4e4eb] {
  color: #8a93a3;
  font-size: 12px;
}
.country-picker-check[data-v-5ee4e4eb] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 14px;
  height: 14px;
  color: #2f6feb;
  font-size: 12px;
  line-height: 1;
}
.dialog-empty[data-v-5ee4e4eb] {
  grid-column: 1/-1;
  padding: 24px 0;
  color: #8a93a3;
  font-size: 13px;
  text-align: center;
}
.dialog-footer[data-v-5ee4e4eb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
}
.dialog-footer[data-v-5ee4e4eb]  .el-button + .el-button {
  margin-left: 0;
}
@media (max-width: 820px) {
.base-price-fields[data-v-5ee4e4eb] {
    grid-template-columns: minmax(100px, 0.75fr) minmax(0, 1fr);
    gap: 16px;
}
.pricing-section[data-v-5ee4e4eb]  .el-radio {
    margin-right: 16px;
}
.simple-table .table-head[data-v-5ee4e4eb], .simple-table .table-row[data-v-5ee4e4eb], .auto-table .table-head[data-v-5ee4e4eb], .auto-table .table-row[data-v-5ee4e4eb] {
    min-width: 510px;
}
}
@media (max-width: 560px) {
.localization-fields[data-v-5ee4e4eb] {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
}
.base-price-fields[data-v-5ee4e4eb] {
    grid-template-columns: 1fr;
}
}

.copy-workspace[data-v-73ed116a]{color:#30445f}.copy-workspace header[data-v-73ed116a],.copy-bar[data-v-73ed116a],.copy-workspace footer[data-v-73ed116a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:14px}.copy-workspace header[data-v-73ed116a]{color:#748298;border-bottom:1px solid #e2e8f0;padding-bottom:14px}.copy-workspace .active[data-v-73ed116a]{font-weight:600;color:#2865ca}.copy-bar[data-v-73ed116a]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 0}.copy-bar .el-input[data-v-73ed116a]{max-width:260px}.copy-scroll[data-v-73ed116a]{overflow:auto;max-height:52vh}.copy-scroll table[data-v-73ed116a]{width:100%;border-collapse:collapse}.copy-scroll th[data-v-73ed116a],.copy-scroll td[data-v-73ed116a]{padding:10px 12px;border-bottom:1px solid #e8edf3;text-align:left}.copy-scroll th[data-v-73ed116a]{position:sticky;top:0;background:#f4f6fa;color:#5c6e86;z-index:1}.copy-scroll small[data-v-73ed116a]{display:block;color:#65768c}.copy-scroll td[data-v-73ed116a]{vertical-align:top}.copy-locale[data-v-73ed116a]{display:grid;grid-template-columns:minmax(75px,135px) minmax(120px,1fr) 84px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin:5px 0}.copy-locale textarea[data-v-73ed116a]{font:inherit;padding:5px 8px;border-radius:4px;border:1px solid #d5deea}.copy-workspace footer[data-v-73ed116a]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:14px 0 0}.copy-workspace footer>span[data-v-73ed116a]{margin-right:auto}.copy-workspace footer .el-button[data-v-73ed116a]{margin:0}


.benefit-comparison-controls[data-v-0e88a991],.benefit-translation-link[data-v-0e88a991]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:16px}
.benefit-table-scroll[data-v-0e88a991]{max-height:55vh;overflow:auto}
table[data-v-0e88a991]{border-collapse:collapse;width:100%}
th[data-v-0e88a991],td[data-v-0e88a991]{padding:10px 14px;text-align:left;border:1px solid #e5e9ee}
thead th[data-v-0e88a991]{background:#f4f6fa;position:sticky;top:0}

.membership-workspace {
  --header-color: #035cc0;
  --sidebar-width: 230px;
  --page-background: #f5f6fa;
  --surface-color: #fff;
  --soft-surface: #f7f8fa;
  --text-color: #263244;
  --muted-color: #8a94a6;
  --panel-radius: 12px;
  --package-accent: #e55249;
  --card-ink: #243448;
  --card-muted: #65748b;
  --card-canvas: #f3f5f8;
  --card-link: #2f6feb;
}
/* ===== 标题与新建动作在首行，搜索筛选在列表上方左对齐 ===== */
.membership-workspace .package-manage-shell { -webkit-box-shadow: none; box-shadow: none;
}
.membership-workspace .package-toolbar { -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 76px; padding: 20px 24px; border-bottom: 0;
}
.membership-workspace .toolbar-title h1 { font-size: 20px; line-height: 28px;
}
.membership-workspace .toolbar-actions { gap: 10px;
}
.membership-workspace .toolbar-actions .el-button { height: 36px; padding: 0 16px !important; font-size: 14px;
}
.membership-workspace .package-filterbar { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 24px 20px;
}
.membership-workspace .toolbar-search { width: 320px;
}
.membership-workspace .toolbar-rank-select { width: 180px;
}
.membership-workspace .toolbar-select { width: 140px;
}
.membership-workspace .package-filterbar .el-input__inner { height: 32px; border-color: transparent; background: #f4f6fa; font-size: 14px; line-height: 32px;
}
.membership-workspace .package-filterbar .el-input__icon { line-height: 32px;
}
.membership-workspace .package-filterbar .el-input__inner:hover { background: #eef1f6;
}
.membership-workspace .package-filterbar .el-input__inner:focus { background: #fff; border-color: #409eff;
}
.membership-workspace .filter-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; gap: 10px;
}
.membership-workspace .filter-actions .el-button { min-width: 84px; height: 32px; padding: 0 16px !important; border: 0; border-radius: 4px; font-size: 14px;
}
.membership-workspace .filter-actions .el-button > span { font-size: 14px; line-height: 20px;
}
.membership-workspace .filter-actions .el-button + .el-button { margin-left: 0;
}
.membership-workspace .query-button { background: #2f6feb; color: #fff;
}
.membership-workspace .query-button:hover,
.membership-workspace .query-button:focus { background: #245dd0; color: #fff;
}
.membership-workspace .reset-button { background: #edf0f5; color: #52647d;
}
.membership-workspace .reset-button:hover,
.membership-workspace .reset-button:focus { background: #e2e7ef; color: #334a69;
}
.membership-workspace .filter-actions .el-button:focus-visible { outline: 2px solid #409eff; outline-offset: 3px;
}
.membership-workspace .package-workbench,
.membership-workspace .package-content { background: var(--surface-color);
}
.membership-workspace .package-content { padding: 0 24px 28px;
}
.membership-workspace .package-grid { gap: 16px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 18px; border-radius: 12px; background: #f3f5f8;
}
.membership-workspace .package-sort-item,
.membership-workspace .create-card { width: calc((100% - 32px) / 3);
}
/* 四行卡片：名称 / 功能摘要 / 适用系列 / 价格与状态。样式集中在此，避免多层覆盖。 */
.membership-workspace .package-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  min-height: 224px;
  padding: 24px;
  border: 0;
  border-radius: 8px;
  background: #fff;
  color: var(--card-ink);
  font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
  font-size: 14px;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: default;
}
.membership-workspace .card-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 0; -ms-flex: 0 0 26px; flex: 0 0 26px; gap: 12px; margin: 0;
}
.membership-workspace .title-wrap { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0;
}
.membership-workspace .package-name { margin: 0; overflow: hidden; color: var(--card-ink); font-size: 18px; font-weight: 600; line-height: 26px; text-overflow: ellipsis; white-space: nowrap;
}
.membership-workspace .package-title-action { display: inline-block; max-width: 100%; padding: 0; overflow: hidden; border: 0; background: transparent; color: inherit; font: inherit; line-height: inherit; text-align: left; text-overflow: ellipsis; vertical-align: top; white-space: nowrap; cursor: pointer;
}
.membership-workspace .package-title-action:hover { color: var(--card-link); text-decoration: underline; text-underline-offset: 4px;
}
.membership-workspace .head-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0;
}
.membership-workspace .package-inline-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px 12px; min-width: 0; max-width: 100%;
}
.membership-workspace .package-inline-action { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 28px; padding: 0; border: 0; background: transparent; color: #3569b6; font-family: inherit; font-size: 13px; line-height: 20px; white-space: nowrap; cursor: pointer;
}
.membership-workspace .package-inline-action.is-danger { color: #c2525d;
}
.membership-workspace .package-inline-action:hover { text-decoration: underline; text-underline-offset: 3px;
}
.membership-workspace .package-inline-action:focus-visible { outline: 2px solid #8fb5ff; outline-offset: 3px;
}
.membership-workspace .card-actions-trigger { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 6px; height: 28px; padding: 0 6px; border: 0; border-radius: 4px; background: transparent; color: var(--card-muted); font-size: 14px; line-height: 20px; cursor: pointer;
}
.membership-workspace .card-actions-trigger i { font-size: 12px;
}
.membership-workspace .card-actions-trigger:hover,
.membership-workspace .card-actions-trigger[aria-expanded="true"] { background: #edf3ff; color: #3569b6;
}
.membership-workspace .card-actions-trigger[aria-expanded="true"] i { -webkit-transform: rotate(180deg); transform: rotate(180deg);
}
.membership-workspace .feature-summary { min-width: 0; color: var(--card-muted); font-size: 14px; line-height: 22px;
}
.membership-workspace .benefit-preview { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 6px; min-width: 0; overflow: hidden;
}
.membership-workspace .benefit-brief { min-width: 0;
}
.membership-workspace .benefit-preview-item { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.membership-workspace .benefit-preview-item + .benefit-preview-item::before { content: '·'; margin-right: 6px; color: #99a4b5;
}
.membership-workspace .benefit-toggle { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 4px; min-height: 24px; margin-top: 3px; padding: 0; border: 0; background: transparent; color: #3569b6; font-family: inherit; font-size: 12px; line-height: 20px; cursor: pointer;
}
.membership-workspace .benefit-toggle:hover { color: #2456a0; text-decoration: underline; text-underline-offset: 3px;
}
.membership-workspace .benefit-toggle:focus-visible { outline: 2px solid #8fb5ff; outline-offset: 3px;
}
.package-benefits-layer.el-dialog__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 24px 16px;
}
.package-benefits-dialog { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; max-height: calc(100vh - 48px); margin: 0 !important; border-radius: 10px;
}
.package-benefits-dialog .el-dialog__header { -ms-flex-negative: 0; flex-shrink: 0; padding: 20px 24px 16px;
}
.membership-workspace .benefits-dialog-heading h2 { margin: 0; color: #26364a; font-size: 18px; font-weight: 600; line-height: 26px;
}
.membership-workspace .benefits-dialog-heading p { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 6px 14px; max-width: calc(100% - 24px); margin: 6px 0 0; color: #65748b; font-size: 13px; line-height: 22px; overflow-wrap: anywhere;
}
.membership-workspace .benefits-dialog-heading p > span { color: #8994a5;
}
.package-benefits-dialog .el-dialog__body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-height: 0; overflow-y: auto; padding: 0 24px;
}
.membership-workspace .benefits-dialog-content:focus-visible { outline: 2px solid #b6cef5; outline-offset: 4px;
}
.membership-workspace .benefit-group-table { width: 100%; table-layout: fixed; border-collapse: collapse; text-align: left; font-size: 13px; line-height: 22px;
}
.membership-workspace .benefit-function-column { width: 112px;
}
.membership-workspace .benefit-config-column { width: 144px;
}
.membership-workspace .benefit-group-table thead { position: sticky; top: 0; z-index: 1; background: #f5f7fa;
}
.membership-workspace .benefit-group-table thead th { padding: 7px 12px; color: #8490a2; font-size: 12px; font-weight: 400;
}
.membership-workspace .benefit-group-table tbody th, .membership-workspace .benefit-group-table tbody td { padding: 9px 12px; vertical-align: top; text-align: left; overflow-wrap: anywhere;
}
.membership-workspace .benefit-group-table tbody + tbody { border-top: 1px solid #edf0f5;
}
.membership-workspace .benefit-group-table .benefit-group-name { color: #33455e; font-weight: 600;
}
.membership-workspace .benefit-group-table .benefit-config-name { color: #7a879b; font-weight: 400;
}
.membership-workspace .benefit-group-table .benefit-config-value { color: #34465e; font-variant-numeric: tabular-nums;
}
.package-benefits-dialog .el-dialog__footer { -ms-flex-negative: 0; flex-shrink: 0; padding: 16px 24px 20px;
}
@media (max-width: 600px) {
.membership-workspace .benefit-function-column { width: 22%;
}
.membership-workspace .benefit-config-column { width: 28%;
}
.membership-workspace .benefit-group-table tbody th, .membership-workspace .benefit-group-table tbody td, .membership-workspace .benefit-group-table thead th { padding-left: 8px; padding-right: 8px;
}
}
.membership-workspace .benefits-dialog-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;
}
.membership-workspace .benefits-dialog-actions .el-button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 76px; height: 36px; padding: 0 18px; border-color: #dce3ed; border-radius: 5px; color: #52647d; font-size: 14px; line-height: 20px;
}
.membership-workspace .plan-rank { display: grid; gap: 2px; min-width: 0; color: #52647d; font-size: 14px; line-height: 22px;
}
.membership-workspace .plan-rank small { color: #65748b; font-size: 12px; line-height: 18px;
}
.membership-workspace .price-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 6px; min-width: 0;
}
.membership-workspace .price-main strong { color: var(--card-ink); font-size: 28px; font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: -.5px; line-height: 36px;
}
.membership-workspace .price-main strong.is-free { font-size: 26px; letter-spacing: 0;
}
.membership-workspace .price-main > span { color: var(--card-muted); font-size: 14px; white-space: nowrap;
}
.membership-workspace .package-status { -ms-flex-negative: 0; flex-shrink: 0; height: 28px; min-width: 70px; padding: 0 12px; border: 0; border-radius: 4px; font-size: 14px; font-weight: 400; line-height: 28px; text-align: center;
}
.membership-workspace .package-status.el-tag--success { background: #eaf5ee; color: #25734d;
}
.membership-workspace .package-status.el-tag--info { background: #eef1f5; color: #5f6b7b;
}
.membership-workspace .package-title-action:focus-visible,
.membership-workspace .card-actions-trigger:focus-visible,
.membership-workspace .create-card:focus-visible { outline: 2px solid #409eff; outline-offset: 3px;
}
.membership-workspace .create-card { width: 100%; min-height: 220px; border: 0; border-radius: 8px; background: #fff;
}
.membership-workspace .create-card:hover { background: #fcfdff; -webkit-box-shadow: none; box-shadow: none;
}
.membership-workspace .create-card i { color: #409eff;
}
.membership-workspace .tags-view-container { -webkit-box-shadow: none; box-shadow: none;
}
/* 右上角使用明确的操作入口；菜单字号、行高和图标统一。 */
.package-actions-menu.el-dropdown-menu { min-width: 140px; padding: 6px; border: 0; border-radius: 8px; -webkit-box-shadow: 0 8px 28px rgba(30, 51, 83, .15); box-shadow: 0 8px 28px rgba(30, 51, 83, .15);
}
.package-actions-menu .popper__arrow { display: none;
}
.package-actions-menu .el-dropdown-menu__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; padding: 0 12px; border-radius: 4px; color: #46566e; font-size: 14px; line-height: 36px;
}
.package-actions-menu .el-dropdown-menu__item i { margin: 0; color: #75849a; font-size: 16px;
}
.package-actions-menu .el-dropdown-menu__item:hover,
.package-actions-menu .el-dropdown-menu__item:focus { background: #edf3ff; color: #3569b6;
}
.package-actions-menu .dropdown-danger { margin-top: 4px; color: #c34b48;
}
.package-actions-menu .dropdown-danger i { color: inherit;
}
.package-actions-menu .dropdown-danger:hover,
.package-actions-menu .dropdown-danger:focus { background: #fff1f0; color: #b73c38;
}
/* 系列数量多时使用可搜索浮层，卡片本身始终只保留两项预览。 */
/* 隐藏原生和 Element UI 滚动条；保留滚轮、触控和键盘滚动。 */
.membership-workspace * { scrollbar-width: none; -ms-overflow-style: none;
}
.membership-workspace *::-webkit-scrollbar { display: none; width: 0; height: 0;
}
.membership-workspace .el-scrollbar__bar { display: none !important;
}
@media (max-width: 1360px) {
.membership-workspace .package-sort-item { width: calc((100% - 16px) / 2);
}
}
@media (max-width: 1200px) {
.membership-workspace .package-toolbar { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px;
}
.membership-workspace .toolbar-actions { -ms-flex-wrap: wrap; flex-wrap: wrap;
}
}
@media (max-width: 960px) {
.membership-workspace .package-manage-shell { height: calc(100vh - 130px) !important; overflow: hidden;
}
.membership-workspace .package-workbench { display: -webkit-box; display: -ms-flexbox; display: flex;
}
.membership-workspace .package-content { overflow-y: auto;
}
.membership-workspace .toolbar-actions { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 0;
}
.membership-workspace .toolbar-search { width: 210px;
}
.membership-workspace .package-filterbar .toolbar-search { width: 100%;
}
.membership-workspace .package-filterbar .el-select { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 120px;
}
.membership-workspace .package-editor-view .basic-grid,
  .membership-workspace .package-editor-view .source-row { grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 700px) {
.membership-workspace .package-sort-item,
  .membership-workspace .create-card { width: 100%;
}
.membership-workspace .toolbar-actions { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;
}
.membership-workspace .toolbar-search { width: 100%;
}
}
@media (prefers-reduced-motion: reduce) {
.membership-workspace .package-card { -webkit-transition: none; transition: none;
}
}
/* ===== 套餐分步界面：在后台当前内容区域切换，步骤与操作区固定 ===== */
.membership-workspace .package-manage-shell.is-editing { background: #fff;
}
.membership-workspace .package-editor-view.package-wizard { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; min-height: 0; overflow: hidden;
}
.membership-workspace .package-wizard { --editor-ink: #26364a; --editor-muted: #778395; --editor-blue: #2563eb; --editor-line: #e7ebf1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; min-height: 0; background: #fff; color: var(--editor-ink); font-family: 'Microsoft YaHei UI', 'PingFang SC', 'Segoe UI', sans-serif; font-size: 14px;
}
.membership-workspace .wizard-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 68px; padding: 16px 28px;
}
.membership-workspace .wizard-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; min-width: 0;
}
.membership-workspace .wizard-heading h1 { margin: 0; color: #22314a; font-size: 22px; font-weight: 600; line-height: 30px; outline: none;
}
.membership-workspace .wizard-progress { -ms-flex-negative: 0; flex-shrink: 0; color: #8a95a5; font-size: 13px; font-variant-numeric: tabular-nums;
}
.membership-workspace .wizard-back { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 6px; -ms-flex-negative: 0; flex-shrink: 0; height: 32px; padding: 0 12px; border: 0; border-radius: 5px; background: #edf1f7; color: #465b78; font: inherit; line-height: 22px; cursor: pointer;
}
.membership-workspace .wizard-back:not(:disabled):hover { background: #e3eaf4; color: #2f6feb;
}
.membership-workspace .wizard-back:disabled { background: #f4f6f9; color: #a5afbe; cursor: default;
}
.membership-workspace .wizard-steps { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; gap: 32px; padding: 0 28px; border-bottom: 1px solid var(--editor-line);
}
.membership-workspace .wizard-step { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; max-width: 244px; min-width: 0; padding: 8px 0 14px; border: 0; border-radius: 0; background: transparent; color: #778395; font-size: 14px; text-align: left; white-space: nowrap; cursor: pointer;
}
.membership-workspace .wizard-step-number { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 24px; height: 24px; border-radius: 50%; background: #f2f4f7; color: #778395; font-size: 12px; font-weight: 500;
}
.membership-workspace .wizard-step.is-active { background: transparent; color: #255fce; font-weight: 600;
}
.membership-workspace .wizard-step.is-active::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: var(--editor-blue); content: '';
}
.membership-workspace .wizard-step.is-active .wizard-step-number { background: #2f6feb; color: #fff;
}
.membership-workspace .wizard-step.is-complete { color: #334c70;
}
.membership-workspace .wizard-step.is-complete .wizard-step-number { background: #f2f5fa; color: #63738a;
}
.membership-workspace .wizard-step:not(:disabled):hover { background: transparent; color: #255fce;
}
.membership-workspace .wizard-step:disabled { color: #8793a5; cursor: default;
}
.membership-workspace .wizard-workspace { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; background: #fff;
}
.membership-workspace .wizard-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; min-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 28px; overflow: visible; outline: none;
}
.membership-workspace .has-reference .wizard-body { padding-right: 32px;
}
.membership-workspace .wizard-panel { max-width: 880px; margin: 0 auto; padding: 0; border-radius: 0; background: transparent;
}
.membership-workspace .wizard-basic-panel > div + div { margin-top: 28px;
}
.membership-workspace .package-wizard .basic-grid { grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
}
.membership-workspace .package-wizard .package-name-field { grid-column: 1 / -1;
}
.membership-workspace .package-wizard .package-name-field .el-input { max-width: 600px;
}
.membership-workspace .wizard-sales-panel > div + div { margin-top: 24px;
}
.membership-workspace .wizard-error { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 8px; margin-bottom: 18px; padding: 12px 16px; border-radius: 6px; background: #fff2ef; color: #b44839; font-size: 14px; line-height: 22px;
}
.membership-workspace .wizard-error i { -ms-flex-negative: 0; flex-shrink: 0; margin-top: 3px; font-size: 16px;
}
.membership-workspace .package-wizard .section-card { padding: 0; border: 0; border-radius: 0; background: transparent; -webkit-box-shadow: none; box-shadow: none;
}
.membership-workspace .package-wizard .section-heading { margin-bottom: 18px;
}
.membership-workspace .package-wizard .section-heading h3 { margin: 0 0 6px; padding-left: 0; color: #26364a; font-size: 18px; font-weight: 600; line-height: 26px;
}
.membership-workspace .package-wizard .section-heading h3::before { display: none;
}
.membership-workspace .package-wizard .section-heading p { padding-left: 0; color: #778395; font-size: 13px; line-height: 22px;
}
.membership-workspace .package-wizard .free-package-copy strong,
.membership-workspace .package-wizard .gift-package-copy strong,
.membership-workspace .package-wizard .free-package-copy span,
.membership-workspace .package-wizard .gift-package-copy span { font-size: 14px; line-height: 22px;
}
.membership-workspace .package-wizard .wizard-form .el-form-item__label,
.membership-workspace .package-wizard .wizard-form .form-field > label { color: #3c4d66; font-size: 14px !important;
}
.membership-workspace .package-wizard .wizard-form .el-form-item { margin-bottom: 0 !important;
}
/* Element 的清除浮动伪元素会在表单项的 grid 布局中占据两行。 */
.membership-workspace .package-wizard .el-form-item::before,
.membership-workspace .package-wizard .el-form-item::after { display: none;
}
.membership-workspace .package-wizard .el-input__inner,
.membership-workspace .package-wizard .el-textarea__inner { font-size: 14px;
}
.membership-workspace .package-wizard .el-input__inner { min-height: 36px; border-color: #dfe4eb; border-radius: 5px; color: #26364a; line-height: 36px !important;
}
.membership-workspace .package-wizard .el-input-number { line-height: 36px;
}
.membership-workspace .package-wizard .package-option-row { min-height: 44px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 8px 0;
}
.membership-workspace .package-wizard .package-option-row > div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 3px 12px;
}
.membership-workspace .package-wizard .package-option-row > div > span { color: #778395; font-size: 13px;
}
.membership-workspace .package-wizard .el-input__inner:focus,
.membership-workspace .package-wizard .el-textarea__inner:focus { border-color: #2f6feb;
}
.membership-workspace .package-wizard .el-switch.is-checked .el-switch__core { border-color: #2f6feb !important; background: #2f6feb !important;
}
.membership-workspace .package-wizard .el-button > span { font-size: 14px;
}
/* 后台全局样式为 .el-button 设置了 !important 内边距；定高按钮统一用 flex 居中。 */
.membership-workspace .toolbar-actions .el-button,
.membership-workspace .filter-actions .el-button,
.membership-workspace .package-wizard .el-button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1;
}
.membership-workspace .toolbar-actions .el-button > span,
.membership-workspace .filter-actions .el-button > span,
.membership-workspace .package-wizard .el-button > span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 20px;
}
.membership-workspace .toolbar-actions .el-button [class*="el-icon-"] + span,
.membership-workspace .filter-actions .el-button [class*="el-icon-"] + span,
.membership-workspace .package-wizard .el-button [class*="el-icon-"] + span { margin-left: 0;
}
.membership-workspace .package-wizard .el-button { min-height: 32px; padding: 6px 12px !important;
}
.membership-workspace .package-wizard .el-button--primary { border-color: #2f6feb; background: #2f6feb;
}
.membership-workspace .package-wizard .free-package-card,
.membership-workspace .package-wizard .gift-package-card,
.membership-workspace .package-wizard .source-card,
.membership-workspace .package-wizard .translation-card,
.membership-workspace .package-wizard .tuning-card { border: 0; background: #f5f7fb;
}
.membership-workspace .package-wizard .free-package-card.active,
.membership-workspace .package-wizard .gift-package-card.active { border-color: transparent; background: #eef4ff;
}
.membership-workspace .package-wizard #section-features .section-card { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px;
}
.membership-workspace .package-wizard #section-features .section-heading { grid-column: 1 / -1; margin-bottom: 4px;
}
.membership-workspace .package-wizard #section-features .feature-section-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 12px;
}
.membership-workspace .package-wizard #section-features .feature-section-heading h3 { margin: 0;
}
.membership-workspace .package-wizard .add-feature-button { height: 32px; padding: 0 12px !important; border: 0; border-radius: 5px; background: #edf3ff; color: #2f6feb;
}
.membership-workspace .package-wizard .add-feature-button:not(:disabled):hover,
.membership-workspace .package-wizard .add-feature-button[aria-expanded="true"] { background: #dfeaff; color: #245dd0;
}
.membership-workspace .package-wizard .add-feature-button:disabled { background: #f1f3f7; color: #8a96a8;
}
.membership-workspace .feature-empty { grid-column: 1 / -1; padding: 28px 20px; border-radius: 6px; background: #f7f8fb; color: #6a7890; font-size: 14px; line-height: 22px; text-align: center;
}
.membership-workspace .feature-remove { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 30px; padding: 0 10px; border: 1px solid #dfe5ed; border-radius: 5px; background: #fff; color: #68788e; font: inherit; font-size: 13px; line-height: 20px; white-space: nowrap; cursor: pointer;
}
.membership-workspace .feature-remove i { font-size: 14px;
}
.membership-workspace .feature-remove:not(:disabled):hover { border-color: #efcec9; color: #bd5147; background: #fff4f2;
}
.membership-workspace .feature-remove:disabled { border-color: #e9edf2; background: #f7f8fa; color: #a5afbe; cursor: default;
}
/* 功能选择使用独立二级弹窗，勾选只修改暂存选择，确认后统一添加。 */
.feature-selection-backdrop { background: #17243b; opacity: .22;
}
.feature-selection-layer.el-dialog__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.feature-selection-dialog.el-dialog { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: min(600px, calc(100% - 40px)) !important; max-height: calc(100vh - 48px); margin: 24px auto !important; overflow: hidden; border-radius: 12px; background: #fff; -webkit-box-shadow: 0 24px 72px rgba(16, 36, 68, .22); box-shadow: 0 24px 72px rgba(16, 36, 68, .22); font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
}
.feature-selection-dialog .el-dialog__header { -ms-flex-negative: 0; flex-shrink: 0; padding: 24px 24px 0;
}
.feature-selection-dialog .feature-dialog-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px;
}
.feature-selection-dialog .feature-dialog-heading h3 { margin: 0; color: #243448; font-size: 20px; font-weight: 600; line-height: 28px;
}
.feature-selection-dialog .feature-dialog-close { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 5px; background: transparent; color: #75849a; font-size: 18px; cursor: pointer;
}
.feature-selection-dialog .feature-dialog-close:hover { background: #f1f4f8; color: #344b6a;
}
.feature-selection-dialog .el-dialog__body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 0; padding: 12px 24px 24px; overflow-y: auto; overscroll-behavior: contain;
}
.feature-selection-dialog .feature-dialog-hint { margin: 0 0 20px; color: #6a7890; font-size: 14px; line-height: 22px;
}
.feature-selection-dialog .feature-dialog-options { display: grid; gap: 8px;
}
.feature-selection-dialog .feature-dialog-option.el-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: auto; min-height: 74px; margin: 0; padding: 12px 16px; border-radius: 6px; background: #f5f7fb; color: #344b6a; white-space: normal;
}
.feature-selection-dialog .feature-dialog-option:hover { background: #eef2f8;
}
.feature-selection-dialog .feature-dialog-option.is-picked { background: #edf3ff; color: #285fc1;
}
.feature-selection-dialog .el-checkbox__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; min-width: 0; padding-left: 12px; color: inherit; font-size: 14px; line-height: 24px;
}
.feature-selection-dialog .feature-dialog-option.is-picked .el-checkbox__label { color: #285fc1;
}
.feature-selection-dialog .el-checkbox__label i { color: #637b9c; font-size: 18px;
}
.feature-selection-dialog .el-checkbox__input.is-checked .el-checkbox__inner { border-color: #2f6feb; background: #2f6feb;
}
.feature-selection-dialog .el-checkbox__input.is-focus .el-checkbox__inner { border-color: #2f6feb;
}
.feature-selection-dialog .el-dialog__footer { -ms-flex-negative: 0; flex-shrink: 0; padding: 0 24px 24px;
}
.feature-selection-dialog .feature-dialog-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 16px;
}
.feature-selection-dialog .feature-dialog-count { color: #6a7890; font-size: 14px; line-height: 22px;
}
.feature-selection-dialog .feature-dialog-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px;
}
.feature-selection-dialog .el-button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 80px; height: 36px; padding: 0 16px !important; border: 0; border-radius: 5px; line-height: 1;
}
.feature-selection-dialog .el-button > span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; line-height: 20px;
}
.feature-selection-dialog .el-button + .el-button { margin-left: 0;
}
.feature-selection-dialog .feature-dialog-secondary { background: #edf1f7; color: #465b78;
}
.feature-selection-dialog .feature-dialog-secondary:hover { background: #e3eaf4; color: #344b6a;
}
.feature-selection-dialog .feature-dialog-primary { background: #2f6feb; color: #fff;
}
.feature-selection-dialog .feature-dialog-primary:not(:disabled):hover { background: #245dd0;
}
.feature-selection-dialog .feature-dialog-primary:disabled { background: #b4cafa; color: #fff;
}
.feature-selection-dialog .feature-dialog-close:focus-visible,
.feature-selection-dialog .el-button:focus-visible,
.feature-selection-dialog .feature-dialog-option:focus-within { outline: 2px solid #8fb5ff; outline-offset: 2px;
}
.membership-workspace .feature-remove:focus-visible { outline: 2px solid #8fb5ff; outline-offset: 1px;
}
@media (max-width: 480px) {
.feature-selection-dialog .el-dialog__header { padding: 20px 20px 0;
}
.feature-selection-dialog .el-dialog__body { padding: 12px 20px 20px;
}
.feature-selection-dialog .el-dialog__footer { padding: 0 20px 20px;
}
.feature-selection-dialog .feature-dialog-count { -ms-flex-negative: 0; flex-shrink: 0;
}
.feature-selection-dialog .el-button { min-width: 64px; padding: 0 12px !important;
}
}
.membership-workspace .package-wizard #section-features .feature-card { min-width: 0; margin: 0; padding: 18px; border: 0; border-radius: 6px; background: #f7f8fa; -webkit-box-shadow: none; box-shadow: none;
}
.membership-workspace .package-wizard #section-features .feature-card.active { grid-column: 1 / -1;
}
.membership-workspace .package-wizard .feature-card:not(.active) .feature-head { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0;
}
.membership-workspace .package-wizard .feature-title p { color: #6a7890; font-size: 14px; line-height: 20px;
}
.membership-workspace .package-wizard .feature-title .feature-icon { background: transparent; color: #637b9c;
}
.membership-workspace .package-wizard #section-features .feature-configuration > .form-field { display: block; margin-bottom: 0 !important;
}
.membership-workspace .package-wizard #section-features .feature-configuration > .form-field > .el-form-item__label { float: none; display: block; height: auto; padding: 0; margin: 0 0 8px; line-height: 22px; text-align: left;
}
.membership-workspace .package-wizard #section-features .dialog-mode-panel { padding: 0; border-radius: 0; background: transparent;
}
.membership-workspace .package-wizard #section-features .dialog-mode-summary { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 4px 10px;
}
.membership-workspace .package-wizard #section-features .dialog-mode-summary > span { height: auto; padding: 0; background: transparent; color: #52647d; line-height: 22px;
}
.membership-workspace .package-wizard #section-features .dialog-mode-summary > em { margin-left: 0; line-height: 22px;
}
.membership-workspace .package-wizard #section-features .mode-button.active { border-color: #a9c0ef; background: #f5f8ff; color: #2563eb;
}
.membership-workspace .package-wizard #section-features .remote-feature-list { border-radius: 0; background: transparent;
}
.membership-workspace .package-wizard #section-features .remote-feature-icon { background: transparent; color: #637b9c;
}
.membership-workspace .package-wizard .remote-feature-list,
.membership-workspace .package-wizard .dialog-mode-panel,
.membership-workspace .package-wizard .price-table,
.membership-workspace .package-wizard .price-info,
.membership-workspace .package-wizard .remote-feature-row + .remote-feature-row,
.membership-workspace .package-wizard .table-row,
.membership-workspace .package-wizard .language-tabs { border: 0;
}
.membership-workspace .package-wizard .strategy-card { border-color: transparent; background: #f5f7fb;
}
.membership-workspace .package-wizard .strategy-card.active { border-color: transparent; background: #edf3ff;
}
.membership-workspace .package-wizard .strategy-card.active strong,
.membership-workspace .package-wizard .language-tab.active,
.membership-workspace .package-wizard .filter-btn.active { border-color: transparent; color: #2f6feb;
}
.membership-workspace .package-wizard .strategy-card.active .radio-dot { border-color: #2f6feb;
}
.membership-workspace .package-wizard .strategy-card.active .radio-dot::after { background: #2f6feb;
}
.membership-workspace .package-wizard #section-copywriting .section-card { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; -webkit-box-align: start; -ms-flex-align: start; align-items: start;
}
.membership-workspace .package-wizard #section-copywriting .section-heading { grid-column: 1 / -1; margin-bottom: 4px;
}
.membership-workspace .package-wizard #section-copywriting .source-card,
.membership-workspace .package-wizard #section-copywriting .translation-card { min-width: 0; margin: 0; padding: 0; background: transparent;
}
.membership-workspace .package-wizard #section-copywriting .source-row { display: block;
}
.membership-workspace .package-wizard #section-copywriting .source-card { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px;
}
.membership-workspace .package-wizard #section-copywriting .source-head,
.membership-workspace .package-wizard #section-copywriting .source-card > .form-field:not(.el-form-item) { grid-column: 1 / -1;
}
.membership-workspace .package-wizard #section-copywriting .source-row .el-form-item { margin-bottom: 0;
}
.membership-workspace .package-wizard #section-copywriting .translation-toolbar { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;
}
.membership-workspace .package-wizard #section-copywriting .field-note { display: none;
}
.membership-workspace .package-wizard #section-copywriting .source-head p,
.membership-workspace .package-wizard #section-copywriting .translation-head p { color: #6a7890; font-size: 14px; line-height: 22px;
}
.membership-workspace .package-wizard #section-copywriting .translation-toolbar { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 12px;
}
.membership-workspace .package-wizard #section-copywriting .filter-group { -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.membership-workspace .package-wizard #section-copywriting .translation-actions { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 0;
}
.membership-workspace .package-wizard #section-copywriting .source-icon,
.membership-workspace .package-wizard #section-copywriting .translation-icon { background: #e9eff8; color: #637b9c;
}
.membership-workspace .package-wizard #section-copywriting .filter-group,
.membership-workspace .package-wizard #section-copywriting .filter-btn,
.membership-workspace .package-wizard #section-copywriting .filter-btn em { font-size: 14px;
}
.membership-workspace .package-wizard #section-copywriting .filter-btn em { color: inherit;
}
.membership-workspace .translation-language-row { display: grid; grid-template-columns: 72px minmax(0, 1fr); -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; margin: 18px 0;
}
.membership-workspace .translation-language-row > label { color: #3c4d66; font-size: 14px;
}
.membership-workspace .translation-language-picker { width: 100%;
}
.membership-workspace .language-option-status { float: right; margin-left: 20px; color: #75849a; font-size: 13px; font-weight: 400;
}
.membership-workspace .wizard-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 16px; min-height: 68px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 14px 28px; background: #fff; -webkit-box-shadow: 0 -1px 0 #edf0f4; box-shadow: 0 -1px 0 #edf0f4;
}
.membership-workspace .wizard-footer-leading { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px;
}
.membership-workspace .wizard-footer-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px;
}
.membership-workspace .package-wizard .wizard-footer .el-button { min-width: 88px; height: 38px; padding: 0 18px !important; border: 1px solid transparent; border-radius: 5px; font-size: 14px; line-height: 1;
}
.membership-workspace .package-wizard .wizard-footer-leading .el-button { min-width: 96px;
}
.membership-workspace .package-wizard .wizard-footer .el-button > span { font-size: 14px;
}
.membership-workspace .package-wizard .wizard-footer .el-button + .el-button { margin-left: 0;
}
.membership-workspace .package-wizard .wizard-primary { background: #2f6feb; color: #fff;
}
.membership-workspace .package-wizard .wizard-primary:hover { background: #245dd0;
}
.membership-workspace .package-wizard .wizard-secondary { background: #edf1f7; color: #465b78;
}
.membership-workspace .package-wizard .wizard-secondary:hover { background: #e3eaf4;
}
.membership-workspace .package-wizard .wizard-footer .wizard-cancel { border-color: #d8e1ed; background: #fff; color: #52647d;
}
.membership-workspace .package-wizard .wizard-footer .wizard-cancel:not(.is-disabled):not(.is-loading):hover { border-color: #b8c9e4; background: #f6f8fb; color: #465b78;
}
.membership-workspace .package-wizard .wizard-footer .wizard-draft { background: #edf3ff; color: #3569b6;
}
.membership-workspace .package-wizard .wizard-footer .wizard-draft:not(.is-disabled):not(.is-loading):hover { background: #dfeaff; color: #245dd0;
}
.membership-workspace .package-wizard .wizard-footer .el-button.is-disabled { border-color: #e8ecf2; background: #f4f6f9; color: #a5afbe;
}
.membership-workspace .wizard-back:focus-visible,
.membership-workspace .wizard-step:focus-visible,
.membership-workspace .package-wizard .el-button:focus-visible,
.membership-workspace .reference-heading button:focus-visible { outline: 2px solid #8fb5ff; outline-offset: 3px;
}
.membership-workspace .wizard-reference { position: sticky; top: 24px; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-flex: 0; -ms-flex: 0 0 264px; flex: 0 0 264px; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 0; margin: 28px 28px 28px 0; padding: 0 0 0 24px; overflow: visible; border-left: 1px solid var(--editor-line); border-radius: 0; background: transparent;
}
.membership-workspace .wizard-reference.is-flowing { position: static;
}
.membership-workspace .reference-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 12px; margin-bottom: 10px; color: #778395; font-size: 13px; line-height: 22px;
}
.membership-workspace .reference-heading button { padding: 0; border: 0; background: transparent; color: #2f6feb; font: inherit; cursor: pointer;
}
.membership-workspace .wizard-reference h3 { margin: 0 0 10px; color: #26364a; font-size: 17px; font-weight: 600; line-height: 26px; overflow-wrap: anywhere;
}
.membership-workspace .wizard-reference .reference-heading h3 { margin: 0;
}
.membership-workspace .reference-heading > button { -ms-flex-negative: 0; flex-shrink: 0; font-size: 12px;
}
.membership-workspace .reference-period { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 6px 12px; margin: 0; color: #52647d; font-size: 14px; line-height: 22px;
}
.membership-workspace .reference-period span { color: #2f6feb;
}
.membership-workspace .reference-gift { margin: 12px 0 0; color: #6a7890; font-size: 14px; line-height: 22px;
}
.membership-workspace .reference-group { margin-top: 14px;
}
.membership-workspace .reference-group h4 { margin: 0 0 8px; color: #6a7890; font-size: 14px; font-weight: 400; line-height: 22px;
}
.membership-workspace .reference-group h4 > span { margin-left: 6px; color: #52647d;
}
.membership-workspace .reference-features { margin: 0; font-size: 14px; line-height: 22px;
}
.membership-workspace .reference-features > div + div { margin-top: 12px;
}
.membership-workspace .reference-features dt { margin: 0 0 3px; color: #344b6a; font-weight: 600;
}
.membership-workspace .reference-features dd { margin: 0; color: #65748b; overflow-wrap: anywhere;
}
.membership-workspace .reference-group > p { margin: 0; color: #52647d; font-size: 14px; line-height: 24px; overflow-wrap: anywhere;
}
.wizard-exit-confirm.el-message-box { width: 420px; max-width: calc(100vw - 32px); border: 0; border-radius: 12px;
}
.wizard-exit-confirm .el-button--primary { border-color: #2f6feb; background: #2f6feb;
}
.membership-workspace .country-picker-list,
.membership-workspace .country-picker-item { border-color: transparent !important;
}
.membership-workspace .custom-dialog .el-dialog__header,
.membership-workspace .custom-dialog .el-dialog__footer { border: 0;
}
@media (max-width: 1100px) {
.membership-workspace .package-wizard .basic-grid { grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 760px) {
.membership-workspace .wizard-header { min-height: 68px; padding: 16px;
}
.membership-workspace .wizard-heading { gap: 12px;
}
.membership-workspace .wizard-heading h1 { font-size: 20px;
}
.membership-workspace .wizard-steps { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 16px 16px; overflow-x: auto;
}
.membership-workspace .wizard-step { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto;
}
.membership-workspace .wizard-workspace.has-reference { display: block; overflow-y: auto;
}
.membership-workspace .wizard-workspace.has-reference .wizard-body { min-height: 0; padding-right: 16px; overflow: visible;
}
.membership-workspace .wizard-body { padding: 16px;
}
.membership-workspace .wizard-reference { position: static; margin: 0 16px 16px; padding: 20px;
}
.membership-workspace .wizard-panel { padding: 20px;
}
.membership-workspace .wizard-footer { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 14px 16px;
}
.membership-workspace .wizard-footer-actions { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;
}
.membership-workspace .package-wizard .basic-grid,
  .membership-workspace .package-wizard .source-row { grid-template-columns: minmax(0, 1fr);
}
.membership-workspace .package-wizard #section-features .section-card { grid-template-columns: minmax(0, 1fr);
}
.membership-workspace .package-wizard #section-copywriting .section-card { grid-template-columns: minmax(0, 1fr);
}
.membership-workspace .package-wizard #section-copywriting .source-card { grid-template-columns: minmax(0, 1fr);
}
}
/* ===== 比较套餐：对齐权益与收费，保留明确的编辑入口 ===== */
.membership-workspace .package-toolbar { min-height: 70px; padding: 16px 24px;
}
.membership-workspace .copy-template-select { width: 190px;
}
.membership-workspace .copy-template-select .el-input__inner { height: 36px; padding-left: 12px; border-color: #dce4ef; color: #52647d; font-size: 14px; line-height: 36px;
}
.membership-workspace .copy-template-select .el-input__icon { line-height: 36px;
}
.membership-workspace .package-filterbar { gap: 10px; padding-bottom: 16px;
}
.membership-workspace .package-filterbar .toolbar-search { -webkit-box-flex: 1; -ms-flex: 1 1 220px; flex: 1 1 220px; width: 260px; max-width: 320px;
}
.membership-workspace .package-filterbar .toolbar-rank-select { width: 156px;
}
.membership-workspace .package-filterbar .toolbar-select { width: 116px;
}
.membership-workspace .list-view-switch { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 3px; margin-left: auto; padding: 3px; border-radius: 5px; background: #f1f4f8;
}
.membership-workspace .list-view-switch button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5px; height: 28px; padding: 0 9px; border: 0; border-radius: 3px; background: transparent; color: #718099; font-size: 13px; line-height: 20px; cursor: pointer;
}
.membership-workspace .list-view-switch button.active { background: #fff; color: #2f6feb; -webkit-box-shadow: 0 1px 4px rgba(32, 55, 89, .08); box-shadow: 0 1px 4px rgba(32, 55, 89, .08);
}
.membership-workspace .list-view-switch button:focus-visible { outline: 2px solid #8fb5ff; outline-offset: 3px;
}
.membership-workspace .storage-warning { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 8px; -ms-flex-negative: 0; flex-shrink: 0; margin: 0 24px 14px; padding: 10px 12px; border-radius: 5px; background: #fff6e7; color: #96611e; font-size: 13px; line-height: 21px;
}
.membership-workspace .storage-warning i { margin-top: 3px;
}
.membership-workspace .price-stack { min-width: 0;
}
.membership-workspace .package-card .price-main strong { font-size: 23px; letter-spacing: -.3px; line-height: 30px;
}
.membership-workspace .package-card .feature-summary { display: block; white-space: normal;
}
.membership-workspace .package-status.el-tag--warning { background: #fff3dc; color: #a16b19;
}
.membership-workspace .draft-updated { display: block; margin-top: 3px; color: #8692a5; font-size: 12px; line-height: 18px;
}
.membership-workspace .package-grid.package-list-table { --list-columns: minmax(140px, 1.05fr) minmax(110px, .85fr) 80px minmax(180px, 1.25fr) 64px minmax(192px, 1.35fr); display: block; padding: 0; border-radius: 7px; background: #fff;
}
.membership-workspace .package-list-table .package-table-head { position: sticky; top: 0; z-index: 2; display: grid; grid-template-columns: var(--list-columns); -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 42px; padding: 0 16px; border-radius: 6px 6px 0 0; background: #f3f6fa; color: #6a7890; font-size: 13px; line-height: 20px;
}
.membership-workspace .package-list-table .package-sort-item { width: 100%;
}
.membership-workspace .package-list-table .package-card.package-row { display: grid; grid-template-columns: var(--list-columns); -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; height: auto; min-height: 92px; padding: 16px; border-radius: 0; border-bottom: 1px solid #eef1f6; background: #fff;
}
.membership-workspace .package-list-table .package-row:hover { background: #fbfcfe;
}
.membership-workspace .package-list-table .package-row .card-head,
.membership-workspace .package-list-table .package-row .card-footer { display: contents;
}
.membership-workspace .package-list-table .package-row .title-wrap { grid-column: 1; grid-row: 1;
}
.membership-workspace .package-list-table .package-row .plan-rank { grid-column: 2; grid-row: 1;
}
.membership-workspace .package-list-table .package-row .feature-summary { grid-column: 3; grid-row: 1;
}
.membership-workspace .package-list-table .package-row .price-stack { grid-column: 4; grid-row: 1;
}
.membership-workspace .package-list-table .package-row .package-status { grid-column: 5; grid-row: 1; justify-self: start; min-width: 64px; height: 25px; padding: 0 8px; font-size: 12px; line-height: 25px;
}
.membership-workspace .package-list-table .package-row .head-actions { grid-column: 6; grid-row: 1; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; min-width: 0;
}
.membership-workspace .package-list-table .package-row .package-name { font-size: 15px; line-height: 23px;
}
.membership-workspace .package-list-table .package-row .package-title-action { white-space: normal; overflow-wrap: anywhere;
}
.membership-workspace .package-list-table .package-row .feature-summary { font-size: 13px; line-height: 21px;
}
.membership-workspace .package-list-table .benefit-toggle { margin-top: 0; font-size: 13px;
}
.membership-workspace .package-list-table .package-row .price-main { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 3px 7px;
}
.membership-workspace .package-list-table .package-row .price-main strong { font-size: 15px; letter-spacing: 0; line-height: 23px;
}
.membership-workspace .package-list-table .package-row .price-main > span { font-size: 12px;
}
.membership-workspace .package-list-table .package-row .card-actions-trigger { gap: 3px; padding: 0 2px; font-size: 13px;
}
.membership-workspace .package-list-empty { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 16px; min-height: 230px; padding: 28px; color: #6a7890;
}
.membership-workspace .package-list-empty > i { color: #aab8cc; font-size: 28px;
}
.membership-workspace .package-list-empty > strong { color: #52647d; font-size: 15px; font-weight: 500;
}
.membership-workspace .package-list-empty .el-button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 34px; padding: 7px 14px !important; border: 0; font-size: 14px; line-height: 20px;
}
/* 超宽屏保持可比较的阅读宽度，主信息共用首行，辅助信息留在第二行。 */
@media (min-width: 1600px) {
.membership-workspace .package-manage-shell:not(.is-editing) { -webkit-box-sizing: border-box; box-sizing: border-box; width: calc(100% - 48px); max-width: 1480px; margin-inline: auto;
}
.membership-workspace .package-grid.package-list-table { --list-columns: minmax(220px, 1.1fr) minmax(180px, 1fr) 104px 256px 80px 224px;
}
.membership-workspace .package-list-table .package-card.package-row { -webkit-box-align: start; -ms-flex-align: start; align-items: start; min-height: 88px;
}
.membership-workspace .package-list-table .package-row .title-wrap,
  .membership-workspace .package-list-table .package-row .plan-rank,
  .membership-workspace .package-list-table .package-row .feature-summary,
  .membership-workspace .package-list-table .package-row .price-stack,
  .membership-workspace .package-list-table .package-row .head-actions { min-width: 0;
}
.membership-workspace .package-list-table .package-row .package-name,
  .membership-workspace .package-list-table .package-row .price-main strong { line-height: 28px;
}
.membership-workspace .package-list-table .package-row .plan-rank,
  .membership-workspace .package-list-table .package-row .benefit-toggle,
  .membership-workspace .package-list-table .package-row .price-main { min-height: 28px;
}
.membership-workspace .package-list-table .package-row .package-status { margin-top: 2px;
}
.membership-workspace .package-list-table .package-row:not(.is-draft) .package-inline-actions { display: grid; grid-template-columns: 28px 28px 72px 28px; -webkit-column-gap: 12px; -moz-column-gap: 12px; column-gap: 12px;
}
.membership-workspace .package-list-table .package-row:not(.is-draft) .package-inline-action { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;
}
}
@media (max-width: 1360px) {
.membership-workspace .package-filterbar .toolbar-search { -ms-flex-preferred-size: 190px; flex-basis: 190px; max-width: 260px;
}
.membership-workspace .package-filterbar .toolbar-rank-select { width: 140px;
}
}
@media (max-width: 1180px) {
.membership-workspace .package-list-table .package-table-head { display: none;
}
.membership-workspace .package-list-table .package-card.package-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; gap: 10px 18px; padding: 16px 14px;
}
.membership-workspace .package-list-table .package-row .title-wrap { grid-column: 1 / 3; grid-row: 1;
}
.membership-workspace .package-list-table .package-row .head-actions { grid-column: 3; grid-row: 1;
}
.membership-workspace .package-list-table .package-row .plan-rank { grid-column: 1; grid-row: 2;
}
.membership-workspace .package-list-table .package-row .feature-summary { grid-column: 2 / 4; grid-row: 2;
}
.membership-workspace .package-list-table .package-row .price-stack { grid-column: 1 / 3; grid-row: 3;
}
.membership-workspace .package-list-table .package-row .package-status { grid-column: 3; grid-row: 3; justify-self: end;
}
.membership-workspace .package-filterbar .toolbar-search { max-width: none;
}
}
@media (max-width: 700px) {
.membership-workspace .package-toolbar { padding: 16px;
}
.membership-workspace .package-filterbar { padding: 0 16px 16px;
}
.membership-workspace .package-content { padding: 0 16px 16px;
}
.membership-workspace .package-filterbar .toolbar-search { -ms-flex-preferred-size: 100%; flex-basis: 100%;
}
.membership-workspace .list-view-switch { margin-left: 0;
}
.membership-workspace .copy-template-select { width: 174px;
}
.membership-workspace .package-list-table .package-card.package-row { grid-template-columns: minmax(0, 1fr) auto;
}
.membership-workspace .package-list-table .package-row .title-wrap { grid-column: 1 / -1;
}
.membership-workspace .package-list-table .package-row .head-actions { grid-column: 1 / -1; grid-row: 5;
}
.membership-workspace .package-list-table .package-row .plan-rank { grid-column: 1 / -1; grid-row: 2;
}
.membership-workspace .package-list-table .package-row .feature-summary { grid-column: 1 / -1; grid-row: 3;
}
.membership-workspace .package-list-table .package-row .price-stack { grid-column: 1; grid-row: 4;
}
.membership-workspace .package-list-table .package-row .package-status { grid-column: 2; grid-row: 4;
}
}
/* ===== 配置辅助：工作区统一滚动，检查项可定位，草稿状态保持安静 ===== */
.membership-workspace .package-wizard .language-enablement,
.membership-workspace .package-wizard .feature-template-toolbar { grid-column: 1 / -1;
}
.membership-workspace .package-wizard .feature-template-toolbar { margin-bottom: 0; font-size: 13px;
}
.membership-workspace .package-wizard .feature-template-button { min-height: 28px;
}
.feature-selection-dialog .feature-option-copy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3px; min-width: 0; white-space: normal;
}
.feature-selection-dialog .feature-option-copy strong { font-size: 14px; font-weight: 600; line-height: 22px;
}
.feature-selection-dialog .feature-option-copy small { color: #75849a; font-size: 12px; line-height: 20px; overflow-wrap: anywhere;
}
.feature-selection-dialog .feature-dialog-option .el-checkbox__label { -webkit-box-flex: 1; -ms-flex: 1; flex: 1;
}
.membership-workspace .package-wizard .source-card,
.membership-workspace .package-wizard .translation-card { border-radius: 6px;
}
.membership-workspace .package-wizard #section-copywriting .section-card { gap: 16px;
}
.membership-workspace .package-wizard #section-copywriting .source-card,
.membership-workspace .package-wizard #section-copywriting .translation-card { padding: 16px;
}
.membership-workspace .package-wizard #section-copywriting .source-head,
.membership-workspace .package-wizard #section-copywriting .translation-head { margin-bottom: 16px;
}
.membership-workspace .package-wizard .el-form-item { margin-bottom: 18px;
}
.membership-workspace .package-wizard .form-field > label,
.membership-workspace .package-wizard .el-form-item__label { padding-bottom: 6px; line-height: 22px;
}
.membership-workspace .wizard-header-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 10px;
}
.membership-workspace .draft-save-status { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; overflow: hidden; color: #6f8098; font-size: 12px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap;
}
.membership-workspace .draft-save-status.is-warning { color: #a16b19;
}
.membership-workspace .draft-save-status i { margin-right: 4px;
}
.membership-workspace .wizard-workspace.has-overflow::after { content: '⌄'; position: sticky; top: calc(100% - 38px); z-index: 3; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; width: 24px; height: 24px; margin-left: -28px; border-radius: 50%; background: rgba(255,255,255,.92); color: #71839c; font-size: 22px; line-height: 18px; text-align: center; -webkit-box-shadow: 0 2px 8px rgba(36,52,72,.08); box-shadow: 0 2px 8px rgba(36,52,72,.08); pointer-events: none;
}
.membership-workspace .configuration-review { margin-top: 24px;
}
.membership-workspace .review-section-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 12px; margin-bottom: 8px;
}
.membership-workspace .wizard-reference .review-section-heading h3 { margin: 0; color: #26364a; font-size: 14px; font-weight: 600; line-height: 24px;
}
.membership-workspace .review-section-heading > span { color: #8a95a5; font-size: 12px;
}
.membership-workspace .reference-ready { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; margin: 0; color: #65748b; font-size: 13px; line-height: 22px;
}
.membership-workspace .reference-ready > i { color: #678473;
}
.membership-workspace .reference-context { margin-top: 24px;
}
.membership-workspace .reference-context > summary { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 5px 8px; color: #63738a; font-size: 13px; line-height: 22px; list-style: none; cursor: pointer;
}
.membership-workspace .reference-context > summary::-webkit-details-marker { display: none;
}
.membership-workspace .reference-context > summary > small { color: #8a95a5; font-size: 12px;
}
.membership-workspace .reference-context > summary > i { margin-left: auto; font-size: 12px;
}
.membership-workspace .reference-context[open] > summary > i { -webkit-transform: rotate(180deg); transform: rotate(180deg);
}
.membership-workspace .reference-context > summary:focus-visible { outline: 2px solid #8fb5ff; outline-offset: 3px;
}
.membership-workspace .reference-context-body { padding-top: 16px;
}
.membership-workspace .change-summary { margin-top: 24px;
}
.membership-workspace .configuration-review > .change-summary:first-child { margin-top: 0;
}
.membership-workspace .change-item { margin-top: 14px;
}
.membership-workspace .change-label { display: block; margin-bottom: 4px; color: #778395; font-size: 12px; line-height: 20px;
}
.membership-workspace .change-values { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 2px 8px; color: #26364a; font-size: 13px; line-height: 22px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere;
}
.membership-workspace .change-before { color: #8a95a5; text-decoration: line-through; -webkit-text-decoration-color: #bac2cf; text-decoration-color: #bac2cf;
}
.membership-workspace .change-values > i { -ms-flex-negative: 0; flex-shrink: 0; color: #9da8b7; font-size: 12px;
}
.membership-workspace .change-values > strong { font-weight: 500;
}
.membership-workspace .more-changes { margin-top: 14px;
}
.membership-workspace .more-changes > summary { color: #456895; font-size: 12px; line-height: 24px; cursor: pointer;
}
.membership-workspace .reference-check-button:focus-visible,
.membership-workspace .more-changes > summary:focus-visible { outline: 2px solid #8fb5ff; outline-offset: 2px;
}
.membership-workspace .review-ack { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 16px; color: #52647d; font-size: 13px; line-height: 22px;
}
.membership-workspace .review-ack .el-checkbox__input { margin-top: 4px;
}
.membership-workspace .review-ack .el-checkbox__label { white-space: normal; color: inherit; font-size: inherit; line-height: inherit;
}
.membership-workspace .review-ack > input[type="checkbox"] { -ms-flex-negative: 0; flex-shrink: 0; width: 14px; height: 14px; margin: 4px 8px 0 0; accent-color: #2f6feb;
}
.membership-workspace .reference-checks { margin-top: 2px;
}
.membership-workspace .reference-check-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 12px; width: 100%; margin: 0; padding: 7px 0; border: 0; border-radius: 0; background: transparent; color: #a57529; font-family: inherit; font-size: 13px; line-height: 22px; text-align: left; cursor: pointer;
}
.membership-workspace .reference-check-button > span { min-width: 0; overflow-wrap: anywhere;
}
.membership-workspace .reference-check-button i { -ms-flex-negative: 0; flex-shrink: 0; color: #9ba7b7; font-size: 12px;
}
.membership-workspace .reference-check-button:hover { color: #2563eb;
}
.membership-workspace .reference-summary { margin-top: 16px; color: #657993; font-size: 13px; line-height: 22px; overflow-wrap: anywhere;
}
.membership-workspace .reference-summary > summary { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 6px; color: #516a8b; list-style: none; cursor: pointer;
}
.membership-workspace .reference-summary > summary::-webkit-details-marker { display: none;
}
.membership-workspace .reference-summary > summary > span { margin-left: auto; color: #8796aa; font-size: 12px;
}
.membership-workspace .reference-summary > summary::after { content: ''; -webkit-box-flex: 0; -ms-flex: 0 0 5px; flex: 0 0 5px; width: 5px; height: 5px; margin: 0 2px 3px 5px; border: solid #8a9ab0; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);
}
.membership-workspace .reference-summary[open] > summary::after { margin-bottom: 0; -webkit-transform: rotate(225deg); transform: rotate(225deg);
}
.membership-workspace .reference-summary > summary:focus-visible { outline: 2px solid #8fb5ff; outline-offset: 3px;
}
.membership-workspace .reference-summary > .reference-features { margin-top: 8px;
}
.membership-workspace .package-wizard .country-tag { border-color: transparent; background: #eef3fb; color: #465e7c;
}
.membership-workspace .package-wizard .country-tag:hover { background: #e3ecfa;
}
.membership-workspace .package-wizard .billing-row > span { border-color: transparent; background: #eef3fb; color: #3866ad;
}
.membership-workspace .reference-summary > p { margin: 6px 0;
}
.membership-workspace .reference-summary strong { color: #38516f; font-weight: 500;
}
.membership-workspace .package-wizard .field-label-note { margin-left: 6px; color: #8796aa; font-size: 12px; font-weight: 400;
}
.membership-workspace .package-wizard .pricing-section .price-table { border: 0; border-radius: 0;
}
.membership-workspace .package-wizard .pricing-section .table-row { border-top: 1px solid #eef0f3; background: #fff;
}
.membership-workspace .package-wizard .pricing-section .base-currency-field { width: 100%; max-width: none;
}
@media (max-width: 960px) {
.membership-workspace .wizard-reference { -ms-flex-preferred-size: 228px; flex-basis: 228px; margin-right: 20px; padding-left: 20px;
}
.membership-workspace .wizard-panel { padding: 0;
}
.membership-workspace .wizard-body { padding: 24px;
}
}
@media (max-width: 760px) {
.membership-workspace .wizard-header { min-height: 64px; padding: 14px 16px;
}
.membership-workspace .wizard-steps { gap: 16px; padding: 0 20px;
}
.membership-workspace .wizard-step { gap: 7px; font-size: 13px;
}
.membership-workspace .wizard-workspace.has-reference { display: block;
}
.membership-workspace .wizard-reference { position: static; margin: 0 24px 24px; padding: 20px 0 0; border-left: 0; border-top: 1px solid #e7ebf1;
}
.membership-workspace .wizard-workspace.has-overflow::after { display: none;
}
.membership-workspace .wizard-footer { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; padding: 12px 20px;
}
.membership-workspace .wizard-footer-actions { margin-left: auto;
}
.membership-workspace .draft-save-status { -ms-flex-preferred-size: 100%; flex-basis: 100%;
}
}
/* ===== 你后续的样式修改放在这里，取消注释并修改即可 ===== */
/* .membership-workspace .package-grid { gap: 20px; } */
/* .membership-workspace .package-card { border-radius: 12px; padding: 22px; } */
/* .membership-workspace .package-name { font-size: 17px; } */
/* .membership-workspace .package-editor-view .section-heading h3 { color: #111827; } */

.package-manage-shell[data-v-af617f0a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100vh - 130px) !important;
  min-height: calc(100vh - 130px) !important;
  margin: 10px 24px;
  padding: 0;
  overflow: hidden;
  background: #fff;
}
.package-list-view[data-v-af617f0a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 0;
}
.package-editor-view[data-v-af617f0a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow: hidden;
}
.package-manage-shell.is-editing[data-v-af617f0a] {
  background: #f7f8fa;
}
.package-toolbar[data-v-af617f0a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 18px;
  min-height: 64px;
  padding: 12px 24px;
}
.toolbar-title h1[data-v-af617f0a] {
  margin: 0;
  color: #111827;
  font-size: 16px;
  font-weight: 600;
}
.toolbar-actions[data-v-af617f0a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
  min-width: 0;
}
.toolbar-search[data-v-af617f0a] {
  width: 250px;
}
.toolbar-select[data-v-af617f0a] {
  width: 112px;
}
.page-alert[data-v-af617f0a] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 0;
}
.package-workbench[data-v-af617f0a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
}
.package-content[data-v-af617f0a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  overflow-y: auto;
}
.current-series-head[data-v-af617f0a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}
.current-series-head h2[data-v-af617f0a] {
  margin: 0;
  color: #111827;
  font-size: 15px;
  font-weight: 600;
}
.current-series-head span[data-v-af617f0a] {
  display: block;
  margin-top: 6px;
  color: #606266;
  font-size: 12px;
}
.pricing-note[data-v-af617f0a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #606266;
  font-size: 12px;
  white-space: nowrap;
}
.pricing-note i[data-v-af617f0a] {
  margin-right: 5px;
  color: #909399;
}
.package-grid[data-v-af617f0a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.package-sort-item[data-v-af617f0a] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc((100% - 32px) / 3);
  cursor: default;
}
.package-card-inner[data-v-af617f0a] {
  height: 100%;
}
.create-card[data-v-af617f0a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc((100% - 32px) / 3);
  min-height: 220px;
  border: 1px dashed #dcdfe6;
  border-radius: 8px;
  background: #fff;
  color: #606266;
  cursor: pointer;
  -webkit-transition: border-color 0.15s, color 0.15s, -webkit-box-shadow 0.15s;
  transition: border-color 0.15s, color 0.15s, -webkit-box-shadow 0.15s;
  transition: border-color 0.15s, color 0.15s, box-shadow 0.15s;
  transition: border-color 0.15s, color 0.15s, box-shadow 0.15s, -webkit-box-shadow 0.15s;
}
.create-card i[data-v-af617f0a] {
  margin-bottom: 10px;
  font-size: 28px;
  color: #6b7280;
}
.create-card strong[data-v-af617f0a] {
  color: #303133;
  font-size: 13px;
}
.create-card span[data-v-af617f0a] {
  margin-top: 8px;
  color: #909399;
  font-size: 11px;
}
.create-card[data-v-af617f0a]:hover, .create-card[data-v-af617f0a]:focus {
  border-color: #409eff;
  color: #409eff;
  outline: none;
  -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
          box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}
@media (max-width: 1360px) {
.package-sort-item[data-v-af617f0a],
.create-card[data-v-af617f0a] {
    width: calc((100% - 16px) / 2);
}
}
@media (max-width: 960px) {
.package-manage-shell[data-v-af617f0a] {
    height: auto !important;
    overflow: visible;
}
.package-toolbar[data-v-af617f0a],
.package-workbench[data-v-af617f0a],
.current-series-head[data-v-af617f0a] {
    display: block;
}
.toolbar-actions[data-v-af617f0a] {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 12px;
}
.package-content[data-v-af617f0a] {
    overflow: visible;
}
.pricing-note[data-v-af617f0a] {
    margin-top: 10px;
    white-space: normal;
}
}
@media (max-width: 640px) {
.package-sort-item[data-v-af617f0a],
.create-card[data-v-af617f0a] {
    width: 100%;
}
.toolbar-search[data-v-af617f0a],
.toolbar-select[data-v-af617f0a],
.toolbar-lang[data-v-af617f0a] {
    width: 100%;
}
}
.package-delete-confirm .el-message-box__btns .package-delete-confirm-btn.el-button--primary {
  color: #fff;
  background-color: #f56c6c;
  border-color: #f56c6c;
}
.package-delete-confirm .el-message-box__btns .package-delete-confirm-btn.el-button--primary:hover,
.package-delete-confirm .el-message-box__btns .package-delete-confirm-btn.el-button--primary:focus {
  color: #fff;
  background-color: #f78989;
  border-color: #f78989;
}
.package-delete-confirm .el-message-box__btns .package-delete-confirm-btn.el-button--primary:active {
  color: #fff;
  background-color: #dd6161;
  border-color: #dd6161;
}

.wizard-steps[data-v-34551933]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:32px;overflow-x:auto;padding:0 24px;border-bottom:1px solid #e1e7ef}
.wizard-step[data-v-34551933]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;max-width:244px;padding:9px 0 14px;background:none;border:0;border-bottom:2px solid transparent;color:#596981;font:inherit;white-space:nowrap;cursor:pointer}
.wizard-step-number[data-v-34551933]{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f1f4f8;font-size:12px}
.wizard-step.is-active[data-v-34551933]{color:#255fce;border-color:#2f6feb;font-weight:600}
.is-active .wizard-step-number[data-v-34551933]{background:#2f6feb;color:white}
.wizard-step[data-v-34551933]:disabled{cursor:default}
@media(max-width:700px){.wizard-steps[data-v-34551933]{gap:12px;padding:0 10px}.wizard-step[data-v-34551933]{gap:4px;font-size:12px}}


.sync-help[data-v-69d87bd7]{color:#4b5563;line-height:1.65;max-width:65ch}fieldset[data-v-69d87bd7]{border:0;padding:0}label[data-v-69d87bd7]{display:block;margin:9px 0}input[data-v-69d87bd7],select[data-v-69d87bd7]{padding:4px;max-width:100%}.route[data-v-69d87bd7]{border-top:1px solid #ddd;margin:12px 0;padding:8px 0}


.stripe-sync[data-v-0698f3b6]{margin:16px 0 24px;padding:16px 20px;background:#f5f7fa;border:1px solid #dcdfe6;border-radius:4px;line-height:1.65}
.stripe-sync h3[data-v-0698f3b6]{margin:0 0 8px}
.stripe-sync p[data-v-0698f3b6]{margin:6px 0}
.sync-reference[data-v-0698f3b6]{font-size:12px;color:#4b5563;overflow-wrap:anywhere}
.sync-id[data-v-0698f3b6]{overflow-wrap:anywhere;word-break:break-word;font-variant-numeric:tabular-nums}


.sp-revision-editor fieldset[data-v-679979da]{border:1px solid #dcdfe6;margin:12px 0;padding:12px 16px}.sp-revision-editor legend[data-v-679979da]{font-weight:600;padding:0 6px}.sp-revision-editor label[data-v-679979da]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:6px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:6px 12px 6px 0}.sp-revision-editor input[data-v-679979da],.sp-revision-editor select[data-v-679979da],.sp-revision-editor button[data-v-679979da]{font:inherit}.sp-revision-editor input[data-v-679979da]:not([type=checkbox]),.sp-revision-editor select[data-v-679979da]{border:1px solid #c6cbd1;border-radius:3px;padding:5px 8px;max-width:18rem}.sp-feature[data-v-679979da]{padding:8px 0;border-bottom:1px solid #e5e7eb}.sp-revision-editor fieldset[data-v-679979da]{min-width:0;border:0;border-bottom:1px solid #e4eaf2;padding:12px 0 18px;margin:0 0 18px}.sp-revision-editor legend[data-v-679979da]{padding:0;font-size:17px;color:#253954}.sp-feature[data-v-679979da]{padding:12px;background:#f7f9fc;border:0;margin:8px 0;border-radius:5px}.sp-revision-editor label[data-v-679979da]{color:#42536c;-ms-flex-wrap:wrap;flex-wrap:wrap}.sp-revision-editor input[data-v-679979da]:not([type=checkbox]),.sp-revision-editor select[data-v-679979da]{background:#fff;min-height:32px;-webkit-box-sizing:border-box;box-sizing:border-box}

.membership-workspace .app-container {
  height: auto !important;
  min-height: calc(100vh - 130px);
  padding-bottom: 24px;
}
.membership-workspace h1 {
  margin: 0 0 8px;
  font-size: 20px;
}
.membership-workspace h2 {
  margin: 20px 0 12px;
  font-size: 16px;
}
.membership-workspace .sp-muted {
  color: #606266;
  font-size: 13px;
}
.membership-workspace .sp-filters {
  margin-top: 16px;
}
.membership-workspace .sp-pagination, .membership-workspace .sp-title-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
.membership-workspace .sp-pagination {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 16px;
}
.membership-workspace .sp-facts {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 12px;
}
.membership-workspace .sp-facts dd {
  margin: 0;
  overflow-wrap: anywhere;
}
.membership-workspace .sp-json {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.membership-workspace .el-alert {
  margin-bottom: 16px;
}
.device-package-update .form-item-title[data-v-5af78c82] {
  margin-bottom: 20px;
}
.device-package-update .form-item-title .title[data-v-5af78c82] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  line-height: 40px;
  background-color: #fbfbfb;
}
.device-package-update .form-item-title .title span[data-v-5af78c82] {
  display: inline-block;
  width: 4px;
  height: 40px;
  margin-right: 10px;
  background-color: #409eff;
}
.device-package-update .form-item-title .title p[data-v-5af78c82] {
  font-size: 14px;
  font-weight: 700;
}
.device-package-update .form-item-title .title .function-name[data-v-5af78c82] {
  margin-left: 10px;
}
.device-package-update .function-description[data-v-5af78c82] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
}
.device-package-update .function-description .el-form-item[data-v-5af78c82] {
  width: 100%;
}
.device-package-update .function-description .price-setting[data-v-5af78c82] {
  width: 80px;
  margin: 8px 0 0 20px;
  cursor: pointer;
  color: #409eff;
}
.device-package-update .function-description .active-price[data-v-5af78c82] {
  font-weight: bold;
  color: #0e6dcc;
}
.device-package-update .function-description .gray-btn[data-v-5af78c82] {
  color: #c0c4cc;
}
.device-package-update .function-description .price-fill[data-v-5af78c82],
.device-package-update .function-description .price-unfill[data-v-5af78c82] {
  width: 10px;
  height: 10px;
  background-color: #67c23a;
  border-radius: 50%;
  display: inline-block;
  margin: 10px 26px 0 0;
}
.device-package-update .function-description .price-unfill[data-v-5af78c82] {
  background-color: #ff4949;
}
.device-package-update .select-all[data-v-5af78c82] {
  margin-top: 10px;
}
.device-package-update .adaptation-series[data-v-5af78c82] {
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
}
.empty[data-v-5af78c82] {
  color: red;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  text-align: center;
}
.form-item-title[data-v-8d8486be] {
  margin-bottom: 20px;
}
.form-item-title .title[data-v-8d8486be] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  line-height: 40px;
  background-color: #fbfbfb;
}
.form-item-title .title span[data-v-8d8486be] {
  display: inline-block;
  width: 4px;
  height: 40px;
  margin-right: 10px;
  background-color: #409eff;
}
.form-item-title .title p[data-v-8d8486be] {
  font-size: 14px;
  font-weight: 700;
}
.table-list[data-v-8d8486be] {
  margin-top: 20px;
}
.table-list td > .cell .el-form-item[data-v-8d8486be] {
  margin: 0 !important;
}
[data-v-8d8486be] .table-list td.el-table__cell div {
  overflow: visible;
}
.initial-template[data-v-c1e62326] {
  margin-bottom: 10px;
}
.series-image[data-v-2ae491ef] {
  width: 80px;
  height: 80px;
  border-radius: 4px;
}
.function-tag[data-v-2ae491ef] {
  margin: 2px 6px 2px 0;
}
.function-select[data-v-2ae491ef] {
  width: 100%;
}
.series-query-select[data-v-2ae491ef] {
  width: 220px;
}
.function-query-select[data-v-2ae491ef] {
  width: 320px;
}
[data-v-2ae491ef] .device-series-dialog .mmn-prefix-form-item {
  height: auto;
  min-height: 32px;
}
[data-v-2ae491ef] .device-series-dialog .mmn-prefix-form-item .el-form-item__content {
  line-height: normal;
}
[data-v-2ae491ef] .device-series-dialog .attribute-str-form-item {
  height: auto;
  min-height: 80px;
  margin-bottom: 16px !important;
}
[data-v-2ae491ef] .device-series-dialog .attribute-str-form-item .el-form-item__content,[data-v-2ae491ef] .device-series-dialog .attribute-str-form-item .el-textarea {
  line-height: normal;
}
.mmn-prefix-row[data-v-2ae491ef] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.mmn-prefix-row[data-v-2ae491ef]:last-child {
  margin-bottom: 0;
}
.mmn-prefix-input[data-v-2ae491ef] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mmn-prefix-icon-btn[data-v-2ae491ef] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 28px;
          flex: 0 0 28px;
  margin-left: 8px;
  padding: 0;
  color: #409eff;
  font-size: 16px;
}
.mmn-prefix-icon-btn.delete[data-v-2ae491ef] {
  color: #409eff;
}
[data-v-2ae491ef] .device-series-dialog .series-image-form-item {
  height: auto;
  min-height: 180px;
  margin-bottom: 20px !important;
}
[data-v-2ae491ef] .device-series-dialog .series-image-form-item .el-form-item__content,[data-v-2ae491ef] .device-series-dialog .series-image-form-item .img-alt-upload {
  line-height: normal;
}
.series-select[data-v-7e20951a] {
  width: 220px;
}
.apk-type-select[data-v-7e20951a] {
  width: 180px;
}
.upload-time-range[data-v-7e20951a] {
  width: 320px;
}
.version-code-input[data-v-7e20951a] {
  width: 160px;
}
.file-link[data-v-7e20951a] {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.cell-detail[data-v-7e20951a] {
  margin: 0;
  line-height: 20px;
}
.dialog-field[data-v-7e20951a] {
  width: 100%;
}
[data-v-7e20951a] .apk-upload-dialog .upload-form-item {
  height: auto;
  min-height: 90px;
}
[data-v-7e20951a] .apk-upload-dialog .upload-form-item .el-form-item__content {
  line-height: normal;
}
.upload-progress[data-v-7e20951a] {
  margin-top: 12px;
}

.handle-add[data-v-611fd0c1] {
  float: right;
}
.color-red[data-v-611fd0c1] {
  color: red;
}


.handle-add[data-v-4aa114f9] {
  float: right;
}
.color-red[data-v-4aa114f9] {
  color: red;
}

.package-card[data-v-e17fff0a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 220px;
  padding: 18px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  -webkit-transition: border-color 0.15s, -webkit-box-shadow 0.15s, -webkit-transform 0.15s;
  transition: border-color 0.15s, -webkit-box-shadow 0.15s, -webkit-transform 0.15s;
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s, -webkit-box-shadow 0.15s, -webkit-transform 0.15s;
}
.package-card[data-v-e17fff0a]:hover, .package-card[data-v-e17fff0a]:focus {
  border-color: #c7d2fe;
  -webkit-box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
          box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
  outline: none;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.card-head[data-v-e17fff0a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.title-wrap[data-v-e17fff0a] {
  min-width: 0;
}
.package-name[data-v-e17fff0a] {
  overflow: hidden;
  color: #111827;
  font-size: 15px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.package-code[data-v-e17fff0a] {
  margin-top: 6px;
  overflow: hidden;
  color: #a8abb2;
  font-family: Consolas, Monaco, monospace;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.head-actions[data-v-e17fff0a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.status-badge[data-v-e17fff0a] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 22px;
  padding: 0 8px;
  border-radius: 6px;
  font-size: 12px;
}
.status-badge.is-online[data-v-e17fff0a] {
  background: #f0f9eb;
  color: #67c23a;
}
.status-badge.is-offline[data-v-e17fff0a] {
  background: #f4f4f5;
  color: #909399;
}
.more-btn[data-v-e17fff0a] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 26px;
  height: 26px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #a8abb2;
  cursor: pointer;
}
.more-btn[data-v-e17fff0a]:hover, .more-btn[data-v-e17fff0a]:focus {
  background: #f5f7fa;
  color: #606266;
  outline: none;
}
.feature-row[data-v-e17fff0a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  min-height: 28px;
  margin-bottom: 14px;
}
.feature-chip[data-v-e17fff0a] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
  padding: 0 8px;
  border-radius: 6px;
  font-size: 11px;
}
.feature-chip i[data-v-e17fff0a] {
  margin-right: 4px;
}
.fn-trackhu[data-v-e17fff0a] {
  background: #f3e8ff;
  color: #8b5cf6;
}
.fn-stt[data-v-e17fff0a] {
  background: #eef5ff;
  color: #409eff;
}
.fn-drive-chat[data-v-e17fff0a] {
  background: #eef5ff;
  color: #409eff;
}
.fn-audio[data-v-e17fff0a] {
  background: #ecfeff;
  color: #0891b2;
}
.fn-realtime[data-v-e17fff0a] {
  background: #fff7ed;
  color: #f97316;
}
.fn-album[data-v-e17fff0a] {
  background: #fff0f7;
  color: #ec4899;
}
.fn-remote[data-v-e17fff0a] {
  background: #fff7ed;
  color: #f97316;
}
.fn-cloud-radio[data-v-e17fff0a] {
  background: #ecfdf5;
  color: #10b981;
}
.package-subtitle[data-v-e17fff0a] {
  display: -webkit-box;
  min-height: 38px;
  overflow: hidden;
  color: #606266;
  font-size: 12px;
  line-height: 19px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.card-footer[data-v-e17fff0a] {
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid #ebeef5;
}
.price-line[data-v-e17fff0a],
.meta-line[data-v-e17fff0a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}
.price-main[data-v-e17fff0a] {
  min-width: 0;
}
.price-main strong[data-v-e17fff0a] {
  color: #111827;
  font-size: 21px;
  font-weight: 700;
}
.price-main span[data-v-e17fff0a] {
  margin-left: 4px;
  color: #606266;
  font-size: 12px;
}
.price-main em[data-v-e17fff0a] {
  margin-left: 6px;
  color: #909399;
  font-size: 11px;
  font-style: normal;
}
.strategy-tag[data-v-e17fff0a] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 22px;
  padding: 0 7px;
  border-radius: 6px;
  background: #f0f9eb;
  color: #67c23a;
  font-size: 11px;
}
.strategy-tag i[data-v-e17fff0a] {
  margin-right: 4px;
}
.meta-line[data-v-e17fff0a] {
  margin-top: 12px;
  color: #a8abb2;
  font-size: 11px;
}
.cycle-tag[data-v-e17fff0a] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 22px;
  padding: 0 8px;
  border: 1px solid #ebeef5;
  border-radius: 6px;
  background: #fff;
  color: #606266;
}
.dropdown-danger[data-v-e17fff0a] {
  color: #f56c6c;
}
.anchor-nav[data-v-9968fd1a] {
  position: sticky;
  top: 18px;
  width: 180px;
  padding: 16px 12px;
  border: 1px solid #ebeef5;
  border-radius: 14px;
  background: #fff;
  -webkit-box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
          box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
}
.anchor-nav-title[data-v-9968fd1a] {
  margin: 0 10px 10px;
  color: #8a94a6;
  font-size: 13px;
  line-height: 18px;
}
.anchor-nav-item[data-v-9968fd1a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 44px;
  margin-top: 4px;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #4b5563;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
  -webkit-transition: color 0.15s, background 0.15s, border-color 0.15s;
  transition: color 0.15s, background 0.15s, border-color 0.15s;
}
.anchor-nav-item i[data-v-9968fd1a] {
  width: 22px;
  margin-right: 7px;
  font-size: 21px;
  line-height: 1;
}
.anchor-nav-item span[data-v-9968fd1a] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.anchor-nav-item[data-v-9968fd1a]:hover, .anchor-nav-item[data-v-9968fd1a]:focus {
  color: #e55249;
  outline: none;
}
.anchor-nav-item.active[data-v-9968fd1a] {
  border-color: #fac8c4;
  background: #fff6f5;
  color: #e55249;
  font-weight: 600;
}
.section-card[data-v-6935493c] {
  padding: 28px;
  border: 1px solid #ebeef5;
  border-radius: 14px;
  background: #fff;
}
.section-heading[data-v-6935493c] {
  margin-bottom: 22px;
}
.section-heading h3[data-v-6935493c] {
  position: relative;
  margin: 0 0 8px;
  padding-left: 18px;
  color: #111827;
  font-size: 16px;
  font-weight: 600;
}
.section-heading h3[data-v-6935493c]::before {
  position: absolute;
  top: 3px;
  left: 0;
  width: 3px;
  height: 16px;
  border-radius: 2px;
  background: #e55249;
  content: "";
}
.section-heading p[data-v-6935493c] {
  margin: 0;
  padding-left: 18px;
  color: #8a94a6;
  font-size: 13px;
  line-height: 20px;
}
.basic-grid[data-v-6935493c] {
  display: grid;
  grid-template-columns: minmax(300px, 1fr) minmax(300px, 380px);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 16px 18px;
}
.form-field[data-v-6935493c] {
  display: grid;
  grid-template-rows: 18px minmax(32px, auto);
  row-gap: 8px;
  min-width: 0;
  margin-bottom: 0;
}
.form-field[data-v-6935493c]  .el-form-item__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 18px;
  padding: 0;
  margin-bottom: 0;
  color: #374151;
  font-size: 13px;
  line-height: 18px;
  white-space: nowrap;
}
.form-field[data-v-6935493c]  .el-form-item__label em {
  margin-left: 4px;
  overflow: hidden;
  color: #8a94a6;
  font-style: normal;
  text-overflow: ellipsis;
}
.form-field[data-v-6935493c]  .el-form-item__content {
  line-height: 32px;
}
.form-field[data-v-6935493c]  .el-form-item__error {
  position: static;
  padding-top: 4px;
  line-height: 16px;
}
.free-package-area[data-v-6935493c] {
  grid-column: 1/-1;
  min-width: 0;
}
.free-package-card[data-v-6935493c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 64px;
  padding: 12px 16px 12px 20px;
  border: 1px solid #dfe4ec;
  border-radius: 6px;
  background: #fff;
  -webkit-transition: border-color 0.15s, background 0.15s;
  transition: border-color 0.15s, background 0.15s;
}
.free-package-card.active[data-v-6935493c] {
  border-color: #f5c1bd;
  background: #fffafa;
}
.free-package-copy[data-v-6935493c] {
  min-width: 0;
  padding-right: 16px;
}
.free-package-copy strong[data-v-6935493c],
.free-package-copy span[data-v-6935493c] {
  display: block;
}
.free-package-copy strong[data-v-6935493c] {
  margin-bottom: 5px;
  color: #374151;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}
.free-package-copy span[data-v-6935493c] {
  color: #8a94a6;
  font-size: 12px;
  line-height: 18px;
}
.free-package-switch[data-v-6935493c] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.gift-package-area[data-v-6935493c] {
  grid-column: 1/-1;
  min-width: 0;
}
.gift-package-card[data-v-6935493c] {
  min-height: 64px;
  padding: 12px 16px 12px 20px;
  border: 1px solid #dfe4ec;
  border-radius: 6px;
  background: #fff;
  -webkit-transition: border-color 0.15s, background 0.15s;
  transition: border-color 0.15s, background 0.15s;
}
.gift-package-card.active[data-v-6935493c] {
  border-color: #f5c1bd;
  background: #fffafa;
}
.gift-package-head[data-v-6935493c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.gift-package-copy[data-v-6935493c] {
  min-width: 0;
  padding-right: 16px;
}
.gift-package-copy strong[data-v-6935493c],
.gift-package-copy span[data-v-6935493c] {
  display: block;
}
.gift-package-copy strong[data-v-6935493c] {
  margin-bottom: 5px;
  color: #374151;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}
.gift-package-copy span[data-v-6935493c] {
  color: #8a94a6;
  font-size: 12px;
  line-height: 18px;
}
.gift-package-switch[data-v-6935493c] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.gift-time-picker[data-v-6935493c] {
  width: 100%;
  max-width: 520px;
  margin-top: 12px;
}
.gift-time-picker[data-v-6935493c]  .el-range-input,
.gift-time-picker[data-v-6935493c]  .el-range-separator {
  font-size: 12px;
}
.free-package-tip[data-v-6935493c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  color: #e55249;
  font-size: 12px;
  line-height: 18px;
}
.free-package-tip i[data-v-6935493c] {
  margin-right: 6px;
}
.full-width[data-v-6935493c] {
  width: 100%;
}
.full-width[data-v-6935493c]  .el-input__inner {
  height: 32px;
  line-height: 32px !important;
}
.period-input[data-v-6935493c] {
  display: grid;
  grid-template-columns: 160px -webkit-max-content -webkit-max-content;
  grid-template-columns: 160px max-content max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 12px;
     -moz-column-gap: 12px;
          column-gap: 12px;
  height: 32px;
}
.period-input[data-v-6935493c]  .el-input-number {
  width: 160px !important;
  line-height: 32px;
}
.period-input[data-v-6935493c]  .el-input-number.is-controls-right .el-input-number__increase,
.period-input[data-v-6935493c]  .el-input-number.is-controls-right .el-input-number__decrease {
  right: 1px;
  width: 32px;
  height: 15px;
  line-height: 15px;
}
.period-input[data-v-6935493c]  .el-input-number.is-controls-right .el-input-number__increase {
  top: 1px;
}
.period-input[data-v-6935493c]  .el-input-number.is-controls-right .el-input-number__decrease {
  bottom: 1px;
}
.period-input[data-v-6935493c]  .el-input-number.is-controls-right .el-input__inner {
  padding-right: 38px;
}
.period-input[data-v-6935493c]  .el-input__inner {
  height: 32px;
  max-height: 32px !important;
  line-height: 32px !important;
  text-align: left;
}
.period-input span[data-v-6935493c] {
  color: #111827;
  font-size: 14px;
  white-space: nowrap;
}
.period-input i[data-v-6935493c] {
  color: #8a94a6;
  font-size: 13px;
  font-style: normal;
  white-space: nowrap;
}
@media (max-width: 1180px) {
.basic-grid[data-v-6935493c] {
    grid-template-columns: 1fr;
}
}
.section-card[data-v-f31017cc] {
  padding: 28px;
  border: 1px solid #ebeef5;
  border-radius: 14px;
  background: #fff;
}
.section-heading[data-v-f31017cc] {
  margin-bottom: 22px;
}
.section-heading h3[data-v-f31017cc] {
  position: relative;
  margin: 0 0 8px;
  padding-left: 18px;
  color: #111827;
  font-size: 16px;
  font-weight: 600;
}
.section-heading h3[data-v-f31017cc]::before {
  position: absolute;
  top: 3px;
  left: 0;
  width: 3px;
  height: 16px;
  border-radius: 2px;
  background: #e55249;
  content: "";
}
.section-heading p[data-v-f31017cc] {
  margin: 0;
  padding-left: 18px;
  color: #8a94a6;
  font-size: 13px;
  line-height: 20px;
}
.country-line[data-v-f31017cc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
}
.line-title[data-v-f31017cc] {
  color: #374151;
  font-size: 14px;
  line-height: 20px;
}
.line-title .required-mark[data-v-f31017cc] {
  margin-left: 2px;
  color: #e55249;
  font-style: normal;
}
.line-title span[data-v-f31017cc] {
  margin-left: 8px;
  color: #8a94a6;
  font-size: 13px;
}
.add-country-btn[data-v-f31017cc] {
  height: 32px;
  padding: 0 13px;
  border-color: #dfe4ec;
  border-radius: 8px;
  background: #fff;
  color: #374151;
  font-size: 13px;
  font-weight: 400;
  -webkit-box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
          box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}
.add-country-btn[data-v-f31017cc]:hover, .add-country-btn[data-v-f31017cc]:focus {
  border-color: #cfd7e3;
  background: #fff;
  color: #1f2937;
}
.add-country-btn[data-v-f31017cc]:active {
  border-color: #b8c2d2;
  color: #111827;
  -webkit-box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
          box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}
.add-country-btn[data-v-f31017cc]  i {
  color: #4b5563;
  font-size: 13px;
}
.tag-list[data-v-f31017cc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  min-height: 34px;
  margin-bottom: 22px;
}
.country-form-item[data-v-f31017cc] {
  margin-bottom: 22px;
}
.country-form-item .tag-list[data-v-f31017cc] {
  margin-bottom: 0;
}
.country-form-item[data-v-f31017cc]  .el-form-item__content {
  line-height: normal;
}
.country-form-item[data-v-f31017cc]  .el-form-item__error {
  position: static;
  padding-top: 4px;
  line-height: 16px;
}
.country-tag[data-v-f31017cc] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 34px;
  padding: 0 13px;
  border: 1px solid #ffc9c5;
  border-radius: 7px;
  background: #fff7f6;
  color: #e55249;
  font-size: 13px;
}
.country-tag[data-v-f31017cc] {
  cursor: pointer;
}
.country-tag span[data-v-f31017cc] {
  margin-right: 6px;
  font-size: 12px;
}
.country-tag i[data-v-f31017cc] {
  margin-left: 8px;
  font-size: 12px;
}
.empty-inline[data-v-f31017cc] {
  color: #9aa3b2;
  font-size: 13px;
  line-height: 34px;
}
.dialog-title[data-v-f31017cc] {
  color: #111827;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.dialog-desc[data-v-f31017cc] {
  margin-top: 8px;
  color: #5f6b7a;
  font-size: 13px;
  line-height: 18px;
}
.dialog-cascader-wrap[data-v-f31017cc] {
  min-height: 72px;
  margin-top: 20px;
}
.dialog-country-cascader[data-v-f31017cc] {
  width: 100%;
}
.dialog-selected-count[data-v-f31017cc] {
  margin-bottom: 20px;
  color: #5f6b7a;
  font-size: 13px;
}
.dialog-selected-count strong[data-v-f31017cc] {
  color: #374151;
  font-weight: 600;
}
.dialog-footer[data-v-f31017cc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
}
.dialog-footer[data-v-f31017cc]  .el-button + .el-button {
  margin-left: 0;
}
@media (max-width: 720px) {
.country-line[data-v-f31017cc] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
}
.add-country-btn[data-v-f31017cc] {
    width: 100%;
}
}
.section-card[data-v-b6faefa6] {
  padding: 28px;
  border: 1px solid #ebeef5;
  border-radius: 14px;
  background: #fff;
}
.section-heading[data-v-b6faefa6] {
  margin-bottom: 22px;
}
.section-heading h3[data-v-b6faefa6] {
  position: relative;
  margin: 0 0 8px;
  padding-left: 18px;
  color: #111827;
  font-size: 16px;
  font-weight: 600;
}
.section-heading h3[data-v-b6faefa6]::before {
  position: absolute;
  top: 3px;
  left: 0;
  width: 3px;
  height: 16px;
  border-radius: 2px;
  background: #e55249;
  content: "";
}
.section-heading p[data-v-b6faefa6] {
  margin: 0;
  padding-left: 18px;
  color: #8a94a6;
  font-size: 13px;
  line-height: 20px;
}
.source-card[data-v-b6faefa6],
.translation-card[data-v-b6faefa6] {
  padding: 20px;
  border: 1px solid #eceff4;
  border-radius: 10px;
  background: #fafafa;
}
.translation-card[data-v-b6faefa6] {
  margin-top: 16px;
}
.source-head[data-v-b6faefa6],
.translation-head[data-v-b6faefa6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 18px;
}
.source-head strong[data-v-b6faefa6],
.translation-head strong[data-v-b6faefa6] {
  color: #111827;
  font-size: 15px;
  line-height: 22px;
}
.source-head p[data-v-b6faefa6],
.translation-head p[data-v-b6faefa6] {
  margin: 3px 0 0;
  color: #8a94a6;
  font-size: 12px;
  line-height: 18px;
}
.source-icon[data-v-b6faefa6],
.translation-icon[data-v-b6faefa6] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  margin-right: 12px;
  border-radius: 8px;
  font-size: 16px;
}
.source-icon[data-v-b6faefa6] {
  background: #fee9e7;
  color: #e55249;
}
.translation-icon[data-v-b6faefa6] {
  background: #e8f0ff;
  color: #3f6fd8;
}
.source-row[data-v-b6faefa6] {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(280px, 1fr);
  gap: 18px;
  margin-bottom: 18px;
}
.form-field[data-v-b6faefa6] {
  margin-bottom: 18px;
}
.form-field > label[data-v-b6faefa6] {
  display: block;
  margin-bottom: 10px;
  color: #374151;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}
.form-field > label em[data-v-b6faefa6] {
  margin-left: 6px;
  color: #5f6b7a;
  font-style: normal;
  font-size: 13px;
}
.form-field[data-v-b6faefa6]  .el-form-item__label {
  display: block;
  padding: 0;
  margin-bottom: 8px;
  color: #374151;
  font-size: 13px;
  line-height: 18px;
}
.form-field[data-v-b6faefa6]  .el-form-item__label em {
  margin-left: 6px;
  color: #8a94a6;
  font-style: normal;
  font-size: 12px;
}
.form-field[data-v-b6faefa6]  .el-form-item__content {
  line-height: 40px;
}
.form-field[data-v-b6faefa6]  .el-form-item__error {
  position: static;
  padding-top: 4px;
  line-height: 16px;
}
.form-field[data-v-b6faefa6]  .el-input__inner {
  height: 40px;
  line-height: 40px;
}
.full-width[data-v-b6faefa6] {
  width: 100%;
}
.source-tip[data-v-b6faefa6] {
  padding-top: 2px;
  color: #5f6b7a;
  font-size: 13px;
  line-height: 20px;
}
.source-tip span[data-v-b6faefa6] {
  display: block;
  margin-bottom: 8px;
  color: #374151;
}
.source-tip p[data-v-b6faefa6] {
  margin: 0;
}
.field-note[data-v-b6faefa6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid #e8edf4;
  border-radius: 8px;
  background: #fff;
  color: #8a94a6;
  font-size: 12px;
  line-height: 18px;
}
.field-note i[data-v-b6faefa6] {
  margin-right: 8px;
  color: #8a94a6;
}
.translation-toolbar[data-v-b6faefa6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}
.filter-group[data-v-b6faefa6],
.translation-actions[data-v-b6faefa6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.filter-group[data-v-b6faefa6] {
  color: #5f6b7a;
  font-size: 13px;
}
.filter-group > span[data-v-b6faefa6] {
  margin-right: 4px;
}
.filter-btn[data-v-b6faefa6] {
  height: 28px;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: #5f6b7a;
  font-size: 13px;
  cursor: pointer;
}
.filter-btn em[data-v-b6faefa6] {
  margin-left: 3px;
  color: #43a047;
  font-style: normal;
}
.filter-btn.active[data-v-b6faefa6] {
  border-color: #ffc4bf;
  background: #fff7f6;
  color: #e55249;
}
.translation-actions[data-v-b6faefa6] {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.translation-actions[data-v-b6faefa6]  .el-button + .el-button {
  margin-left: 0;
}
.translate-primary-btn[data-v-b6faefa6],
.translate-plain-btn[data-v-b6faefa6] {
  height: 32px;
  padding: 0 12px;
}
.translate-primary-btn[data-v-b6faefa6] {
  border-color: #e55249;
  background: #e55249;
}
.translate-primary-btn[data-v-b6faefa6]:hover, .translate-primary-btn[data-v-b6faefa6]:focus {
  border-color: #d94c43;
  background: #d94c43;
}
.translate-plain-btn[data-v-b6faefa6] {
  border-color: #dfe4ec;
  color: #374151;
}
.language-tabs[data-v-b6faefa6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  min-height: 38px;
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid #edf0f5;
}
.language-tab[data-v-b6faefa6] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #5f6b7a;
  font-size: 13px;
  cursor: pointer;
}
.language-tab.active[data-v-b6faefa6] {
  border-color: #ffc4bf;
  background: #fff7f6;
  color: #e55249;
}
.language-dot[data-v-b6faefa6] {
  width: 6px;
  height: 6px;
  margin-left: 8px;
  border-radius: 50%;
  background: #d7dce5;
}
.language-dot.is-completed[data-v-b6faefa6] {
  background: #43a047;
}
.language-dot.is-partial[data-v-b6faefa6] {
  background: #f59e0b;
}
.language-dot.is-empty[data-v-b6faefa6] {
  background: #cbd5e1;
}
.language-dot.is-translating[data-v-b6faefa6] {
  background: #3f6fd8;
}
.language-dot.is-failed[data-v-b6faefa6] {
  background: #e55249;
}
.target-form[data-v-b6faefa6] {
  padding-top: 2px;
}
.target-status[data-v-b6faefa6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 20px;
  margin-bottom: 8px;
  color: #5f6b7a;
  font-size: 13px;
}
.target-status span[data-v-b6faefa6] {
  margin-right: 8px;
  color: #374151;
}
.target-status em[data-v-b6faefa6] {
  font-style: normal;
}
.target-status em.is-completed[data-v-b6faefa6] {
  color: #43a047;
}
.target-status em.is-partial[data-v-b6faefa6], .target-status em.is-translating[data-v-b6faefa6] {
  color: #f59e0b;
}
.target-status em.is-empty[data-v-b6faefa6] {
  color: #8a94a6;
}
.target-status em.is-failed[data-v-b6faefa6] {
  color: #e55249;
}
.empty-panel[data-v-b6faefa6] {
  padding: 30px 0;
  color: #9aa3b2;
  text-align: center;
}
.empty-panel.compact[data-v-b6faefa6] {
  padding: 16px 0 4px;
  font-size: 13px;
}
.filter-empty[data-v-b6faefa6] {
  width: 100%;
  padding: 10px 0;
  color: #9aa3b2;
  font-size: 13px;
}
@media (max-width: 1180px) {
.source-row[data-v-b6faefa6] {
    grid-template-columns: 1fr;
}
.translation-toolbar[data-v-b6faefa6] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.translation-actions[data-v-b6faefa6] {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
}
.section-card[data-v-116e8472] {
  padding: 28px;
  border: 1px solid #ebeef5;
  border-radius: 14px;
  background: #fff;
}
.section-heading[data-v-116e8472] {
  margin-bottom: 22px;
}
.section-heading h3[data-v-116e8472] {
  position: relative;
  margin: 0 0 8px;
  padding-left: 18px;
  color: #111827;
  font-size: 16px;
  font-weight: 600;
}
.section-heading h3[data-v-116e8472]::before {
  position: absolute;
  top: 3px;
  left: 0;
  width: 3px;
  height: 16px;
  border-radius: 2px;
  background: #e55249;
  content: "";
}
.section-heading p[data-v-116e8472] {
  margin: 0;
  padding-left: 18px;
  color: #8a94a6;
  font-size: 13px;
  line-height: 20px;
}
.feature-card[data-v-116e8472] {
  margin-top: 12px;
  padding: 18px;
  border: 1px solid #edf0f5;
  border-radius: 10px;
  background: #fafafa;
}
.feature-card[data-v-116e8472]:first-of-type {
  margin-top: 0;
}
.feature-head[data-v-116e8472] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
}
.feature-head.no-margin[data-v-116e8472] {
  margin-bottom: 0;
}
.feature-title[data-v-116e8472] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
}
.feature-title strong[data-v-116e8472] {
  display: block;
  color: #111827;
  font-size: 15px;
  line-height: 21px;
}
.feature-title p[data-v-116e8472] {
  margin: 2px 0 0;
  color: #8a94a6;
  font-size: 12px;
  line-height: 18px;
}
.feature-icon[data-v-116e8472] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  margin-right: 12px;
  border-radius: 8px;
  font-size: 16px;
}
.feature-icon.trackhu[data-v-116e8472] {
  background: #efe4ff;
  color: #8b5cf6;
}
.feature-icon.drive-chat[data-v-116e8472] {
  background: #e6efff;
  color: #477bff;
}
.feature-icon.album[data-v-116e8472] {
  background: #ffe8f1;
  color: #ec4899;
}
.feature-icon.remote[data-v-116e8472] {
  background: #fff0df;
  color: #f97316;
}
.feature-icon.cloud-radio[data-v-116e8472] {
  background: #dcfce7;
  color: #10b981;
}
.form-field[data-v-116e8472] {
  margin-bottom: 16px;
}
.form-field[data-v-116e8472]  .el-form-item__label {
  display: block;
  padding: 0;
  margin-bottom: 8px;
  color: #374151;
  font-size: 13px;
  line-height: 18px;
}
.form-field[data-v-116e8472]  .el-form-item__label em {
  margin-left: 8px;
  color: #8a94a6;
  font-style: normal;
}
.form-field[data-v-116e8472]  .el-form-item__content {
  line-height: 32px;
}
.form-field[data-v-116e8472]  .el-form-item__error {
  position: static;
  padding-top: 4px;
  line-height: 16px;
}
.full-width[data-v-116e8472] {
  width: 100%;
}
.mode-buttons[data-v-116e8472] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.mode-button[data-v-116e8472] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
  padding: 0 14px;
  border: 1px solid #dfe4ec;
  border-radius: 7px;
  background: #fff;
  color: #4b5563;
  font-size: 13px;
  cursor: pointer;
}
.mode-button i[data-v-116e8472] {
  margin-right: 6px;
}
.mode-button.active[data-v-116e8472] {
  border-color: #ffc4bf;
  background: #fff7f6;
  color: #e55249;
}
.remote-module-title[data-v-116e8472] {
  margin-bottom: 4px;
  color: #6b7280;
  font-size: 13px;
  line-height: 18px;
}
.remote-feature-list[data-v-116e8472] {
  overflow: hidden;
  border: 1px solid #edf0f5;
  border-radius: 8px;
  background: #fff;
}
.remote-feature-row[data-v-116e8472] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 60px;
  padding: 10px 14px;
}
.remote-feature-row + .remote-feature-row[data-v-116e8472] {
  border-top: 1px solid #edf0f5;
}
.remote-feature-title[data-v-116e8472] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
  padding-right: 16px;
}
.remote-feature-title strong[data-v-116e8472] {
  display: block;
  color: #111827;
  font-size: 14px;
  line-height: 20px;
}
.remote-feature-title p[data-v-116e8472] {
  margin: 2px 0 0;
  color: #8a94a6;
  font-size: 12px;
  line-height: 18px;
}
.remote-feature-icon[data-v-116e8472] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 28px;
          flex: 0 0 28px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  margin-right: 12px;
  border-radius: 8px;
  background: #fff0df;
  color: #f97316;
  font-size: 15px;
}
.dialog-mode-panel[data-v-116e8472] {
  position: relative;
  padding: 12px 14px;
  border: 1px solid #edf0f5;
  border-radius: 9px;
  background: #fff;
}
.dialog-mode-summary[data-v-116e8472] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 20px;
}
.dialog-mode-summary span[data-v-116e8472] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
  padding: 0 9px;
  border-radius: 5px;
  background: #edf4ff;
  color: #2563eb;
  font-size: 12px;
}
.dialog-mode-summary em[data-v-116e8472] {
  margin-left: 10px;
  color: #8a94a6;
  font-size: 12px;
  font-style: normal;
}
.small-field[data-v-116e8472] {
  max-width: 240px;
}
.inline-input[data-v-116e8472] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.inline-input span[data-v-116e8472] {
  margin-left: 10px;
  color: #4b5563;
}
.storage-input[data-v-116e8472] {
  display: grid;
  grid-template-columns: 160px -webkit-max-content;
  grid-template-columns: 160px max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  height: 32px;
}
.storage-input[data-v-116e8472]  .el-input-number {
  width: 160px !important;
  line-height: 32px;
}
.storage-input[data-v-116e8472]  .el-input-number.is-controls-right .el-input-number__increase,
.storage-input[data-v-116e8472]  .el-input-number.is-controls-right .el-input-number__decrease {
  right: 1px;
  width: 32px;
  height: 15px;
  line-height: 15px;
}
.storage-input[data-v-116e8472]  .el-input-number.is-controls-right .el-input-number__increase {
  top: 1px;
}
.storage-input[data-v-116e8472]  .el-input-number.is-controls-right .el-input-number__decrease {
  bottom: 1px;
}
.storage-input[data-v-116e8472]  .el-input-number.is-controls-right .el-input__inner {
  padding-right: 38px;
}
.storage-input[data-v-116e8472]  .el-input__inner {
  height: 32px;
  max-height: 32px !important;
  line-height: 32px !important;
  text-align: left;
}
.storage-input span[data-v-116e8472] {
  margin-left: 0;
  color: #111827;
  font-size: 14px;
  white-space: nowrap;
}
.section-card[data-v-11dc08a8] {
  padding: 28px;
  border: 1px solid #ebeef5;
  border-radius: 14px;
  background: #fff;
}
.section-heading[data-v-11dc08a8] {
  margin-bottom: 22px;
}
.section-heading h3[data-v-11dc08a8] {
  position: relative;
  margin: 0 0 8px;
  padding-left: 18px;
  color: #111827;
  font-size: 16px;
  font-weight: 600;
}
.section-heading h3[data-v-11dc08a8]::before {
  position: absolute;
  top: 3px;
  left: 0;
  width: 3px;
  height: 16px;
  border-radius: 2px;
  background: #e55249;
  content: "";
}
.section-heading p[data-v-11dc08a8] {
  margin: 0;
  padding-left: 18px;
  color: #8a94a6;
  font-size: 13px;
  line-height: 20px;
}
.pricing-form[data-v-11dc08a8] {
  margin-bottom: 20px;
}
.form-field[data-v-11dc08a8] {
  margin-bottom: 14px;
}
.form-field[data-v-11dc08a8]  .el-form-item__label {
  display: block;
  padding: 0;
  margin-bottom: 8px;
  color: #374151;
  font-size: 13px;
  line-height: 18px;
}
.form-field[data-v-11dc08a8]  .el-form-item__label em {
  color: #8a94a6;
  font-style: normal;
}
.form-field[data-v-11dc08a8]  .el-form-item__content {
  line-height: 32px;
}
.form-field[data-v-11dc08a8]  .el-form-item__error {
  position: static;
  padding-top: 4px;
  line-height: 16px;
}
.base-currency-field[data-v-11dc08a8] {
  width: 350px;
}
.full-width[data-v-11dc08a8] {
  width: 100%;
}
.billing-row[data-v-11dc08a8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 6px 0 10px;
}
.billing-row span[data-v-11dc08a8] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
  padding: 0 12px;
  border: 1px solid #ffc9c5;
  border-radius: 6px;
  background: #fff7f6;
  color: #e55249;
  font-size: 13px;
}
.billing-row em[data-v-11dc08a8] {
  margin-left: 12px;
  color: #8a94a6;
  font-size: 13px;
  font-style: normal;
}
.price-info[data-v-11dc08a8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 12px 14px;
  border: 1px solid #cfe2ff;
  border-radius: 8px;
  background: #eff6ff;
  color: #2563eb;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}
.price-info i[data-v-11dc08a8] {
  margin: 2px 10px 0 0;
}
.strategy-title[data-v-11dc08a8] {
  margin: 20px 0 10px;
  color: #374151;
  font-size: 14px;
}
.strategy-grid[data-v-11dc08a8] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.strategy-card[data-v-11dc08a8] {
  position: relative;
  min-height: 94px;
  padding: 18px 46px 18px 18px;
  border: 1px solid #dfe4ec;
  border-radius: 10px;
  background: #fff;
  text-align: left;
  cursor: pointer;
}
.strategy-card strong[data-v-11dc08a8] {
  display: block;
  margin-bottom: 9px;
  color: #111827;
  font-size: 15px;
}
.strategy-card p[data-v-11dc08a8] {
  margin: 0;
  color: #5f6b7a;
  font-size: 13px;
  line-height: 20px;
}
.strategy-card span[data-v-11dc08a8] {
  color: #e55249;
  font-weight: 600;
}
.strategy-card .radio-dot[data-v-11dc08a8] {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 18px;
  height: 18px;
  border: 2px solid #cfd6e1;
  border-radius: 50%;
}
.strategy-card.active[data-v-11dc08a8] {
  border-color: #e55249;
  background: #fff7f6;
}
.strategy-card.active .radio-dot[data-v-11dc08a8] {
  border-color: #e55249;
}
.strategy-card.active .radio-dot[data-v-11dc08a8]::after {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e55249;
  content: "";
}
.tuning-card[data-v-11dc08a8] {
  margin-top: 14px;
  padding: 18px;
  border: 1px solid #edf0f5;
  border-radius: 10px;
  background: #fafafa;
}
.tuning-head[data-v-11dc08a8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
}
.tuning-head strong[data-v-11dc08a8] {
  color: #111827;
  font-size: 15px;
}
.tuning-head p[data-v-11dc08a8] {
  margin: 6px 0 0;
  color: #5f6b7a;
  font-size: 13px;
  line-height: 18px;
}
.inline-error[data-v-11dc08a8] {
  margin-top: 6px;
  color: #f56c6c;
  font-size: 12px;
}
.preset-row[data-v-11dc08a8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}
.preset-row span[data-v-11dc08a8] {
  color: #5f6b7a;
  font-size: 13px;
}
.preset-row button[data-v-11dc08a8] {
  height: 28px;
  padding: 0 12px;
  border: 1px solid #dfe4ec;
  border-radius: 6px;
  background: #fff;
  color: #374151;
  font-size: 13px;
  cursor: pointer;
}
.preset-row button.active[data-v-11dc08a8] {
  border-color: #ffc4bf;
  background: #fff7f6;
  color: #e55249;
}
.expression-help[data-v-11dc08a8] {
  padding: 13px 14px;
  border: 1px solid #fde68a;
  border-radius: 8px;
  background: #fffbeb;
  color: #92400e;
  font-size: 13px;
  line-height: 22px;
}
.expression-help strong[data-v-11dc08a8] {
  display: block;
  margin-bottom: 5px;
  color: #78350f;
}
.expression-help p[data-v-11dc08a8] {
  margin: 0;
}
.expression-help em[data-v-11dc08a8] {
  padding: 1px 5px;
  border-radius: 4px;
  background: #fef3c7;
  font-style: normal;
}
.override-block[data-v-11dc08a8],
.auto-table-block[data-v-11dc08a8] {
  margin-top: 20px;
}
.table-title-row[data-v-11dc08a8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
  color: #374151;
  font-size: 14px;
}
.table-title-row span[data-v-11dc08a8] {
  color: #8a94a6;
  font-size: 13px;
}
.add-country-btn[data-v-11dc08a8] {
  height: 32px;
  padding: 0 14px;
  border-color: #dfe4ec;
}
.rate-note[data-v-11dc08a8] {
  color: #8a94a6;
}
.price-table[data-v-11dc08a8] {
  border: 1px solid #edf0f5;
  border-radius: 10px;
  overflow: hidden;
}
.table-head[data-v-11dc08a8],
.table-row[data-v-11dc08a8] {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-rows: 1fr;
  padding: 0 14px;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
}
.table-head[data-v-11dc08a8] {
  min-height: 48px;
}
.simple-table .table-head[data-v-11dc08a8],
.simple-table .table-row[data-v-11dc08a8] {
  grid-template-columns: 1fr 180px minmax(0, 1fr) minmax(0, 1fr) 24px;
}
.auto-table .table-head[data-v-11dc08a8],
.auto-table .table-row[data-v-11dc08a8] {
  grid-template-columns: 170px 90px 1fr 1fr 110px;
}
.table-head[data-v-11dc08a8] {
  background: #fafafa;
  color: #5f6b7a;
  font-size: 13px;
}
.table-row[data-v-11dc08a8] {
  height: 76px;
  border-top: 1px solid #edf0f5;
  background: #fff;
  color: #111827;
  font-size: 13px;
}
.required-mark[data-v-11dc08a8] {
  margin-left: 2px;
  color: #e55249;
}
.price-cell[data-v-11dc08a8] {
  position: relative;
  width: 100%;
  height: 76px;
}
.table-form-item[data-v-11dc08a8] {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  height: 32px;
  margin-bottom: 0;
}
.table-form-item[data-v-11dc08a8]  .el-form-item__content {
  width: 100%;
  line-height: 32px;
}
.table-form-item[data-v-11dc08a8]  .el-input {
  width: 100%;
}
.table-form-item[data-v-11dc08a8]  .el-input__inner {
  height: 32px;
  line-height: 32px;
}
.table-form-item[data-v-11dc08a8]  .el-form-item__error {
  top: 36px;
  right: 0;
  left: 0;
  padding-top: 0;
  line-height: 16px;
  white-space: nowrap;
}
.table-action-head[data-v-11dc08a8] {
  display: block;
}
.remove-row-btn[data-v-11dc08a8] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #9aa3b2;
  cursor: pointer;
}
.remove-row-btn[data-v-11dc08a8]:hover, .remove-row-btn[data-v-11dc08a8]:focus {
  color: #e55249;
  outline: none;
}
.source-text[data-v-11dc08a8] {
  color: #8a94a6;
}
.source-override[data-v-11dc08a8] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.override-tag[data-v-11dc08a8] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 38px;
  height: 24px;
  padding: 0 8px;
  border: 1px solid #ffb4ad;
  border-radius: 5px;
  background: #fff7f6;
  color: #e55249;
  font-size: 12px;
}
.refresh-price-btn[data-v-11dc08a8] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #9aa3b2;
  cursor: pointer;
}
.refresh-price-btn[data-v-11dc08a8]:hover, .refresh-price-btn[data-v-11dc08a8]:focus {
  color: #e55249;
  outline: none;
}
.table-empty[data-v-11dc08a8] {
  padding: 18px 0;
  border-top: 1px solid #edf0f5;
  color: #111827;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}
.table-note[data-v-11dc08a8] {
  margin-top: 9px;
  color: #8a94a6;
  font-size: 12px;
  line-height: 18px;
}
.override-country-dialog[data-v-11dc08a8]  .el-dialog {
  border-radius: 12px;
}
.override-country-dialog[data-v-11dc08a8]  .el-dialog__header {
  padding: 24px 24px 8px;
}
.override-country-dialog[data-v-11dc08a8]  .el-dialog__title {
  color: #111827;
  font-size: 16px;
  font-weight: 600;
}
.override-country-dialog[data-v-11dc08a8]  .el-dialog__body {
  padding: 0 24px 18px;
}
.override-country-dialog[data-v-11dc08a8]  .el-dialog__footer {
  padding: 0 24px 24px;
}
.dialog-desc[data-v-11dc08a8] {
  margin-bottom: 18px;
  color: #5f6b7a;
  font-size: 13px;
  line-height: 18px;
}
.dialog-toolbar[data-v-11dc08a8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.dialog-search-input[data-v-11dc08a8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.dialog-select-all-btn[data-v-11dc08a8] {
  height: 32px;
  padding: 0 14px;
  border-color: #dfe4ec;
  color: #374151;
}
.dialog-count[data-v-11dc08a8] {
  margin-bottom: 10px;
  color: #5f6b7a;
  font-size: 13px;
}
.dialog-count strong[data-v-11dc08a8] {
  color: #e55249;
}
.country-picker-list[data-v-11dc08a8] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  max-height: 220px;
  padding: 8px;
  border: 1px solid #edf0f5;
  border-radius: 8px;
  overflow-y: auto;
  background: #fafafa;
}
.country-picker-item[data-v-11dc08a8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 40px;
  padding: 0 10px;
  border: 1px solid #edf0f5;
  border-radius: 7px;
  background: #fff;
  color: #111827;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
}
.country-picker-item[data-v-11dc08a8]:hover, .country-picker-item.active[data-v-11dc08a8] {
  border-color: #ffb0aa;
  background: #fff7f6;
}
.country-picker-item.active[data-v-11dc08a8] {
  -webkit-box-shadow: inset 0 0 0 1px #ffb0aa;
          box-shadow: inset 0 0 0 1px #ffb0aa;
}
.country-picker-name[data-v-11dc08a8] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.country-picker-name em[data-v-11dc08a8] {
  margin-right: 6px;
  color: #111827;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
}
.country-picker-meta[data-v-11dc08a8] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-left: 8px;
}
.country-picker-currency[data-v-11dc08a8] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: #8a94a6;
  font-size: 12px;
}
.country-picker-check[data-v-11dc08a8] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #e55249;
  color: #fff;
  font-size: 10px;
  line-height: 1;
}
.dialog-empty[data-v-11dc08a8] {
  grid-column: 1/-1;
  padding: 18px 0;
  color: #8a94a6;
  font-size: 13px;
  text-align: center;
}
.dialog-footer[data-v-11dc08a8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
}
.dialog-footer[data-v-11dc08a8]  .el-button + .el-button {
  margin-left: 0;
}
@media (max-width: 1180px) {
.strategy-grid[data-v-11dc08a8] {
    grid-template-columns: 1fr;
}
.simple-table[data-v-11dc08a8],
.auto-table[data-v-11dc08a8] {
    overflow-x: auto;
}
.simple-table .table-head[data-v-11dc08a8],
.simple-table .table-row[data-v-11dc08a8],
.auto-table .table-head[data-v-11dc08a8],
.auto-table .table-row[data-v-11dc08a8] {
    min-width: 860px;
}
}
.package-edit-page[data-v-abbb62f0] {
  width: 100%;
  min-height: calc(100vh - 130px);
  margin: 0;
  padding: 0 0 40px;
  background: #f7f8fa;
}
.package-edit-page.is-dialog-mode[data-v-abbb62f0] {
  height: 100%;
  min-height: 100%;
  overflow-y: auto;
}
.edit-topbar[data-v-abbb62f0] {
  position: sticky;
  top: 0;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 72px;
  padding: 0 36px;
  border-bottom: 1px solid #ebeef5;
  background: #fff;
}
.topbar-left[data-v-abbb62f0],
.topbar-actions[data-v-abbb62f0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
}
.topbar-left[data-v-abbb62f0] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #111827;
  font-size: 13px;
}
.back-btn[data-v-abbb62f0] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  margin-right: 12px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
}
.back-btn[data-v-abbb62f0]:hover, .back-btn[data-v-abbb62f0]:focus {
  background: #f3f4f6;
  color: #111827;
  outline: none;
}
.crumb-main[data-v-abbb62f0],
.crumb-muted[data-v-abbb62f0],
.crumb-separator[data-v-abbb62f0] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: #6b7280;
}
.crumb-separator[data-v-abbb62f0] {
  margin: 0 8px;
}
.topbar-left strong[data-v-abbb62f0] {
  min-width: 0;
  overflow: hidden;
  color: #111827;
  font-size: 13px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.status-tag[data-v-abbb62f0] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: 10px;
}
.topbar-actions[data-v-abbb62f0] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  gap: 8px;
  margin-left: 24px;
}
.topbar-actions[data-v-abbb62f0]  .el-button + .el-button {
  margin-left: 0;
}
.cancel-text-btn[data-v-abbb62f0] {
  color: #6b7280;
}
.cancel-text-btn[data-v-abbb62f0]:hover, .cancel-text-btn[data-v-abbb62f0]:focus {
  color: #e55249;
}
.topbar-plain-btn[data-v-abbb62f0] {
  height: 32px;
  padding: 0 14px;
  border-color: #dfe4ec;
  color: #374151;
}
.topbar-save-btn[data-v-abbb62f0] {
  height: 32px;
  padding: 0 16px;
  border-color: #e55249;
  background: #e55249;
}
.topbar-save-btn[data-v-abbb62f0]:hover, .topbar-save-btn[data-v-abbb62f0]:focus {
  border-color: #d94c43;
  background: #d94c43;
}
.edit-layout[data-v-abbb62f0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
  max-width: 1320px;
  margin: 16px auto 0;
}
.edit-content[data-v-abbb62f0] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.anchor-section[data-v-abbb62f0] {
  scroll-margin-top: 88px;
  margin-bottom: 24px;
}
@media (max-width: 960px) {
.package-edit-page[data-v-abbb62f0] {
    padding: 0 12px 32px;
}
.edit-topbar[data-v-abbb62f0] {
    display: block;
    margin: 0 -12px;
    padding: 12px 16px;
}
.topbar-actions[data-v-abbb62f0] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 10px 0 0;
}
.edit-layout[data-v-abbb62f0] {
    display: block;
    margin-top: 12px;
}
.edit-layout[data-v-abbb62f0]  .anchor-nav {
    position: static;
    width: auto;
}
.edit-content[data-v-abbb62f0] {
    margin-top: 12px;
}
}
.edit-layout[data-v-abbb62f0]  .anchor-nav {
  top: 88px;
  z-index: 5;
}
.package-manage-shell[data-v-48418778] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100vh - 130px) !important;
  min-height: calc(100vh - 130px) !important;
  margin: 10px 24px;
  padding: 0;
  overflow: hidden;
  background: #fff;
}
.package-edit-dialog[data-v-48418778]  .package-edit-dialog-panel {
  width: 100% !important;
  height: 100%;
  margin: 0 !important;
  border-radius: 0;
}
.package-edit-dialog[data-v-48418778]  .el-dialog__header,
.package-edit-dialog[data-v-48418778]  .el-dialog__footer {
  display: none;
}
.package-edit-dialog[data-v-48418778]  .el-dialog__body {
  height: 100%;
  padding: 0;
  overflow: hidden;
}
.package-toolbar[data-v-48418778] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 18px;
  min-height: 64px;
  padding: 0 24px;
  border-bottom: 1px solid #ebeef5;
  background: #fff;
}
.toolbar-title[data-v-48418778] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 14px;
  min-width: 240px;
}
.toolbar-title h1[data-v-48418778] {
  margin: 0;
  color: #111827;
  font-size: 16px;
  font-weight: 600;
}
.toolbar-title span[data-v-48418778] {
  color: #909399;
  font-size: 12px;
  white-space: nowrap;
}
.toolbar-title strong[data-v-48418778] {
  color: #374151;
  font-weight: 600;
}
.toolbar-actions[data-v-48418778] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
  min-width: 0;
}
.toolbar-search[data-v-48418778] {
  width: 250px;
}
.toolbar-select[data-v-48418778] {
  width: 112px;
}
.page-alert[data-v-48418778] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 0;
}
.package-workbench[data-v-48418778] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  background: #fafafa;
}
.series-sidebar[data-v-48418778] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 240px;
          flex: 0 0 240px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 0;
  border-right: 1px solid #ebeef5;
  background: #fff;
}
.series-sidebar-head[data-v-48418778] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 16px;
  border-bottom: 1px solid #ebeef5;
}
.series-sidebar-head div[data-v-48418778] {
  color: #606266;
  font-size: 12px;
  font-weight: 600;
}
.series-sidebar-head span[data-v-48418778] {
  display: block;
  margin-top: 4px;
  color: #a8abb2;
  font-size: 11px;
}
.series-list[data-v-48418778] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  padding: 12px;
  overflow-y: auto;
}
.series-item[data-v-48418778] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-bottom: 6px;
  padding: 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #303133;
  text-align: left;
  cursor: pointer;
  -webkit-transition: background 0.15s, border-color 0.15s, -webkit-box-shadow 0.15s;
  transition: background 0.15s, border-color 0.15s, -webkit-box-shadow 0.15s;
  transition: background 0.15s, border-color 0.15s, box-shadow 0.15s;
  transition: background 0.15s, border-color 0.15s, box-shadow 0.15s, -webkit-box-shadow 0.15s;
}
.series-item[data-v-48418778]:hover, .series-item[data-v-48418778]:focus {
  background: #f5f7fa;
  outline: none;
}
.series-item.active[data-v-48418778] {
  border-color: #fbc4c4;
  background: #fef0f0;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.series-item.active .series-icon[data-v-48418778] {
  background: #fde2e2;
  color: #f56c6c;
}
.series-icon[data-v-48418778] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 36px;
          flex: 0 0 36px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  margin-right: 10px;
  border-radius: 8px;
  background: #f4f4f5;
  color: #909399;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}
.series-text[data-v-48418778] {
  min-width: 0;
}
.series-text strong[data-v-48418778],
.series-text em[data-v-48418778] {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.series-text strong[data-v-48418778] {
  color: #303133;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
}
.series-text em[data-v-48418778] {
  margin-top: 4px;
  color: #a8abb2;
  font-size: 11px;
  font-style: normal;
}
.package-content[data-v-48418778] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  padding: 24px;
  overflow-y: auto;
  background: #fafafa;
}
.current-series-head[data-v-48418778] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}
.current-series-head h2[data-v-48418778] {
  margin: 0;
  color: #111827;
  font-size: 15px;
  font-weight: 600;
}
.current-series-head span[data-v-48418778] {
  display: block;
  margin-top: 6px;
  color: #606266;
  font-size: 12px;
}
.pricing-note[data-v-48418778] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #606266;
  font-size: 12px;
  white-space: nowrap;
}
.pricing-note i[data-v-48418778] {
  margin-right: 5px;
  color: #909399;
}
.package-grid[data-v-48418778] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.package-sort-item[data-v-48418778] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc((100% - 32px) / 3);
  cursor: move;
}
.package-sort-item.handle[data-v-48418778] {
  cursor: move;
}
.package-sort-item.handle[data-v-48418778]:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.package-card-inner[data-v-48418778] {
  height: 100%;
}
.create-card[data-v-48418778] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc((100% - 32px) / 3);
  min-height: 220px;
  border: 1px dashed #dcdfe6;
  border-radius: 8px;
  background: #fff;
  color: #606266;
  cursor: pointer;
  -webkit-transition: border-color 0.15s, color 0.15s, -webkit-box-shadow 0.15s;
  transition: border-color 0.15s, color 0.15s, -webkit-box-shadow 0.15s;
  transition: border-color 0.15s, color 0.15s, box-shadow 0.15s;
  transition: border-color 0.15s, color 0.15s, box-shadow 0.15s, -webkit-box-shadow 0.15s;
}
.create-card i[data-v-48418778] {
  margin-bottom: 10px;
  font-size: 28px;
  color: #6b7280;
}
.create-card strong[data-v-48418778] {
  color: #303133;
  font-size: 13px;
}
.create-card span[data-v-48418778] {
  margin-top: 8px;
  color: #909399;
  font-size: 11px;
}
.create-card[data-v-48418778]:hover, .create-card[data-v-48418778]:focus {
  border-color: #409eff;
  color: #409eff;
  outline: none;
  -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
          box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}
@media (max-width: 1360px) {
.package-sort-item[data-v-48418778],
.create-card[data-v-48418778] {
    width: calc((100% - 16px) / 2);
}
}
@media (max-width: 960px) {
.package-manage-shell[data-v-48418778] {
    height: auto !important;
    overflow: visible;
}
.package-toolbar[data-v-48418778],
.package-workbench[data-v-48418778],
.current-series-head[data-v-48418778] {
    display: block;
}
.toolbar-actions[data-v-48418778] {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 12px;
}
.series-sidebar[data-v-48418778] {
    border-right: 0;
    border-bottom: 1px solid #ebeef5;
}
.package-content[data-v-48418778] {
    overflow: visible;
}
.pricing-note[data-v-48418778] {
    margin-top: 10px;
    white-space: normal;
}
}
@media (max-width: 640px) {
.package-sort-item[data-v-48418778],
.create-card[data-v-48418778] {
    width: 100%;
}
.toolbar-search[data-v-48418778],
.toolbar-select[data-v-48418778],
.toolbar-lang[data-v-48418778] {
    width: 100%;
}
}
.package-edit-dialog {
  overflow: hidden;
}
.package-edit-dialog-panel {
  width: 100% !important;
  height: 100%;
  margin: 0 !important;
  border-radius: 0;
}
.package-edit-dialog-panel .el-dialog__header,
.package-edit-dialog-panel .el-dialog__footer {
  display: none;
}
.package-edit-dialog-panel .el-dialog__body {
  height: 100%;
  padding: 0;
  overflow: hidden;
}
.package-delete-confirm .el-message-box__btns .package-delete-confirm-btn.el-button--primary {
  color: #fff;
  background-color: #f56c6c;
  border-color: #f56c6c;
}
.package-delete-confirm .el-message-box__btns .package-delete-confirm-btn.el-button--primary:hover,
.package-delete-confirm .el-message-box__btns .package-delete-confirm-btn.el-button--primary:focus {
  color: #fff;
  background-color: #f78989;
  border-color: #f78989;
}
.package-delete-confirm .el-message-box__btns .package-delete-confirm-btn.el-button--primary:active {
  color: #fff;
  background-color: #dd6161;
  border-color: #dd6161;
}

.handle-add[data-v-661e3710] {
  float: right;
}
.color-red[data-v-661e3710] {
  color: red;
}


.handle-add[data-v-afff942c] {
  float: right;
}
.color-red[data-v-afff942c] {
  color: red;
}

.model-card[data-v-442e18ec] {
  margin-top: 20px;
}
.model-card .el-card__header[data-v-442e18ec] {
  padding: 18px 20px 0 20px;
}
.model-card .card-change[data-v-442e18ec] {
  float: right;
}
.model-card .title-img[data-v-442e18ec] {
  width: 22px;
  margin-right: 6px;
  vertical-align: middle;
}
.echarts-item[data-v-442e18ec] {
  height: 300px;
}
.model-table[data-v-442e18ec] {
  margin-top: 20px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.list-button-item[data-v-442e18ec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.list-button-item .el-button[data-v-442e18ec] {
  padding: 7px 15px !important;
  font-size: 12px !important;
}

.software-info[data-v-040f3d17] {
  text-align: center; 
  margin-bottom: 15px;
img {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    margin-right: 5px;
}
.middle {
    vertical-align: middle;
    font-size: 20px;
}
}


.el-icon-s-operation[data-v-ffbf2ca0] {
  font-size: 20px;
}


.handle-add[data-v-3521f804] {
  float: right;
}
.color-red[data-v-3521f804] {
  color: red;
}


.handle-add[data-v-71db8c95] {
  float: right;
}
.color-red[data-v-71db8c95] {
  color: red;
}

.form-btn[data-v-67d5448f] {
  margin: 20px 0 20px 110px;
}
.form-btn[data-v-38f2749c] {
  margin: 20px 0 20px 110px;
}
.app-label-problems .edit-remark[data-v-357eac4c] {
  cursor: pointer;
}
.app-label-problems .edit-remark .remark-icon[data-v-357eac4c] {
  margin-right: 5px;
  font-size: 14px;
  color: #409eff;
}
.app-label-problems .edit-show[data-v-357eac4c] {
  display: none;
}
.app-label-problems .add-icon[data-v-357eac4c] {
  font-size: 20px;
  cursor: pointer;
}
.app-label-problems .tree-column:hover .edit-show[data-v-357eac4c] {
  display: inline;
}
.theme-form-title[data-v-518cf034] {
  font-size: 16px;
  margin-bottom: 20px;
  border-left: 5px solid #409eff;
  padding-left: 10px;
}
.theme-img-box[data-v-518cf034] {
  background-color: #f5f7fa;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.theme-img-box .theme-language-item[data-v-518cf034] {
  cursor: pointer;
  padding-left: 10px;
}
.theme-img-box .theme-language-item.theme-language-item-active[data-v-518cf034] {
  background-color: #f5f7fa;
}
.theme-img-box .theme-language-item[data-v-518cf034]:hover {
  background-color: #f5f7fa;
}
.theme-img-box .theme-img-list[data-v-518cf034] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.theme-img-box .theme-img-list .el-image[data-v-518cf034] {
  width: 100px;
  height: 100px;
  margin-right: 15px;
}
.theme-img-box .theme-img-list .theme-img-list-tip[data-v-518cf034] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
  color: #999;
  font-size: 14px;
}
.theme-img-box .theme-img-box-left[data-v-518cf034] {
  padding: 10px 0;
  height: 400px;
  overflow-y: auto;
  background-color: #fff;
}
.theme-img-box .theme-img-box-right[data-v-518cf034] {
  padding-top: 20px;
  background-color: #fff;
}
@charset "UTF-8";
[data-v-1b7860c1] .el-table__body tr.sortable-chosen {
  background-color: #f5f7fa !important;
  /* 拖拽行的背景色 */
}
[data-v-1b7860c1] .el-table__body tr.sortable-chosen :hover td.el-table__cell {
  background-color: #fff !important;
}
.el-icon-s-operation[data-v-1b7860c1] {
  font-size: 20px;
}
@charset "UTF-8";
[data-v-16cc5f3c] .el-table__body tr.sortable-chosen {
  background-color: #f5f7fa !important;
  /* 拖拽行的背景色 */
}
[data-v-16cc5f3c] .el-table__body tr.sortable-chosen :hover td.el-table__cell {
  background-color: #fff !important;
}
.el-icon-s-operation[data-v-16cc5f3c] {
  font-size: 20px;
}
[data-v-979142f8] .el-date-editor .el-input__icon {
  line-height: 28px;
}
.dialog-content[data-v-adbfce24] {
  padding-bottom: 30px;
}
.dialog-content .upload-block[data-v-adbfce24] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  border: 1px solid #eeeeee;
}
.dialog-content .upload-block .upload-block__icon[data-v-adbfce24] {
  width: 100px;
  height: 82px;
  background-color: #f5f5f5;
  text-align: center;
  font-size: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dialog-content .upload-block .upload-block__content[data-v-adbfce24] {
  padding: 0 20px;
}
.dialog-content .upload-block .upload-block__content .upload-block__content--title[data-v-adbfce24] {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  margin-top: 10px;
}
.dialog-content .upload-block .upload-block__content .upload-block__content--tip[data-v-adbfce24] {
  font-size: 12px;
  color: #999;
}
.dialog-content .upload-block .upload-block__content .upload-block__content--process[data-v-adbfce24] {
  position: absolute;
  right: 10px;
  top: 30px;
  width: 45%;
}
.dialog-content .upload-block .real-upload-element[data-v-adbfce24] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.dialog-content .upload-block .real-upload-element[data-v-adbfce24]  .upload-demo,
.dialog-content .upload-block .real-upload-element[data-v-adbfce24]  .el-upload--text,
.dialog-content .upload-block .real-upload-element[data-v-adbfce24]  .el-button {
  width: 100%;
  height: 100%;
}
.dialog-content .upload-block .remove[data-v-adbfce24] {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  color: #999;
  cursor: pointer;
}
[data-v-64057794] .el-radio__label {
  display: none;
}

.form-border[data-v-71a1cfa6] {
  border-right: 1px solid #dcdfe5;
  border-bottom: 1px solid #dcdfe5;
  padding: 10px;
  line-height: 25px;
  font-size: 15px;
}
.form-container-border[data-v-71a1cfa6] {
  border-left: 1px solid #dcdfe5;
  border-top: 1px solid #dcdfe5;
}
.form-left-bg[data-v-71a1cfa6] {
  background: #f2f5fc;
}

[data-v-6b2ad546] .el-radio__label {
  display: none;
}
.wrap-prodoct-describe .width-input[data-v-03d633a7] {
  width: 90%;
}

.product-mt-20[data-v-47ab4f62] {
  margin-top: 20px;
}
.opSetting[data-v-47ab4f62] {
  text-align: center;
  margin-top: 230px;
}
.spacing[data-v-47ab4f62] {
  margin-top: 10px;
}
.grid-content[data-v-47ab4f62] {
  margin-top: 20px;
}
.mtb-10[data-v-47ab4f62] {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.del-bottom.el-table[data-v-47ab4f62]::before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
}

[data-v-511ecee0] .el-radio__label {
  display: none;
}
.el-rate[data-v-3c63a193] {
  line-height: 2;
}
.el-rate[data-v-0fc62aae] {
  line-height: 2;
}

















































































































































































































































































































































































































































































/* index.scss 的 .dialog-form .el-form-item { height: 32px } 锁定了 el-form-item 本身的高度，
   上传区需要自适应，对这个 class 单独放开 */
.upload-form-item[data-v-ee7d3426],
.remark-form-item[data-v-ee7d3426] {
  height: auto !important;
}
.full-width[data-v-ee7d3426] {
  width: 100%;
}
.filename-text[data-v-ee7d3426] {
  color: #606266;
}
.duplicate-alert[data-v-ee7d3426] {
  margin-top: 12px;
  margin-bottom: 8px;
}

.loading-btn[data-v-33f6ed5c] {
  color: #d52121 !important;
}
.upload-wrap[data-v-563dd63a] {
  width: 100%;
  display: inline-block;
}
.tip-dialog-title[data-v-563dd63a] {
  font-size: 16px;
  font-weight: 600;
  color: #303133;
}
.tip-dialog-title i[data-v-563dd63a] {
  color: #409eff;
  margin-right: 6px;
}
.tip-section[data-v-563dd63a] {
  margin-bottom: 16px;
}
.tip-section__heading[data-v-563dd63a] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin: 0 0 8px;
}
.tip-section__text[data-v-563dd63a] {
  font-size: 13px;
  color: #606266;
  line-height: 1.7;
  margin: 4px 0;
}
.tip-tags[data-v-563dd63a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 12px;
}
.tip-upload-hint[data-v-563dd63a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin-top: 10px;
  padding: 10px 12px;
  background: #f0f9ff;
  border: 1px solid #d9ecff;
  border-radius: 6px;
  font-size: 12px;
  color: #595959;
  line-height: 1.7;
}
.tip-upload-hint__icon[data-v-563dd63a] {
  color: #409eff;
  margin-right: 4px;
  font-size: 13px;
}
.tip-upload-hint__demo[data-v-563dd63a] {
  -ms-flex-item-align: start;
      align-self: flex-start;
  border: 1px solid #e4e7ed;
  border-radius: 6px;
  overflow: hidden;
  width: 160px;
}
.tip-upload-hint__demo-img[data-v-563dd63a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 80px;
  background: #f5f7fa;
  color: #c0c4cc;
  font-size: 12px;
  gap: 4px;
}
.tip-upload-hint__demo-img i[data-v-563dd63a] {
  font-size: 24px;
}
.tip-upload-hint__demo-tag[data-v-563dd63a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 8px;
  height: 24px;
  background: #ecf5ff;
  border-top: 1px solid #d9ecff;
}
.tip-upload-hint__demo-tag i[data-v-563dd63a] {
  color: #409eff;
  font-size: 13px;
  margin-left: 4px;
}
.tip-upload-hint__demo-text[data-v-563dd63a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 11px;
  font-family: Menlo, Monaco, monospace;
  color: #409eff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tip-steps[data-v-563dd63a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.tip-step[data-v-563dd63a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.tip-step__num[data-v-563dd63a] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1677ff, #4096ff);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 2px;
}
.tip-step__body[data-v-563dd63a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tip-step__title[data-v-563dd63a] {
  font-size: 13px;
  font-weight: 600;
  color: #262626;
  margin-bottom: 8px;
}
.tip-step__card[data-v-563dd63a]  .el-card__body {
  padding: 12px 14px;
}
.tip-step__card-meta[data-v-563dd63a] {
  font-size: 11px;
  color: #8c8c8c;
  margin-bottom: 8px;
}
.tip-step__card-text[data-v-563dd63a] {
  font-size: 12px;
  color: #595959;
  line-height: 1.8;
}
.tip-step__mark-row[data-v-563dd63a] {
  display: block;
  margin: 6px 0;
}
.tip-step__mark[data-v-563dd63a] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border: 1.5px dashed #fa8c16;
  border-radius: 6px;
  background: #fff7e6;
}
.tip-step__mark code[data-v-563dd63a] {
  font-size: 11px;
  color: #fa8c16;
  font-family: Menlo, Monaco, monospace;
}
.tip-step__mark-label[data-v-563dd63a] {
  font-size: 10px;
  color: #fa8c16;
}
.tip-step__rules[data-v-563dd63a] {
  margin-top: 10px;
  padding: 10px 12px;
  background: #f0f5ff;
  border: 1px solid #adc6ff;
  border-radius: 6px;
}
.tip-step__rules-title[data-v-563dd63a] {
  font-size: 12px;
  font-weight: 600;
  color: #2f54eb;
  margin-bottom: 6px;
}
.tip-step__rules-list[data-v-563dd63a] {
  margin: 0;
  padding-left: 18px;
  font-size: 12px;
  color: #595959;
  line-height: 2;
}
.tip-step__rules-list code[data-v-563dd63a] {
  font-size: 11px;
  color: #fa8c16;
  font-family: Menlo, Monaco, monospace;
  background: #fff7e6;
  padding: 0 4px;
  border-radius: 3px;
}
.tip-demo[data-v-563dd63a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tip-demo__source[data-v-563dd63a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 110px;
}
.tip-demo__results[data-v-563dd63a] {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  min-width: 200px;
}
.tip-demo__label[data-v-563dd63a] {
  font-size: 11px;
  margin-bottom: 6px;
}
.tip-demo__label--gray[data-v-563dd63a] {
  color: #8c8c8c;
}
.tip-demo__label--green[data-v-563dd63a] {
  color: #52c41a;
}
.tip-demo__arrow[data-v-563dd63a] {
  font-size: 20px;
  color: #1677ff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.tip-demo__box[data-v-563dd63a] {
  border-radius: 6px;
  padding: 10px;
  text-align: center;
}
.tip-demo__box--gray[data-v-563dd63a] {
  background: #fafafa;
  border: 1.5px solid #d9d9d9;
}
.tip-demo__icon[data-v-563dd63a] {
  font-size: 18px;
  margin-bottom: 4px;
}
.tip-demo__lines[data-v-563dd63a] {
  font-size: 10px;
  color: #595959;
  line-height: 1.7;
}
.tip-demo__filename[data-v-563dd63a] {
  margin-top: 6px;
  font-size: 9px;
  color: #bfbfbf;
}
.tip-demo__langs[data-v-563dd63a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}
.tip-demo__lang[data-v-563dd63a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 6px;
  padding: 8px;
  text-align: center;
}
.tip-demo__lang--blue[data-v-563dd63a] {
  background: #f0f5ff;
  border: 1px solid #adc6ff;
}
.tip-demo__lang--blue .tip-demo__lines[data-v-563dd63a] {
  color: #2f54eb;
}
.tip-demo__lang--blue .tip-demo__flag[data-v-563dd63a] {
  color: #2f54eb;
}
.tip-demo__lang--green[data-v-563dd63a] {
  background: #f6ffed;
  border: 1px solid #b7eb8f;
}
.tip-demo__lang--green .tip-demo__lines[data-v-563dd63a] {
  color: #389e0d;
}
.tip-demo__lang--green .tip-demo__flag[data-v-563dd63a] {
  color: #389e0d;
}
.tip-demo__lang--orange[data-v-563dd63a] {
  background: #fff7e6;
  border: 1px solid #ffd591;
}
.tip-demo__lang--orange .tip-demo__lines[data-v-563dd63a] {
  color: #d46b08;
}
.tip-demo__lang--orange .tip-demo__flag[data-v-563dd63a] {
  color: #d46b08;
}
.tip-demo__flag[data-v-563dd63a] {
  margin-top: 4px;
  font-size: 9px;
  font-weight: 600;
}
.upload-wrap[data-v-474a851d] {
  width: 100%;
  display: inline-block;
}
.pagination-sty[data-v-6a57bec8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.tag-group[data-v-6a57bec8],
.popover-tag-group[data-v-6a57bec8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.svg-translation[data-v-11cece00] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  overflow: hidden;
}
.svg-translation__panel[data-v-11cece00] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.svg-translation__panel--left[data-v-11cece00] {
  border-right: 1px solid #e8e8e8;
}
.svg-translation__header[data-v-11cece00] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 40px;
  padding: 0 12px;
  background: #fafafa;
  border-bottom: 1px solid #e8e8e8;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.svg-translation__header-left[data-v-11cece00] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.svg-translation__header-right[data-v-11cece00] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.svg-translation__title[data-v-11cece00] {
  font-size: 13px;
  color: #333;
  font-weight: 500;
}
.svg-translation__badge[data-v-11cece00] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  padding: 0 7px;
  font-size: 12px;
  color: #666;
  background: #e8e8e8;
  border-radius: 10px;
}
.svg-translation__label[data-v-11cece00] {
  font-size: 13px;
  color: #606266;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.svg-translation__font-input[data-v-11cece00] {
  width: 140px;
}
.svg-translation__lang-select[data-v-11cece00] {
  width: 110px;
}
.svg-translation__format-select[data-v-11cece00] {
  width: 80px;
}
.svg-translation__scale-select[data-v-11cece00] {
  width: 64px;
}
.svg-translation__body[data-v-11cece00] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
  padding: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.svg-translation__body--preview[data-v-11cece00] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.svg-translation__textarea[data-v-11cece00] {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  resize: none;
  font-size: 13px;
  font-family: monospace;
  color: #333;
  line-height: 1.6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.svg-translation__preview[data-v-11cece00] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
.svg-translation__preview-pane[data-v-11cece00] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
.svg-translation__preview-pane img[data-v-11cece00] {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.svg-translation__preview-pane[data-v-11cece00]  svg {
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
}
.svg-translation__placeholder[data-v-11cece00] {
  font-size: 13px;
  color: #bbb;
}
.svg-card[data-v-11cece00] {
  margin-bottom: 8px;
}
.svg-card[data-v-11cece00]  .el-card__header {
  padding: 8px 10px;
}
.svg-card__header[data-v-11cece00] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.svg-card__index[data-v-11cece00] {
  font-size: 12px;
  color: #999;
  font-family: monospace;
}
.svg-card__cols[data-v-11cece00] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding: 0 0 4px;
  border-bottom: 1px dashed #eee;
  margin-bottom: 6px;
}
.svg-card__cols .svg-card__col-label[data-v-11cece00] {
  font-size: 11px;
  color: #bbb;
  letter-spacing: 0.5px;
}
.svg-card__row[data-v-11cece00] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding: 3px 0;
}
.svg-card__row[data-v-11cece00]:not(:last-child) {
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 6px;
  margin-bottom: 3px;
}
.svg-card__row[data-v-11cece00]  .el-input:first-child .el-input__inner {
  background: #f7f8fa;
  color: #888;
  cursor: default;
}
.image-edit-page[data-v-b7796464] {
  height: 100%;
  padding: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.image-edit[data-v-b7796464] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e4e7ed;
  border-radius: 6px;
}
.image-edit__panel[data-v-b7796464] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.image-edit__panel--left[data-v-b7796464] {
  width: 200px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-right: 1px solid #e4e7ed;
}
.image-edit__panel--right[data-v-b7796464] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.image-edit__panel-header[data-v-b7796464] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
  height: 40px;
  padding: 0 14px;
  background: #fafafa;
  border-bottom: 1px solid #e4e7ed;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.image-edit__panel-header .panel-icon[data-v-b7796464] {
  font-size: 16px;
  color: #3a7bd5;
}
.image-edit__panel-header .panel-title[data-v-b7796464] {
  font-size: 14px;
  font-weight: 600;
  color: #1a1a2e;
}
.image-edit__panel-header .panel-count[data-v-b7796464] {
  margin-left: auto;
  font-size: 12px;
  color: #909399;
}
.image-edit__list[data-v-b7796464] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 4px 0;
}
.image-edit__list--grid[data-v-b7796464] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  padding: 8px;
  -ms-flex-line-pack: start;
      align-content: start;
}
.img-item[data-v-b7796464] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  padding: 6px;
  cursor: pointer;
  border-radius: 6px;
  border: 2px solid transparent;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
.img-item[data-v-b7796464]:hover {
  background: #f5f7fa;
}
.img-item.is-active[data-v-b7796464] {
  background: #eef4ff;
  border-color: #3a7bd5;
}
.img-item.is-active .img-item__name[data-v-b7796464] {
  color: #3a7bd5;
  font-weight: 500;
}
.img-item__image[data-v-b7796464] {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 4px;
  border: 1px solid #ebeef5;
  overflow: hidden;
}
.img-item__image[data-v-b7796464]  .el-image__error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f5f7fa;
  color: #c0c4cc;
  font-size: 22px;
}
.img-item__name[data-v-b7796464] {
  width: 100%;
  font-size: 11.5px;
  color: #606266;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.image-edit-drawer .el-drawer__header {
  margin-bottom: 0;
}
.image-edit-drawer .el-drawer__body {
  padding: 0;
  height: calc(100% - 60px);
  overflow: hidden;
}
.edit-type-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.edit-type-box .edit-show {
  color: #409eff;
}
.edit-remark {
  cursor: pointer;
}
.edit-remark .remark-icon {
  margin-right: 5px;
  font-size: 14px;
  color: #409eff;
}
.edit-show {
  display: none;
}
.add-icon {
  font-size: 20px;
  cursor: pointer;
}
.el-table__body tr:hover .edit-show {
  display: inline;
}
.app-container .el-table .loading-btn.el-button--text {
  color: #d52121 !important;
}
.app-container .el-table .unadapted-status.el-button--text {
  color: #e6a23c !important;
}
.wrap-prodoct-describe .width-input[data-v-12478253] {
  width: 90%;
}
.wrap-prodoct-describe .instruct-sty[data-v-12478253]::before {
  height: 0 !important;
}
.wrap-prodoct-describe .width-input[data-v-70b278f5] {
  width: 90%;
}
.wrap-prodoct-describe .soc-form[data-v-70b278f5] {
  width: 50%;
  margin: 100px auto;
}
.wrap-prodoct-describe .instruct-sty[data-v-70b278f5]::before {
  height: 0 !important;
}
.wrap-prodoct-describe .width-input[data-v-1199c5dd] {
  width: 90%;
}
.wrap-prodoct-describe .instruct-sty[data-v-1199c5dd]::before {
  height: 0 !important;
}
[data-v-3f7412f6] .wang-editor {
  height: calc(100vh - 530px) !important;
}
.wrap-prodoct-describe .width-input[data-v-5a4a2020] {
  width: 90%;
}
.wrap-prodoct-describe .soc-form[data-v-5a4a2020] {
  width: 50%;
  margin: 100px auto;
}
.wrap-prodoct-describe .instruct-sty[data-v-5a4a2020]::before {
  height: 0 !important;
}
.wrap-prodoct-describe .width-input[data-v-517b6e19] {
  width: 90%;
}
.wrap-prodoct-describe .instruct-sty[data-v-517b6e19]::before {
  height: 0 !important;
}
.wrap-prodoct-describe .width-input[data-v-7005b4c3] {
  width: 90%;
}
.wrap-prodoct-describe .instruct-sty[data-v-7005b4c3]::before {
  height: 0 !important;
}
.wrap-prodoct-describe[data-v-7005b4c3]  .ql-container.ql-snow {
  height: calc(100vh - 440px) !important;
}
.wrap-prodoct-describe .width-input[data-v-0dc419f2] {
  width: 90%;
}
.wrap-prodoct-describe .instruct-sty[data-v-0dc419f2]::before {
  height: 0 !important;
}
.wrap-prodoct-describe .width-input[data-v-f229fc64] {
  width: 90%;
}
.manual-attachment-upload[data-v-6f456eba]  .el-upload-list__item .el-icon-close {
  display: inline-block;
}
.manual-attachment-upload[data-v-6f456eba]  .el-upload-list__item-status-label {
  right: 28px;
}
.manual-attachment-upload[data-v-6f456eba]  .el-upload-list__item-name {
  margin-right: 50px;
}
.wrap-prodoct-describe .width-input[data-v-6f456eba] {
  width: 90%;
}

.w-full[data-v-1bdec164] {
  width: 100%;
}


.import-chapter-dialog[data-v-e6200d82] .el-dialog {
  max-width: calc(100vw - 48px);
}
.import-chapter-dialog[data-v-e6200d82] .el-dialog__body {
  padding: 16px 24px 0;
}
.import-toolbar[data-v-e6200d82] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: 14px;
  margin-bottom: 14px;
  padding: 12px;
  border: 1px solid #e8eef7;
  border-radius: 8px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8fbff), to(#ffffff));
  background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}
.import-stats[data-v-e6200d82] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.import-stat-card[data-v-e6200d82] {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid #edf1f7;
  border-radius: 6px;
  background: #fff;
  -webkit-transition: border-color 0.18s ease, -webkit-box-shadow 0.18s ease, -webkit-transform 0.18s ease;
  transition: border-color 0.18s ease, -webkit-box-shadow 0.18s ease, -webkit-transform 0.18s ease;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, -webkit-box-shadow 0.18s ease, -webkit-transform 0.18s ease;
}
.import-stat-card[data-v-e6200d82]:hover {
  border-color: #b9d7ff;
  -webkit-box-shadow: 0 8px 16px rgba(0, 125, 255, 0.08);
          box-shadow: 0 8px 16px rgba(0, 125, 255, 0.08);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.stat-label[data-v-e6200d82] {
  display: block;
  color: #606266;
  line-height: 18px;
  white-space: nowrap;
}
.import-stat-card strong[data-v-e6200d82] {
  display: block;
  margin-top: 3px;
  color: #101426;
  font-size: 18px;
  line-height: 22px;
}
.import-search[data-v-e6200d82] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.import-search[data-v-e6200d82] .el-input__inner {
  border-radius: 4px;
}
.import-table[data-v-e6200d82] {
  border-radius: 8px;
  overflow: hidden;
}
.import-table[data-v-e6200d82] th {
  background: #f6f8fc;
  color: #303846;
  font-weight: 700;
}
.import-table[data-v-e6200d82] .el-table__expanded-cell {
  padding: 0;
  background: #f8fafd;
}
.import-table[data-v-e6200d82] .is-selected-source > td {
  background: #f8fbff !important;
}
.manual-cell[data-v-e6200d82] {
  min-width: 0;
}
.manual-name[data-v-e6200d82] {
  overflow: hidden;
  color: #101426;
  font-weight: 600;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.manual-meta[data-v-e6200d82] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}
.manual-meta span[data-v-e6200d82],
.chapter-card-meta span[data-v-e6200d82] {
  padding: 2px 6px;
  border-radius: 4px;
  color: #606266;
  line-height: 18px;
  background: #f2f5fa;
}
.overview-cell[data-v-e6200d82] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}
.overview-item[data-v-e6200d82] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 3px;
  color: #606266;
  line-height: 20px;
}
.overview-item strong[data-v-e6200d82] {
  color: #101426;
  font-size: 15px;
}
.selected-count[data-v-e6200d82] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 28px;
  height: 24px;
  border-radius: 12px;
  color: #909399;
  background: #f2f5fa;
  -webkit-transition: color 0.18s ease, background-color 0.18s ease;
  transition: color 0.18s ease, background-color 0.18s ease;
}
.selected-count.active[data-v-e6200d82] {
  color: #007dff;
  font-weight: 700;
  background: #edf6ff;
}
.chapter-expand[data-v-e6200d82] {
  padding: 12px 16px 14px 56px;
}
.chapter-expand-head[data-v-e6200d82] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
  color: #606266;
  font-weight: 600;
  line-height: 20px;
}
.chapter-check-list[data-v-e6200d82] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.chapter-check-card.el-checkbox.is-bordered[data-v-e6200d82] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: 62px;
  margin: 0;
  padding: 10px 12px;
  border-color: #dfe5ef;
  border-radius: 6px;
  background: #fff;
  -webkit-transition: border-color 0.18s ease, -webkit-box-shadow 0.18s ease, -webkit-transform 0.18s ease;
  transition: border-color 0.18s ease, -webkit-box-shadow 0.18s ease, -webkit-transform 0.18s ease;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, -webkit-box-shadow 0.18s ease, -webkit-transform 0.18s ease;
}
.chapter-check-card.el-checkbox.is-bordered[data-v-e6200d82]:hover {
  border-color: #b9d7ff;
  -webkit-box-shadow: 0 8px 16px rgba(0, 125, 255, 0.08);
          box-shadow: 0 8px 16px rgba(0, 125, 255, 0.08);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.chapter-check-card.el-checkbox.is-bordered.is-checked[data-v-e6200d82] {
  border-color: #007dff;
  background: #f5faff;
}
.chapter-check-card[data-v-e6200d82] .el-checkbox__input {
  margin-top: 3px;
}
.chapter-check-card[data-v-e6200d82] .el-checkbox__label {
  min-width: 0;
  padding-left: 8px;
}
.chapter-check-body[data-v-e6200d82],
.chapter-title-row[data-v-e6200d82],
.chapter-card-meta[data-v-e6200d82] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.chapter-check-body[data-v-e6200d82] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
  gap: 8px;
}
.chapter-title-row[data-v-e6200d82] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  min-width: 0;
}
.chapter-sort-pill[data-v-e6200d82] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 2px 6px;
  border-radius: 4px;
  color: #007dff;
  font-weight: 700;
  line-height: 18px;
  background: #edf6ff;
}
.chapter-title-text[data-v-e6200d82] {
  overflow: hidden;
  color: #101426;
  font-weight: 600;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chapter-card-meta[data-v-e6200d82] {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
}
.import-table-footer[data-v-e6200d82] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
  min-height: 42px;
  margin-top: 10px;
}
.import-pagination[data-v-e6200d82] {
  float: none;
  margin: 0;
}
.import-footer[data-v-e6200d82] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
.footer-selection[data-v-e6200d82] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  color: #606266;
  line-height: 32px;
}
.footer-selection strong[data-v-e6200d82] {
  color: #007dff;
  font-size: 15px;
}
.footer-selection.empty strong[data-v-e6200d82] {
  color: #909399;
}
.selection-dot[data-v-e6200d82] {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #007dff;
}
.footer-selection.empty .selection-dot[data-v-e6200d82] {
  background: #c0c4cc;
}
.footer-actions[data-v-e6200d82] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
@media (max-width: 900px) {
.import-toolbar[data-v-e6200d82] {
    grid-template-columns: 1fr;
}
.chapter-check-list[data-v-e6200d82] {
    grid-template-columns: 1fr;
}
}
@media (max-width: 640px) {
.import-chapter-dialog[data-v-e6200d82] .el-dialog {
    max-width: calc(100vw - 20px);
}
.import-stats[data-v-e6200d82] {
    grid-template-columns: 1fr;
}
.import-search[data-v-e6200d82],
  .import-table-footer[data-v-e6200d82],
  .import-footer[data-v-e6200d82] {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.footer-actions[data-v-e6200d82] {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
}
@media (prefers-reduced-motion: reduce) {
.import-stat-card[data-v-e6200d82],
  .chapter-check-card.el-checkbox.is-bordered[data-v-e6200d82],
  .selected-count[data-v-e6200d82] {
    -webkit-transition: none;
    transition: none;
}
.import-stat-card[data-v-e6200d82]:hover,
  .chapter-check-card.el-checkbox.is-bordered[data-v-e6200d82]:hover {
    -webkit-transform: none;
            transform: none;
}
}


.preview-body[data-v-664ff556] {
  min-height: 260px;
  padding-bottom: 20px;
}
.file-name[data-v-664ff556] {
  margin-bottom: 10px;
  color: #303133;
  font-weight: 500;
}
.preview-video[data-v-664ff556] {
  width: 100%;
  max-height: 420px;
  background: #000;
}


.video-upload-dialog[data-v-7c33bb73] .el-dialog__body {
  padding-bottom: 20px;
}
.upload-form[data-v-7c33bb73] .el-form-item {
  margin-bottom: 16px !important;
}
.upload-form[data-v-7c33bb73] .el-form-item__label {
  height: 32px;
  line-height: 32px;
}
.upload-form[data-v-7c33bb73] .el-form-item__content {
  min-height: 32px;
  line-height: 32px;
}
.upload-form-item[data-v-7c33bb73] {
  height: auto !important;
  margin-bottom: 0 !important;
}
.upload-form-item[data-v-7c33bb73] .el-form-item__content {
  line-height: normal;
}
.upload-area[data-v-7c33bb73] {
  display: inline-block;
  line-height: normal;
}
.upload-form-item[data-v-7c33bb73] .avatar-uploader,
.upload-form-item[data-v-7c33bb73] .el-upload,
.upload-form-item[data-v-7c33bb73] .el-upload-dragger {
  width: 300px;
}
.upload-form-item[data-v-7c33bb73] .el-upload-dragger {
  height: 178px;
}
.upload-tip[data-v-7c33bb73] {
  margin-top: 8px;
  color: #909399;
  line-height: 20px;
}


.manage-body[data-v-21481f86] {
  --vm-primary: #007dff;
  --vm-primary-soft: #edf6ff;
  --vm-primary-border: #b9d7ff;
  --vm-text: #101426;
  --vm-sub-text: #606266;
  --vm-muted: #909399;
  --vm-border: #e6ebf2;
  --vm-panel-bg: #ffffff;
  --vm-fill: #f7f9fc;
  --vm-shadow: 0 10px 26px rgba(16, 20, 38, 0.08);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  min-height: 0;
  max-height: none;
  padding: 2px 2px 18px;
  overflow: hidden;
  color: var(--vm-text);
  font-size: 12px;
  background: linear-gradient(180deg, #f8fbff 0%, #ffffff 132px);
}
.manage-toolbar[data-v-21481f86] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  gap: 12px 16px;
  z-index: 3;
  margin: -2px -2px 14px;
  padding: 12px 14px;
  border: 1px solid #e8eef7;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.96);
  -webkit-box-shadow: 0 8px 20px rgba(16, 20, 38, 0.05);
          box-shadow: 0 8px 20px rgba(16, 20, 38, 0.05);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.manual-status[data-v-21481f86],
.toolbar-filters[data-v-21481f86],
.language-filter[data-v-21481f86] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.manual-status[data-v-21481f86] {
  min-width: 260px;
}
.manual-status-tag[data-v-21481f86] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-radius: 4px;
  font-weight: 600;
}
.manual-summary[data-v-21481f86] {
  color: var(--vm-sub-text);
  line-height: 20px;
  white-space: nowrap;
}
.toolbar-filters[data-v-21481f86] {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: auto;
}
.toolbar-filter-item[data-v-21481f86] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  height: 40px;
  padding: 4px 8px;
  border: 1px solid #edf1f7;
  border-radius: 6px;
  color: var(--vm-text);
  background: var(--vm-fill);
  font-weight: 600;
  white-space: nowrap;
}
.toolbar-label[data-v-21481f86],
.inline-label[data-v-21481f86],
.chapter-title-label[data-v-21481f86] {
  color: var(--vm-sub-text);
  font-weight: 600;
  line-height: 20px;
  white-space: nowrap;
}
.filter-select[data-v-21481f86] {
  width: 128px;
}
.translate-all-btn[data-v-21481f86] {
  min-width: 116px;
}
.manage-layout[data-v-21481f86] {
  display: grid;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  grid-template-columns: minmax(260px, 300px) minmax(0, 1fr);
  gap: 16px;
  min-height: 0;
  overflow: hidden;
}
.chapter-panel[data-v-21481f86],
.language-panel[data-v-21481f86] {
  min-width: 0;
  min-height: 0;
  border: 1px solid var(--vm-border);
  border-radius: 8px;
  background: var(--vm-panel-bg);
  -webkit-box-shadow: 0 8px 22px rgba(16, 20, 38, 0.04);
          box-shadow: 0 8px 22px rgba(16, 20, 38, 0.04);
  overflow: hidden;
  -webkit-animation: manage-panel-in-data-v-21481f86 0.24s cubic-bezier(0.16, 1, 0.3, 1);
          animation: manage-panel-in-data-v-21481f86 0.24s cubic-bezier(0.16, 1, 0.3, 1);
}
.chapter-panel[data-v-21481f86] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.language-panel[data-v-21481f86] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.panel-head[data-v-21481f86] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-height: 56px;
  margin-bottom: 0;
  padding: 13px 14px;
  border-bottom: 1px solid var(--vm-border);
  color: var(--vm-text);
  background: #fbfcff;
  font-weight: 600;
}
.panel-title-wrap[data-v-21481f86] {
  min-width: 0;
}
.panel-title[data-v-21481f86] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: var(--vm-text);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.panel-title[data-v-21481f86]::before {
  display: inline-block;
  width: 4px;
  height: 14px;
  border-radius: 2px;
  background: var(--vm-primary);
  content: '';
}
.panel-subtitle[data-v-21481f86] {
  display: block;
  margin-top: 3px;
  color: var(--vm-muted);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.panel-actions[data-v-21481f86] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  gap: 8px;
}
.chapter-list-wrap[data-v-21481f86] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
}
.chapter-list[data-v-21481f86] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  min-height: 0;
  max-height: none;
  padding: 12px;
  overflow: auto;
  background: #f8fafd;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.chapter-item[data-v-21481f86] {
  position: relative;
  border: 1px solid #dfe5ef;
  border-left: 3px solid transparent;
  border-radius: 6px;
  padding: 12px 42px 12px 11px;
  background: #fff;
  -webkit-box-shadow: 0 4px 12px rgba(16, 20, 38, 0.04);
          box-shadow: 0 4px 12px rgba(16, 20, 38, 0.04);
  cursor: pointer;
  -webkit-transition: border-color 0.18s ease, background-color 0.18s ease, -webkit-box-shadow 0.18s ease,
    -webkit-transform 0.18s ease;
  transition: border-color 0.18s ease, background-color 0.18s ease, -webkit-box-shadow 0.18s ease,
    -webkit-transform 0.18s ease;
  transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease,
    transform 0.18s ease;
  transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease,
    transform 0.18s ease, -webkit-box-shadow 0.18s ease,
    -webkit-transform 0.18s ease;
}
.chapter-item[data-v-21481f86]:hover {
  border-color: var(--vm-primary-border);
  border-left-color: #66b1ff;
  -webkit-box-shadow: 0 8px 18px rgba(0, 125, 255, 0.1);
          box-shadow: 0 8px 18px rgba(0, 125, 255, 0.1);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.chapter-item.active[data-v-21481f86] {
  border-color: #8cc5ff;
  border-left-color: var(--vm-primary);
  background: -webkit-gradient(linear, left top, right top, from(var(--vm-primary-soft)), color-stop(68%, #ffffff));
  background: linear-gradient(90deg, var(--vm-primary-soft) 0%, #ffffff 68%);
  -webkit-box-shadow: 0 10px 22px rgba(0, 125, 255, 0.14);
          box-shadow: 0 10px 22px rgba(0, 125, 255, 0.14);
}
.chapter-main[data-v-21481f86] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  min-width: 0;
}
.chapter-drag-handle[data-v-21481f86] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  color: var(--vm-muted);
  line-height: 20px;
  text-align: center;
  background: #f2f5fa;
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-transition: color 0.18s ease, background-color 0.18s ease;
  transition: color 0.18s ease, background-color 0.18s ease;
}
.chapter-item:hover .chapter-drag-handle[data-v-21481f86],
.chapter-item.active .chapter-drag-handle[data-v-21481f86] {
  color: var(--vm-primary);
  background: #e7f1ff;
}
.chapter-index-pill[data-v-21481f86] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 2px 6px;
  border-radius: 4px;
  color: var(--vm-primary);
  font-weight: 700;
  line-height: 18px;
  background: #eef5ff;
}
.chapter-ghost[data-v-21481f86] {
  border-style: dashed;
  border-color: var(--vm-primary);
  background: var(--vm-primary-soft);
  opacity: 0.65;
}
.chapter-chosen[data-v-21481f86] {
  border-color: var(--vm-primary);
  -webkit-box-shadow: 0 8px 18px rgba(0, 125, 255, 0.18);
          box-shadow: 0 8px 18px rgba(0, 125, 255, 0.18);
}
.chapter-dragging[data-v-21481f86] {
  -webkit-box-shadow: var(--vm-shadow);
          box-shadow: var(--vm-shadow);
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.chapter-title[data-v-21481f86] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  color: var(--vm-text);
  font-weight: 600;
  line-height: 20px;
}
.chapter-title-text[data-v-21481f86] {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.chapter-meta[data-v-21481f86] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
  margin: 10px 0 0 28px;
  color: var(--vm-muted);
  font-size: 12px;
}
.chapter-meta-item[data-v-21481f86] {
  padding: 2px 6px;
  border-radius: 4px;
  color: var(--vm-sub-text);
  line-height: 18px;
  background: #f5f7fa;
}
.chapter-delete-btn[data-v-21481f86] {
  position: absolute;
  top: 10px;
  right: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0 !important;
  border-radius: 4px;
  color: #b8c0cc !important;
  background: #f7f9fc;
  opacity: 0.9;
  -webkit-transition: color 0.18s ease, background-color 0.18s ease, opacity 0.18s ease;
  transition: color 0.18s ease, background-color 0.18s ease, opacity 0.18s ease;
}
.chapter-delete-btn[data-v-21481f86]:hover,
.chapter-delete-btn[data-v-21481f86]:focus {
  color: #f56c6c !important;
  background: #fff1f0;
  opacity: 1;
}
.chapter-delete-btn.is-disabled[data-v-21481f86],
.chapter-delete-btn.is-disabled[data-v-21481f86]:hover,
.chapter-delete-btn.is-disabled[data-v-21481f86]:focus {
  color: #c8cdd6 !important;
  background: #f5f7fa;
  opacity: 0.62;
}
.chapter-filter-empty[data-v-21481f86] {
  position: absolute;
  inset: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding: 18px 12px;
  border: 1px dashed #d8e0eb;
  border-radius: 6px;
  color: var(--vm-muted);
  text-align: center;
  background: #fff;
}
.chapter-title-editor[data-v-21481f86] {
  display: grid;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  grid-template-columns: 112px minmax(260px, 420px) minmax(0, 1fr) auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-bottom: 0;
  padding: 14px;
  border-bottom: 1px solid var(--vm-border);
  background: #fff;
}
.chapter-title-editor span[data-v-21481f86] {
  white-space: nowrap;
}
.language-filter[data-v-21481f86] {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  gap: 12px;
  margin-bottom: 0;
  padding: 12px 14px;
  border-bottom: 1px solid var(--vm-border);
  background: #f8fafd;
}
.language-filter-left[data-v-21481f86],
.language-add-inline[data-v-21481f86],
.default-language-inline[data-v-21481f86] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.language-filter-left[data-v-21481f86] {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.language-add-inline[data-v-21481f86] {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: auto;
  padding: 6px 8px;
  border: 1px solid #edf1f7;
  border-radius: 6px;
  background: #fff;
}
.default-language-inline[data-v-21481f86] {
  grid-column: 4;
  justify-self: end;
  padding-left: 12px;
  border-left: 1px solid #edf1f7;
}
.default-language-select[data-v-21481f86] {
  width: 140px;
}
.add-language-select[data-v-21481f86] {
  width: 220px;
}
.language-table-wrap[data-v-21481f86] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  margin: 12px 14px 14px;
  border-radius: 6px;
  overflow: hidden;
}
.language-table[data-v-21481f86] {
  width: 100% !important;
}
.language-empty-state[data-v-21481f86] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  margin: 12px 14px 14px;
  border: 1px solid var(--vm-border);
  border-radius: 6px;
  background: #fff;
}
.file-link[data-v-21481f86] {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.status-cell[data-v-21481f86] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
}
.status-tag[data-v-21481f86] {
  margin-right: 0;
  border-radius: 4px;
}
.muted[data-v-21481f86],
.empty-tip[data-v-21481f86] {
  color: var(--vm-muted);
}
.empty-tip[data-v-21481f86] {
  margin-top: 10px;
  line-height: 20px;
}
.language-empty-tip[data-v-21481f86] {
  margin: 8px 14px 0;
  padding: 8px 10px;
  border: 1px solid #ffe2b8;
  border-radius: 6px;
  color: #b26a00;
  text-align: left;
  background: #fff7e8;
}
.chapter-empty-state[data-v-21481f86] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
}
.manage-body.is-readonly .chapter-drag-handle[data-v-21481f86] {
  cursor: not-allowed;
}
.video-manual-manage-dialog[data-v-21481f86] .el-dialog {
  max-width: 1420px;
  height: calc(100vh - 120px);
  margin-top: 60px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.video-manual-manage-dialog[data-v-21481f86] .el-dialog__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow: hidden;
}
.manage-body[data-v-21481f86] .el-input__inner {
  border-radius: 4px;
}
.manage-body[data-v-21481f86] .el-input__inner:hover,
.manage-body[data-v-21481f86] .el-select .el-input__inner:hover {
  border-color: #b9d7ff;
}
.manage-body[data-v-21481f86] .el-table {
  color: var(--vm-sub-text);
}
.manage-body[data-v-21481f86] .el-table th {
  background: #f6f8fc;
}
.manage-body[data-v-21481f86] .el-table__body tr:hover > td {
  background: #f8fbff !important;
}
.manage-body[data-v-21481f86] .el-button--text {
  -webkit-transition: color 0.18s ease, opacity 0.18s ease;
  transition: color 0.18s ease, opacity 0.18s ease;
}
.manage-body[data-v-21481f86] .el-button.is-disabled {
  opacity: 0.62;
}
.manage-body[data-v-21481f86] .danger-text-btn {
  color: #f56c6c !important;
}
.manage-body[data-v-21481f86] .danger-text-btn:hover,
.manage-body[data-v-21481f86] .danger-text-btn:focus {
  color: #dd3f3f !important;
}
.manage-body[data-v-21481f86] .danger-text-btn.is-disabled,
.manage-body[data-v-21481f86] .danger-text-btn.is-disabled:hover,
.manage-body[data-v-21481f86] .danger-text-btn.is-disabled:focus {
  color: #c0c4cc !important;
}
@-webkit-keyframes manage-panel-in-data-v-21481f86 {
from {
    opacity: 0;
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes manage-panel-in-data-v-21481f86 {
from {
    opacity: 0;
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@media (max-width: 1280px) {
.manage-layout[data-v-21481f86] {
    grid-template-columns: 240px minmax(0, 1fr);
}
.chapter-title-editor[data-v-21481f86] {
    grid-template-columns: 1fr;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.default-language-inline[data-v-21481f86] {
    grid-column: auto;
    justify-self: stretch;
    padding-left: 0;
    border-left: 0;
}
}
@media (max-width: 980px) {
.manage-toolbar[data-v-21481f86] {
    position: static;
}
.manual-status[data-v-21481f86],
  .toolbar-filters[data-v-21481f86],
  .language-add-inline[data-v-21481f86] {
    width: 100%;
    margin-left: 0;
}
.manual-summary[data-v-21481f86] {
    white-space: normal;
}
.manage-layout[data-v-21481f86] {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(180px, 260px) minmax(0, 1fr);
}
.chapter-list[data-v-21481f86] {
    min-height: 0;
    max-height: none;
}
.language-filter-left[data-v-21481f86],
  .language-add-inline[data-v-21481f86] {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
}
@media (prefers-reduced-motion: reduce) {
.chapter-panel[data-v-21481f86],
  .language-panel[data-v-21481f86] {
    -webkit-animation: none;
            animation: none;
}
.chapter-item[data-v-21481f86],
  .chapter-drag-handle[data-v-21481f86],
  .manage-body[data-v-21481f86] .el-button--text {
    -webkit-transition: none;
    transition: none;
}
.chapter-item[data-v-21481f86]:hover {
    -webkit-transform: none;
            transform: none;
}
}


.filter-select[data-v-df7a5c0c] {
  width: 120px;
}
.updated-by-cascader[data-v-df7a5c0c] {
  width: 160px;
}
.video-manual-page .unadapted-status.el-button--text[data-v-df7a5c0c] {
  color: #e6a23c !important;
}


.product-mt-20[data-v-0018185b] {
  margin-top: 20px;
}
.opSetting[data-v-0018185b] {
  text-align: center;
  margin-top: 230px;
}
.spacing[data-v-0018185b] {
  margin-top: 10px;
}
.grid-content[data-v-0018185b] {
  margin-top: 20px;
}
.mtb-10[data-v-0018185b] {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.del-bottom.el-table[data-v-0018185b]::before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
}

[data-v-569caab8] .el-radio__label {
  display: none;
}
.el-tooltip__popper.is-light.tooltip-clipboard {
  background: none !important;
  border: none !important;
  cursor: pointer;
  margin-left: 0px;
}
@charset "UTF-8";
.custom-class {
  /* 针对原生的 type="number" 输入框，可能需要额外的类或ID来精确定位 */
}
.custom-class input::-webkit-inner-spin-button,
.custom-class input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.available-model-list {
  min-height: 48px;
  max-height: 280px;
  overflow-y: auto;
}
.available-model-item {
  padding: 7px 10px;
  line-height: 20px;
  word-break: break-all;
}
.available-model-item + .available-model-item {
  border-top: 1px solid #ebeef5;
}
.available-model-empty {
  color: #909399;
  line-height: 48px;
  text-align: center;
}
.file-log[data-v-8fd46886] {
  margin: 6px 0;
}
.file-log .el-link[data-v-8fd46886] {
  display: inline-block;
}

.handle-add[data-v-19964f42] {
  float: right;
}
.product-mb-20[data-v-19964f42] {
  margin-bottom: 20px;
}
.product-contain[data-v-19964f42] {
  display: inline-block;
  width: 100%;
}


.select-width[data-v-1acdc6d8] {
  width: 100%;
}
.el-form-item[data-v-1acdc6d8] {
  display: inline-block;
  width: 46%;
  margin-right: 2%;
}
[data-v-1acdc6d8].el-form-item .el-form-item__label {
  padding: 0;
  font-weight: 400;
}
.add-task-title[data-v-1acdc6d8] {
  margin: 12px 0;
  font-weight: 700;
}


.select-width[data-v-42e1b8cb] {
  width: 100%;
}
.el-form-item[data-v-42e1b8cb] {
  display: inline-block;
  width: 46%;
  margin-right: 2%;
}
[data-v-42e1b8cb].el-form-item .el-form-item__label {
  padding: 0;
  font-weight: 400;
}
.add-task-title[data-v-42e1b8cb] {
  margin: 12px 0;
  font-weight: 700;
}


.associate-more[data-v-e72cbdf0] {
  position: relative;
  padding: 20px;
  border: 1px solid #e2e6e9;
  border-radius: 14px;
  margin-bottom: 20px;
  width: 96%;
}
.associate-more .del-icon-wrap[data-v-e72cbdf0] {
  position: absolute;
  right: -30px;
  top: 50%;
  cursor: pointer;
  color: #409eff;
}
.associate-more .more-topics-sty[data-v-e72cbdf0] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 20px 0 20px;
  border-radius: 14px;
  margin-top: 10px;
}
.associate-more .more-topics-sty .del-icon[data-v-e72cbdf0] {
  margin: 9px 0 0 20px;
  cursor: pointer;
  color: #409eff;
}
[data-v-236bf7bc].text-expand .warning-row {
  background: #fbfbfb !important;
}
[data-v-442618b8].text-expand .warning-row {
  background: #fbfbfb !important;
}

.handle-add[data-v-16ac9225] {
  float: right;
}
.color-red[data-v-16ac9225] {
  color: red;
}

.wrap-prodoct-describe .width-input[data-v-42ba410c] {
  width: 90%;
}
.subscribeManage .el-table td > .cell .delete {
  color: #d12222 !important;
}
.subscribeManage .el-table td > .cell .delete {
  color: #d12222 !important;
}

.sd[data-v-47ef1d20] {
  overflow: auto;
  display: block;
}

.my-task-table .details-user[data-v-402f28ac] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
.my-task-table .details-user .user-left[data-v-402f28ac] {
  text-align: center;
  margin-right: 20px;
}
.my-task-table .details-user .user-left p[data-v-402f28ac] {
  margin-top: 10px;
}
.my-task-table .details-user .signature-testing p[data-v-402f28ac] {
  margin-top: 10px;
}
.my-task-table .process-form[data-v-402f28ac]  .el-form-item__label {
  padding: 0 0;
}
.dialog-footer[data-v-402f28ac]  .el-dropdown {
  cursor: pointer;
  margin-right: 20px;
}
.cus-dialog-fixed[data-v-23332a06]  .el-dialog__body {
  height: calc(100vh - 300px);
  max-height: calc(100vh - 300px);
  overflow-y: auto;
}
.process-steps .step-title[data-v-23332a06] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.process-steps .step-title .title-left[data-v-23332a06] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.process-steps .step-title .title-right[data-v-23332a06] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.process-steps .step-title .title-right .right-user[data-v-23332a06] {
  position: relative;
  margin-left: 15px;
  margin-bottom: 15px;
}
.process-steps .step-title .title-right .right-user .user-tag.el-tag--primary[data-v-23332a06] {
  cursor: pointer;
}
.process-steps .step-title .title-right .right-user .user-tag.el-tag--primary[data-v-23332a06]:hover {
  color: #fff;
  background-color: #409eff;
  border-color: #409eff;
}
.process-steps .step-title .title-right .el-icon-success[data-v-23332a06] {
  color: #13ce66;
}
.process-steps .step-title .title-right .el-icon-time[data-v-23332a06] {
  color: #fff;
  background-color: #f78f5f;
  border-radius: 50%;
}
[data-v-3db627ef] .header {
  min-width: 980px;
  position: relative;
}
[data-v-3db627ef] .header .el-menu {
  top: 0;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
[data-v-3db627ef] .header .publish {
  position: absolute;
  top: 15px;
  right: 20px;
  z-index: 1000;
}
[data-v-3db627ef] .header .publish i {
  margin-right: 6px;
}
[data-v-3db627ef] .header .publish button {
  border-radius: 15px;
}
[data-v-3db627ef] .header .back {
  position: absolute;
  z-index: 1000;
  top: 10px;
  left: 20px;
  font-size: small;
}
[data-v-3db627ef] .header .back .back-btn {
  padding: 10px !important;
}
[data-v-3db627ef] .header .back span i {
  border-radius: 10px;
  padding: 7.8px;
  font-size: 20px;
  color: #ffffff;
  margin: 0 10px;
}
.ai-logo-dialog .logo-generate[data-v-708234a8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 70%;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.ai-logo-dialog .img-list[data-v-708234a8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 70%;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-bottom: 20px;
}
.ai-logo-dialog .img-list img[data-v-708234a8] {
  width: 120px;
  height: 120px;
  cursor: pointer;
}
.inner-logo-dialog .img-inner[data-v-cc72bc70] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 30px;
  margin-bottom: 20px;
}
.inner-logo-dialog .img-inner .img-bg[data-v-cc72bc70] {
  width: 146px;
  height: 146px;
  text-align: center;
  background-color: #f5f7fa;
}
.inner-logo-dialog .img-inner .img-bg .inner-icon[data-v-cc72bc70] {
  font-size: 110px;
  line-height: 146px;
}
.inner-logo-dialog .img-inner .select-bg .el-color-picker[data-v-cc72bc70] {
  vertical-align: middle;
}
.inner-logo-dialog .img-inner .mt-10[data-v-cc72bc70] {
  margin-top: 10px;
}
.inner-logo-dialog .img-inner .select-icon[data-v-cc72bc70] {
  cursor: pointer;
  display: inline-block;
  width: 38px;
  height: 38px;
  padding: 2px;
  padding: 4px;
  margin-right: 6px;
  line-height: 28px;
  border: 1px solid #e6e6e6;
  font-size: xx-large;
  text-align: center;
  vertical-align: middle;
}
.inner-logo-dialog .img-inner .select-icon .tools[data-v-cc72bc70] {
  display: inline-block;
  font-size: 28px;
}
.log-icon-list[data-v-cc72bc70] {
  max-height: 300px;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.log-icon-list li[data-v-cc72bc70] {
  width: 30px;
  height: 30px;
  margin: 2px;
}
.log-icon-list li i[data-v-cc72bc70] {
  font-size: 20px;
  cursor: pointer;
}
.base-setup[data-v-3ed34173] {
  overflow: auto;
  margin: 0 auto;
  width: 600px;
  height: calc(100vh - 105px);
  background: #ffffff;
  margin-top: 10px;
  padding: 15px 20px;
}
.base-setup[data-v-3ed34173]  .el-form-item__label {
  padding: 0;
  font-weight: bold;
}
.base-setup[data-v-3ed34173]  .el-form-item {
  margin-bottom: 5px;
}
.base-setup .img-btn-wrap .el-button[data-v-3ed34173] {
  margin-right: 10px;
}
.base-setup .img-btn-wrap .active-btn[data-v-3ed34173] {
  background-color: #409eff;
  color: #fff;
  border: 1px solid #409eff;
}
.base-setup .img-wrap[data-v-3ed34173] {
  margin-top: 14px;
}
.base-setup .img-wrap[data-v-3ed34173]  .el-image.img-preview {
  display: block;
  width: 146px;
  height: 146px;
}
.base-setup .img-wrap[data-v-3ed34173]  .el-image.img-preview .img-tip {
  width: 146px;
  height: 146px;
  text-align: center;
  line-height: 146px;
  color: #566170;
  background-color: #f5f7fa;
}
[data-v-3ed34173]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: #f8f8f8;
}
[data-v-3ed34173]::-webkit-scrollbar-thumb {
  border-radius: 16px;
  background-color: #e8e8e8;
}
[data-v-47e12e07] .options .el-form-item__label {
  display: block;
  width: 100%;
  text-align: left;
}
[data-v-47e12e07] .options .el-icon-rank {
  padding-right: 5px;
  cursor: move;
}
[data-v-47e12e07] .options .option-item .el-input {
  width: 250px;
  float: right;
}
.option-item-label[data-v-47e12e07] {
  height: 30px;
  line-height: 30px;
}
.option-item-label button[data-v-47e12e07] {
  float: right;
}
/*::v-deep .el-form-item {
  margin-bottom: 10px;

  .el-form-item__label {
    padding: 0;
  }
  .options{
    .el-icon-rank{
      cursor: move;
    }
  }
}*/
[data-v-20743795] .el-form-item__label {
  padding: 0 12px 0 0;
}
[data-v-3db945d0] .el-form-item__label {
  padding: 0 12px 0 0;
}
.options .el-form-item__label[data-v-266e33f0] {
  display: block;
  width: 100%;
  text-align: left;
}
.options .el-icon-rank[data-v-266e33f0] {
  padding: 8px 5px 0 0;
  cursor: move;
}
.options .option-item[data-v-266e33f0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  vertical-align: middle;
  margin-bottom: 10px;
}
.options .option-item .input-group[data-v-266e33f0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 250px;
}
.options .option-item .input-group[data-v-266e33f0] > :first-child {
  width: 154px;
}
.option-item-label[data-v-266e33f0] {
  height: 30px;
  line-height: 30px;
}
.option-item-label button[data-v-266e33f0] {
  float: right;
}
.form-component-config .form-display-title[data-v-0f1e2d27] {
  color: #6a6a6a;
  font-size: 14px;
  margin-top: 3px;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-4838ffba]:export {
  theme: #409eff;
}
.work-flow-form-preview[data-v-4838ffba]  .custom-dialog .el-dialog__body {
  padding-bottom: 20px;
}
.form-design-aside[data-v-4838ffba] {
  padding: 0;
}
.choose[data-v-4838ffba] {
  border: 1px dashed #409eff !important;
}
.process-form[data-v-4838ffba]  .el-form-item__label {
  padding: 0 0;
}
.components-nav[data-v-4838ffba] {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 12px 12px 0;
  height: 28px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(17, 31, 44, 0.04);
          box-shadow: 0 2px 4px 0 rgba(17, 31, 44, 0.04);
  border: 1px solid #ecedef;
  border-radius: 16px;
  background-color: #fff;
}
.components-nav .selected[data-v-4838ffba] {
  color: #409eff;
}
.components-nav .border[data-v-4838ffba] {
  border-left: 1px solid #f5f6f6;
  border-right: 1px solid #f5f6f6;
}
.components-nav span[data-v-4838ffba] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  font-size: 12px;
  color: rgba(17, 31, 44, 0.72);
  cursor: pointer;
}
.components-nav span[data-v-4838ffba]:hover {
  color: #409eff;
}
.components[data-v-4838ffba] {
  overflow-x: hidden;
  overflow-y: scroll;
  font-size: 12px;
  width: 100%;
  color: rgba(17, 31, 44, 0.85);
}
.components > p[data-v-4838ffba] {
  padding: 0 20px;
}
.components .drag[data-v-4838ffba] {
  margin-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.components .drag li[data-v-4838ffba] {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 124px;
  height: 38px;
  margin-bottom: 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  cursor: -webkit-grab;
  cursor: grab;
  background-color: #fff;
}
.components .drag li[data-v-4838ffba]:hover {
  border: 1px solid #409eff;
  color: #409eff;
}
.components .drag li i[data-v-4838ffba] {
  margin: 0 12px;
}
.components .drag li[data-v-4838ffba]:nth-child(odd) {
  margin-right: 8px;
}
[data-v-4838ffba] .el-main {
  padding: 0;
}
.layout-main[data-v-4838ffba] {
  background-color: #feffff;
}
.layout-main .tool-nav[data-v-4838ffba] {
  font-size: medium;
  padding: 8px 20px;
  background: #fafafb;
  border-bottom: 1px solid #ebecee;
}
.layout-main .tool-nav div[data-v-4838ffba]:first-child {
  display: inline-block;
  text-align: left;
}
.layout-main .tool-nav div:first-child i[data-v-4838ffba] {
  margin-right: 10px;
}
.layout-main .tool-nav div[data-v-4838ffba]:last-child {
  float: right;
}
.layout-main .tool-nav div:last-child i[data-v-4838ffba] {
  margin-left: 10px;
}
.layout-main .tool-nav i[data-v-4838ffba] {
  color: #7a7a7a;
  cursor: pointer;
}
.layout-main .tool-nav i[data-v-4838ffba]:hover {
  color: #4b4b4b;
}
.layout-main .work-form[data-v-4838ffba] {
  margin: 0 auto;
  height: calc(100% - 38px);
  overflow-y: auto;
  background: #f5f6f6;
  border-left: 1px solid #ebecee;
  border-right: 1px solid #ebecee;
}
.layout-main .work-form .pc[data-v-4838ffba] {
  margin-top: 4%;
}
.layout-main .work-form .pc .drag-from[data-v-4838ffba] {
  height: calc(100vh - 190px);
  background-color: #f5f6f6;
}
.layout-main .work-form .pc .drag-from .form-item[data-v-4838ffba],
.layout-main .work-form .pc .drag-from li[data-v-4838ffba] {
  cursor: -webkit-grab;
  cursor: grab;
  background: #ffffff;
  padding: 10px;
  border: 1px solid #ebecee;
  margin: 5px 0;
}
.layout-main .work-form .mobile[data-v-4838ffba] {
  margin-left: auto;
  margin-right: auto;
  width: 360px;
  max-height: 640px;
  margin-top: 4%;
  border-radius: 24px;
  -webkit-box-shadow: 0 8px 40px 0 rgba(17, 31, 44, 0.12);
          box-shadow: 0 8px 40px 0 rgba(17, 31, 44, 0.12);
}
.layout-main .work-form .mobile .bd[data-v-4838ffba] {
  border: 1px solid rgba(17, 31, 44, 0.08);
  border-radius: 24px;
  padding: 10px 10px;
  background-color: #ffffff;
}
.layout-main .work-form .mobile .bd .form-content[data-v-4838ffba] {
  padding: 3px 2px;
  border-radius: 14px;
  background-color: #f2f4f5;
}
.layout-main .work-form .mobile .bd .form-content .drag-from[data-v-4838ffba] {
  width: 100%;
  height: calc(100vh - 190px);
  min-height: 200px;
  max-height: 600px;
}
.layout-main .work-form .mobile .bd .form-content .form[data-v-4838ffba] {
  overflow-y: auto;
  width: 100%;
  display: inline-block;
  max-height: 640px;
}
.layout-main .work-form .mobile .bd .form-content .form .form-item[data-v-4838ffba],
.layout-main .work-form .mobile .bd .form-content .form li[data-v-4838ffba] {
  border: 1px solid #ffffff;
  list-style: none;
  background: #ffffff;
  padding: 10px;
  margin: 5px 0;
  cursor: -webkit-grab;
  cursor: grab;
}
.layout-main .work-form .tip[data-v-4838ffba] {
  margin: 0 auto;
  width: 65%;
  max-width: 400px;
  padding: 35px 20px;
  border-radius: 10px;
  border: 1px dashed rgba(25, 31, 37, 0.12);
  margin-top: 50px;
  text-align: center;
  font-size: 14px;
  color: #7a7a7a;
  z-index: 9999;
}
.layout-main .work-form .tip[data-v-4838ffba]:hover {
  border: 1px dashed #409eff;
}
.layout-param[data-v-4838ffba] {
  text-align: center;
  font-size: 14px;
  color: #7a7a7a;
  padding: 0 !important;
}
.layout-param .tool-nav-r[data-v-4838ffba] {
  text-align: left;
  font-size: small;
  border-left: 1px solid #ebecee;
  padding: 1px 10px;
  background: #fafafb;
  border-bottom: 1px solid #ebecee;
}
.layout-param .tip[data-v-4838ffba] {
  margin-top: 150px;
}
.flip-list-move[data-v-4838ffba] {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.no-move[data-v-4838ffba] {
  -webkit-transition: -webkit-transform 0s;
  transition: -webkit-transform 0s;
  transition: transform 0s;
  transition: transform 0s, -webkit-transform 0s;
}
.select[data-v-4838ffba] {
  color: #4b4b4b !important;
}
.form-header[data-v-4838ffba] {
  font-size: small;
  color: #818181;
  text-align: left;
  position: relative;
  background-color: #fff;
}
.form-header p[data-v-4838ffba] {
  position: relative;
  margin: 0 0 10px 0;
}
.form-header p span[data-v-4838ffba] {
  position: absolute;
  left: -8px;
  top: 3px;
  color: #d90013;
}
.form-header .option[data-v-4838ffba] {
  position: absolute;
  top: -10px;
  right: -10px;
}
.form-header .option i[data-v-4838ffba] {
  font-size: large;
  cursor: pointer;
  color: #8c8c8c;
  padding: 5px;
}
.form-header .option i[data-v-4838ffba]:hover {
  color: #f56c6c;
}
[data-v-4838ffba]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: #f8f8f8;
}
[data-v-4838ffba]::-webkit-scrollbar-thumb {
  border-radius: 16px;
  background-color: #e8e8e8;
}
.project-logic-container[data-v-7f3505d5] {
  width: 100%;
  padding: 20px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  overflow: hidden;
}
.project-logic-container .ml50[data-v-7f3505d5] {
  margin-left: 50px;
}
.project-logic-container .scrollbar-container[data-v-7f3505d5] {
  width: 1200px;
  height: 100%;
}
.project-logic-container .header-row[data-v-7f3505d5] {
  width: 230px;
  margin-bottom: 20px;
}
.text-desc[data-v-7f3505d5] {
  font-size: 14px;
  line-height: 20px;
  color: #9b9b9b;
  margin-bottom: 10px;
}
[data-v-7f3505d5] .el-scrollbar__wrap {
  overflow-x: hidden;
}
.not-logic-container[data-v-7f3505d5] {
  padding-bottom: 20px;
}
.not-logic-container .el-icon-circle-plus-outline[data-v-7f3505d5] {
  font-size: 20px;
}
.not-logic-container .label[data-v-7f3505d5] {
  font-size: 18px;
}
.logic-item-container[data-v-7f3505d5] {
  padding-top: 10px;
}
.logic-item-container .tips[data-v-7f3505d5] {
  font-size: 14px;
  color: #aaa;
}
.logic-item-container .label[data-v-7f3505d5] {
  font-size: 15px;
}
.logic-item-container .remove[data-v-7f3505d5] {
  color: #ff4949;
}
.logic-item-container .el-select[data-v-7f3505d5] {
  width: auto;
}
.show-logic-container[data-v-7f3505d5] {
  padding: 10px;
  min-width: 950px;
  background-color: #fff;
  height: 100%;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
}
.el-icon-circle-plus-outline[data-v-7f3505d5],
.el-icon-remove-outline[data-v-7f3505d5] {
  font-size: 24px;
}
.logic-item[data-v-7f3505d5] {
  position: relative;
}
.logic-item .logic-item-delete[data-v-7f3505d5] {
  position: absolute;
  right: 20px;
  top: -15px;
  color: #ff4d4f;
  cursor: pointer;
}
.node-select div[data-v-00f87e42] {
  display: inline-block;
  margin: 5px 5px;
  cursor: pointer;
  padding: 10px 15px;
  border: 1px solid #f8f9f9;
  background-color: #f8f9f9;
  border-radius: 10px;
  width: 118px;
  position: relative;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.node-select div span[data-v-00f87e42] {
  position: absolute;
  left: 65px;
  top: 18px;
}
.node-select div[data-v-00f87e42]:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 0 8px 2px #d6d6d6;
          box-shadow: 0 0 8px 2px #d6d6d6;
}
.node-select div i[data-v-00f87e42] {
  font-size: 25px;
  padding: 5px;
  border: 1px solid #dedfdf;
  border-radius: 14px;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-439c0377]:export {
  theme: #409eff;
}
.root[data-v-439c0377]:before {
  display: none !important;
}
.node-error-state .node-body[data-v-439c0377] {
  -webkit-box-shadow: 0px 0px 5px 0px #f56c6c !important;
          box-shadow: 0px 0px 5px 0px #f56c6c !important;
}
.node[data-v-439c0377] {
  padding: 0 50px;
  width: 220px;
  position: relative;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.node[data-v-439c0377]:before {
  content: "";
  position: absolute;
  top: -12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  border-style: solid;
  border-width: 8px 6px 4px;
  border-color: #cacaca transparent transparent;
  background: #f5f5f7;
}
.node .node-body[data-v-439c0377] {
  cursor: pointer;
  max-height: 120px;
  position: relative;
  border-radius: 5px;
  background-color: white;
  -webkit-box-shadow: 0px 0px 5px 0px #d8d8d8;
          box-shadow: 0px 0px 5px 0px #d8d8d8;
}
.node .node-body[data-v-439c0377]:hover {
  -webkit-box-shadow: 0px 0px 3px 0px #409eff;
          box-shadow: 0px 0px 3px 0px #409eff;
}
.node .node-body:hover .node-body-header .el-icon-close[data-v-439c0377] {
  display: inline;
  font-size: medium;
}
.node .node-body .node-body-header[data-v-439c0377] {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 5px 15px;
  color: white;
  font-size: xx-small;
}
.node .node-body .node-body-header .el-icon-close[data-v-439c0377] {
  display: none;
}
.node .node-body .node-body-header .name[data-v-439c0377] {
  height: 14px;
  width: 150px;
  display: inline-block;
  line-height: normal;
}
.node .node-body .node-body-content[data-v-439c0377] {
  padding: 18px;
  color: #656363;
  font-size: 14px;
}
.node .node-body .node-body-content i[data-v-439c0377] {
  position: absolute;
  top: 55%;
  right: 5px;
  font-size: medium;
}
.node .node-body .node-body-content .placeholder[data-v-439c0377] {
  color: #8c8c8c;
}
.node .node-body .node-error[data-v-439c0377] {
  position: absolute;
  right: -40px;
  top: 20px;
  font-size: 25px;
  color: #f56c6c;
}
.node .node-body .node-tips[data-v-439c0377] {
  position: absolute;
  bottom: -14px;
  left: 0px;
  font-size: 12px;
  color: #656363;
}
.node .node-footer[data-v-439c0377] {
  position: relative;
}
.node .node-footer .branch-merge[data-v-439c0377] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: -19px;
  left: 90px;
  width: 38px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px 0 #d8d8d8;
          box-shadow: 0 0 5px 0 #d8d8d8;
}
.node .node-footer .btn[data-v-439c0377] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 26px 0 32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.node .node-footer .btn[data-v-439c0377]  .el-button {
  padding: 9px !important;
}
.node .node-footer[data-v-439c0377]  .el-button {
  height: 32px;
}
.node .node-footer[data-v-439c0377]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  margin: auto;
  width: 2px;
  height: 100%;
  background-color: #cacaca;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-3f67360e]:export {
  theme: #409eff;
}
.node-error-state .node-body[data-v-3f67360e] {
  -webkit-box-shadow: 0px 0px 5px 0px #f56c6c !important;
          box-shadow: 0px 0px 5px 0px #f56c6c !important;
}
.node[data-v-3f67360e] {
  padding: 30px 55px 0;
  width: 220px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.node .node-body[data-v-3f67360e] {
  cursor: pointer;
  min-height: 80px;
  max-height: 120px;
  position: relative;
  border-radius: 5px;
  background-color: white;
  -webkit-box-shadow: 0px 0px 5px 0px #d8d8d8;
          box-shadow: 0px 0px 5px 0px #d8d8d8;
}
.node .node-body[data-v-3f67360e]:hover {
  -webkit-box-shadow: 0px 0px 3px 0px #409eff;
          box-shadow: 0px 0px 3px 0px #409eff;
}
.node .node-body:hover .node-body-left i[data-v-3f67360e],
.node .node-body:hover .node-body-right i[data-v-3f67360e] {
  display: block !important;
}
.node .node-body:hover .node-body-main .option[data-v-3f67360e] {
  display: inline-block !important;
}
.node .node-body .node-body-left[data-v-3f67360e],
.node .node-body .node-body-right[data-v-3f67360e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  height: 100%;
}
.node .node-body .node-body-left i[data-v-3f67360e],
.node .node-body .node-body-right i[data-v-3f67360e] {
  display: none;
}
.node .node-body .node-body-left[data-v-3f67360e]:hover,
.node .node-body .node-body-right[data-v-3f67360e]:hover {
  background-color: #ececec;
}
.node .node-body .node-body-left[data-v-3f67360e] {
  left: 0;
}
.node .node-body .node-body-right[data-v-3f67360e] {
  right: 0;
}
.node .node-body .node-body-main[data-v-3f67360e] {
  position: absolute;
  width: 188px;
  left: 17px;
  display: inline-block;
}
.node .node-body .node-body-main .node-body-main-header[data-v-3f67360e] {
  padding: 10px 0px 5px;
  font-size: xx-small;
  position: relative;
}
.node .node-body .node-body-main .node-body-main-header .title[data-v-3f67360e] {
  color: #718dff;
}
.node .node-body .node-body-main .node-body-main-header .title .name[data-v-3f67360e] {
  display: inline-block;
  height: 14px;
  width: 130px;
  margin-left: 2px;
}
.node .node-body .node-body-main .node-body-main-header .option[data-v-3f67360e] {
  position: absolute;
  right: 0;
  display: none;
  font-size: medium;
}
.node .node-body .node-body-main .node-body-main-header .option i[data-v-3f67360e] {
  color: #888888;
  padding: 0 3px;
}
.node .node-body .node-body-main .node-body-main-content[data-v-3f67360e] {
  padding: 6px;
  color: #656363;
  font-size: 14px;
}
.node .node-body .node-body-main .node-body-main-content i[data-v-3f67360e] {
  position: absolute;
  top: 55%;
  right: 10px;
  font-size: medium;
}
.node .node-body .node-error[data-v-3f67360e] {
  position: absolute;
  right: -40px;
  top: 20px;
  font-size: 25px;
  color: #f56c6c;
}
.node .node-footer[data-v-3f67360e] {
  position: relative;
}
.node .node-footer .btn[data-v-3f67360e] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  padding: 20px 0 32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.node .node-footer .btn[data-v-3f67360e]  .el-button {
  padding: 9px !important;
}
.node .node-footer[data-v-3f67360e]  .el-button {
  height: 32px;
}
.node .node-footer[data-v-3f67360e]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  margin: auto;
  width: 2px;
  height: 100%;
  background-color: #cacaca;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-14d9aa98]:export {
  theme: #409eff;
}
.node-error-state .node-body[data-v-14d9aa98] {
  -webkit-box-shadow: 0px 0px 5px 0px #f56c6c !important;
          box-shadow: 0px 0px 5px 0px #f56c6c !important;
}
.node[data-v-14d9aa98] {
  padding: 30px 55px 0;
  width: 220px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.node .node-body[data-v-14d9aa98] {
  cursor: pointer;
  min-height: 80px;
  max-height: 120px;
  position: relative;
  border-radius: 5px;
  background-color: white;
  -webkit-box-shadow: 0px 0px 5px 0px #d8d8d8;
          box-shadow: 0px 0px 5px 0px #d8d8d8;
}
.node .node-body[data-v-14d9aa98]:hover {
  -webkit-box-shadow: 0px 0px 3px 0px #409eff;
          box-shadow: 0px 0px 3px 0px #409eff;
}
.node .node-body:hover .node-body-left i[data-v-14d9aa98],
.node .node-body:hover .node-body-right i[data-v-14d9aa98] {
  display: block !important;
}
.node .node-body:hover .node-body-main .level[data-v-14d9aa98] {
  display: none !important;
}
.node .node-body:hover .node-body-main .option[data-v-14d9aa98] {
  display: inline-block !important;
}
.node .node-body .node-body-left[data-v-14d9aa98],
.node .node-body .node-body-right[data-v-14d9aa98] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  height: 100%;
}
.node .node-body .node-body-left i[data-v-14d9aa98],
.node .node-body .node-body-right i[data-v-14d9aa98] {
  display: none;
}
.node .node-body .node-body-left[data-v-14d9aa98]:hover,
.node .node-body .node-body-right[data-v-14d9aa98]:hover {
  background-color: #ececec;
}
.node .node-body .node-body-left[data-v-14d9aa98] {
  left: 0;
}
.node .node-body .node-body-right[data-v-14d9aa98] {
  right: 0;
  top: 0;
}
.node .node-body .node-body-main[data-v-14d9aa98] {
  width: 188px;
  margin-left: 17px;
  display: inline-block;
}
.node .node-body .node-body-main .node-body-main-header[data-v-14d9aa98] {
  padding: 10px 0px 5px;
  font-size: xx-small;
  position: relative;
}
.node .node-body .node-body-main .node-body-main-header .title[data-v-14d9aa98] {
  color: #15bca3;
  display: inline-block;
  height: 14px;
  width: 125px;
}
.node .node-body .node-body-main .node-body-main-header .level[data-v-14d9aa98] {
  position: absolute;
  right: 15px;
  color: #888888;
}
.node .node-body .node-body-main .node-body-main-header .option[data-v-14d9aa98] {
  position: absolute;
  right: 0;
  display: none;
  font-size: medium;
}
.node .node-body .node-body-main .node-body-main-header .option i[data-v-14d9aa98] {
  color: #888888;
  padding: 0 3px;
}
.node .node-body .node-body-main .node-body-main-content[data-v-14d9aa98] {
  padding: 6px;
  color: #656363;
  font-size: 14px;
}
.node .node-body .node-body-main .node-body-main-content i[data-v-14d9aa98] {
  position: absolute;
  top: 55%;
  right: 10px;
  font-size: medium;
}
.node .node-body .node-body-main .node-body-main-content .placeholder[data-v-14d9aa98] {
  color: #8c8c8c;
}
.node .node-body .node-error[data-v-14d9aa98] {
  position: absolute;
  right: -40px;
  top: 20px;
  font-size: 25px;
  color: #f56c6c;
}
.node .node-footer[data-v-14d9aa98] {
  position: relative;
}
.node .node-footer .btn[data-v-14d9aa98] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  padding: 20px 0 32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.node .node-footer .btn[data-v-14d9aa98]  .el-button {
  padding: 9px !important;
}
.node .node-footer[data-v-14d9aa98]  .el-button {
  height: 32px;
}
.node .node-footer[data-v-14d9aa98]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  margin: auto;
  width: 2px;
  height: 100%;
  background-color: #cacaca;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-6335845e]:export {
  theme: #409eff;
}
.node-error-state .node-body[data-v-6335845e] {
  -webkit-box-shadow: 0px 0px 5px 0px #f56c6c !important;
          box-shadow: 0px 0px 5px 0px #f56c6c !important;
}
.node[data-v-6335845e] {
  padding: 30px 55px 0;
  width: 220px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.node .node-body[data-v-6335845e] {
  cursor: pointer;
  min-height: 80px;
  max-height: 120px;
  position: relative;
  border-radius: 5px;
  background-color: white;
  -webkit-box-shadow: 0px 0px 5px 0px #d8d8d8;
          box-shadow: 0px 0px 5px 0px #d8d8d8;
}
.node .node-body[data-v-6335845e]:hover {
  -webkit-box-shadow: 0px 0px 3px 0px #409eff;
          box-shadow: 0px 0px 3px 0px #409eff;
}
.node .node-body:hover .node-body-left i[data-v-6335845e],
.node .node-body:hover .node-body-right i[data-v-6335845e] {
  display: block !important;
}
.node .node-body:hover .node-body-main .level[data-v-6335845e] {
  display: none !important;
}
.node .node-body:hover .node-body-main .option[data-v-6335845e] {
  display: inline-block !important;
}
.node .node-body .node-body-left[data-v-6335845e],
.node .node-body .node-body-right[data-v-6335845e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  height: 100%;
}
.node .node-body .node-body-left i[data-v-6335845e],
.node .node-body .node-body-right i[data-v-6335845e] {
  display: none;
}
.node .node-body .node-body-left[data-v-6335845e]:hover,
.node .node-body .node-body-right[data-v-6335845e]:hover {
  background-color: #ececec;
}
.node .node-body .node-body-left[data-v-6335845e] {
  left: 0;
}
.node .node-body .node-body-right[data-v-6335845e] {
  right: 0;
  top: 0;
}
.node .node-body .node-body-main[data-v-6335845e] {
  width: 188px;
  margin-left: 17px;
  display: inline-block;
}
.node .node-body .node-body-main .node-body-main-header[data-v-6335845e] {
  padding: 10px 0px 5px;
  font-size: xx-small;
  position: relative;
}
.node .node-body .node-body-main .node-body-main-header .title[data-v-6335845e] {
  color: #345da2;
  display: inline-block;
  height: 14px;
  width: 125px;
}
.node .node-body .node-body-main .node-body-main-header .level[data-v-6335845e] {
  position: absolute;
  right: 15px;
  color: #888888;
}
.node .node-body .node-body-main .node-body-main-header .option[data-v-6335845e] {
  position: absolute;
  right: 0;
  display: none;
  font-size: medium;
}
.node .node-body .node-body-main .node-body-main-header .option i[data-v-6335845e] {
  color: #888888;
  padding: 0 3px;
}
.node .node-body .node-body-main .node-body-main-content[data-v-6335845e] {
  padding: 6px;
  color: #656363;
  font-size: 14px;
}
.node .node-body .node-body-main .node-body-main-content i[data-v-6335845e] {
  position: absolute;
  top: 55%;
  right: 10px;
  font-size: medium;
}
.node .node-body .node-body-main .node-body-main-content .placeholder[data-v-6335845e] {
  color: #8c8c8c;
}
.node .node-body .node-error[data-v-6335845e] {
  position: absolute;
  right: -40px;
  top: 20px;
  font-size: 25px;
  color: #f56c6c;
}
.node .node-footer[data-v-6335845e] {
  position: relative;
}
.node .node-footer .btn[data-v-6335845e] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  padding: 20px 0 32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.node .node-footer .btn[data-v-6335845e]  .el-button {
  padding: 9px !important;
}
.node .node-footer[data-v-6335845e]  .el-button {
  height: 32px;
}
.node .node-footer[data-v-6335845e]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  margin: auto;
  width: 2px;
  height: 100%;
  background-color: #cacaca;
}
._root[data-v-420340a5] {
  margin: 0 auto;
}
.process-end[data-v-420340a5] {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 60px;
  margin: 0 auto;
  margin-bottom: 20px;
  border-radius: 15px;
  padding: 5px 10px;
  font-size: small;
  color: #747474;
  background-color: #f2f2f2;
  -webkit-box-shadow: 0 0 10px 0 #bcbcbc;
          box-shadow: 0 0 10px 0 #bcbcbc;
}
.primary-node[data-v-420340a5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.branch-node[data-v-420340a5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /*border-top: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc;*/
}
.branch-node-item[data-v-420340a5] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f5f6f6;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc;
}
.branch-node-item[data-v-420340a5]:before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 1px);
  margin: auto;
  width: 2px;
  height: 100%;
  background-color: #cacaca;
}
.branch-node-item .line-top-left[data-v-420340a5],
.branch-node-item .line-top-right[data-v-420340a5],
.branch-node-item .line-bot-left[data-v-420340a5],
.branch-node-item .line-bot-right[data-v-420340a5] {
  position: absolute;
  width: 50%;
  height: 4px;
  background-color: #f5f6f6;
}
.branch-node-item .line-top-left[data-v-420340a5] {
  top: -2px;
  left: -1px;
}
.branch-node-item .line-top-right[data-v-420340a5] {
  top: -2px;
  right: -1px;
}
.branch-node-item .line-bot-left[data-v-420340a5] {
  bottom: -2px;
  left: -1px;
}
.branch-node-item .line-bot-right[data-v-420340a5] {
  bottom: -2px;
  right: -1px;
}
.add-branch-btn[data-v-420340a5] {
  position: absolute;
  width: 80px;
}
.add-branch-btn .add-branch-btn-el[data-v-420340a5] {
  z-index: 999;
  position: absolute;
  top: -15px;
}
.empty-node[data-v-420340a5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.scale-buttons[data-v-420340a5] {
  z-index: 999;
  position: fixed;
  top: 80px;
  right: 40px;
}
.scale-buttons .el-button[data-v-420340a5] {
  padding: 9px !important;
}
.scale-buttons span[data-v-420340a5] {
  margin: 0 10px;
  font-size: 15px;
  color: #7a7a7a;
  width: 50px;
}
.org-item[data-v-3b1545d3] {
  margin: 5px;
}
.user-type[data-v-e81269a6]  .el-radio {
  width: 110px;
  margin-top: 10px;
  margin-bottom: 20px;
}
[data-v-e81269a6] .line-mode .el-radio {
  width: 150px;
  margin: 5px;
}
[data-v-e81269a6] .el-form-item__label {
  line-height: 25px;
}
[data-v-e81269a6] .approve-mode .el-radio {
  float: left;
  width: 100%;
  display: block;
  margin-top: 15px;
}
[data-v-e81269a6] .approve-end {
  position: relative;
}
[data-v-e81269a6] .approve-end .el-radio-group {
  width: 160px;
}
[data-v-e81269a6] .approve-end .el-radio {
  margin-bottom: 5px;
  width: 100%;
}
[data-v-e81269a6] .approve-end .approve-end-leave {
  position: absolute;
  bottom: -5px;
  left: 150px;
}
[data-v-e81269a6] .el-divider--horizontal {
  margin: 10px 0;
}
.user-type[data-v-42d09422]  .el-radio {
  width: 110px;
  margin-top: 10px;
  margin-bottom: 20px;
}
[data-v-42d09422] .line-mode .el-radio {
  margin-right: 16px;
}
[data-v-42d09422] .el-form-item__label {
  line-height: 25px;
}
[data-v-42d09422] .approve-mode .el-radio {
  float: left;
  width: 100%;
  display: block;
  margin-top: 15px;
}
[data-v-42d09422] .approve-end {
  position: relative;
}
[data-v-42d09422] .approve-end .el-radio-group {
  width: 160px;
}
[data-v-42d09422] .approve-end .el-radio {
  margin-bottom: 5px;
  width: 100%;
}
[data-v-42d09422] .approve-end .approve-end-leave {
  position: absolute;
  bottom: -5px;
  left: 150px;
}
[data-v-42d09422] .el-divider--horizontal {
  margin: 10px 0;
}
.group[data-v-5888a29f] {
  margin-bottom: 20px;
  color: #5e5e5e;
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid #e3e3e3;
}
.group .group-header[data-v-5888a29f] {
  padding: 5px 10px;
  background: #e3e3e3;
  position: relative;
}
.group .group-header div[data-v-5888a29f] {
  display: inline-block;
}
.group .group-header .group-name[data-v-5888a29f] {
  font-size: small;
}
.group .group-header .group-cp[data-v-5888a29f] {
  font-size: small;
  position: absolute;
  left: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.group .group-header .group-operation[data-v-5888a29f] {
  position: absolute;
  right: 10px;
}
.group .group-header .group-operation i[data-v-5888a29f] {
  padding: 0 10px;
}
.group .group-header .group-operation i[data-v-5888a29f]:hover {
  cursor: pointer;
}
.group .group-content[data-v-5888a29f] {
  padding: 10px 5px;
}
.group .group-content p[data-v-5888a29f] {
  text-align: center;
  font-size: small;
}
.group .group-content .el-icon-delete[data-v-5888a29f] {
  position: absolute;
  cursor: pointer;
  top: 12px;
  right: 0;
}
.group .group-content .item-desc[data-v-5888a29f] {
  display: inline-block;
  width: 120px;
  margin-right: 10px;
}
.group .condition-title[data-v-5888a29f] {
  display: block;
  width: 100px;
}
.choose[data-v-66247ea9] {
  border-radius: 5px;
  margin-top: 2px;
  background: #f4f4f4;
  border: 1px dashed #1890ff !important;
}
.drag-hover[data-v-66247ea9] {
  color: #1890ff;
}
.drag-no-choose[data-v-66247ea9] {
  cursor: move;
  background: #f8f8f8;
  border-radius: 5px;
  margin: 5px 0;
  height: 25px;
  padding: 5px 10px;
  border: 1px solid #ffffff;
}
.drag-no-choose div[data-v-66247ea9] {
  display: inline-block;
  font-size: small !important;
}
.drag-no-choose div[data-v-66247ea9]:nth-child(2) {
  float: right !important;
}
.option[data-v-727cbd0a] {
  color: #606266;
  margin-top: 20px;
  font-size: small;
}
.desc[data-v-727cbd0a] {
  font-size: small;
  color: #8c8c8c;
}
.org-item[data-v-727cbd0a] {
  margin: 5px;
}
.group[data-v-f1f68e64] {
  margin-bottom: 20px;
  color: #5e5e5e;
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid #e3e3e3;
}
.group .group-header[data-v-f1f68e64] {
  padding: 5px 10px;
  background: #e3e3e3;
  position: relative;
}
.group .group-header div[data-v-f1f68e64] {
  display: inline-block;
}
.group .group-header .group-name[data-v-f1f68e64] {
  font-size: small;
}
.group .group-header .group-cp[data-v-f1f68e64] {
  font-size: small;
  position: absolute;
  left: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.group .group-header .group-operation[data-v-f1f68e64] {
  position: absolute;
  right: 10px;
}
.group .group-header .group-operation i[data-v-f1f68e64] {
  padding: 0 10px;
}
.group .group-header .group-operation i[data-v-f1f68e64]:hover {
  cursor: pointer;
}
.group .group-content[data-v-f1f68e64] {
  padding: 10px 5px;
}
.group .group-content .group-content-item[data-v-f1f68e64] {
  margin: 0 5px 10px 5px;
}
.group .group-content .create-outParams[data-v-f1f68e64] {
  padding-left: 5px;
  color: #409eff;
  cursor: pointer;
}
.group .group-content .group-content-label[data-v-f1f68e64] {
  display: inline-block;
  width: 115px;
  text-align: right;
  font-size: small;
  font-weight: bold;
}
.group .group-content > div > div + div[data-v-f1f68e64] {
  margin-top: 10px;
}
.group .group-content p[data-v-f1f68e64] {
  text-align: center;
  font-size: small;
}
.group .group-content .el-icon-delete[data-v-f1f68e64] {
  cursor: pointer;
  top: 12px;
  right: 0;
}
.group .group-content .item-desc[data-v-f1f68e64] {
  display: inline-block;
  width: 120px;
  margin-right: 10px;
}
.group .condition-title[data-v-f1f68e64] {
  display: block;
  width: 100px;
}
.item-desc[data-v-2365f506] {
  color: #939494;
}
.trigger-node-config .user-type .el-radio-group .el-radio[data-v-2365f506] {
  margin-bottom: 10px;
}
[data-v-2d01a94b] .el-table__row > td:first-child .cell {
  text-align: left;
}
[data-v-2d01a94b] .el-table__row .cell {
  text-align: center;
}
[data-v-2d01a94b] .el-table__row .el-radio__label {
  display: none;
}
.desc[data-v-612d5a8c] {
  font-size: small;
  color: #8c8c8c;
}
.org-item[data-v-612d5a8c] {
  margin: 5px;
}
.choose[data-v-09925671] {
  border-radius: 5px;
  margin-top: 2px;
  background: #f4f4f4;
  border: 1px dashed #1890ff !important;
}
.drag-hover[data-v-09925671] {
  color: #1890ff;
}
.drag-no-choose[data-v-09925671] {
  cursor: move;
  background: #f8f8f8;
  border-radius: 5px;
  margin: 5px 0;
  height: 25px;
  line-height: 25px;
  padding: 5px 10px;
  border: 1px solid #ffffff;
}
.drag-no-choose div[data-v-09925671] {
  display: inline-block;
  font-size: small !important;
}
.drag-no-choose div[data-v-09925671]:nth-child(2) {
  float: right !important;
}
.design[data-v-5dfafaa5] {
  height: 100%;
  overflow: auto;
  cursor: -webkit-grab;
  cursor: grab;
}
.design.is-grabbing[data-v-5dfafaa5] {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.scale-space[data-v-5dfafaa5] {
  position: relative;
  width: 100%;
  min-height: 100%;
}
.scale-wrapper[data-v-5dfafaa5] {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: top left;
          transform-origin: top left;
}
.scale[data-v-5dfafaa5] {
  z-index: 999;
  position: fixed;
  top: 80px;
  right: 40px;
}
.scale .el-button[data-v-5dfafaa5] {
  padding: 9px !important;
}
.scale span[data-v-5dfafaa5] {
  margin: 0 10px;
  font-size: 15px;
  color: #7a7a7a;
  width: 50px;
}
.node-config-content[data-v-5dfafaa5] {
  padding: 0 20px 20px;
}
[data-v-5dfafaa5] .el-drawer__body {
  overflow-y: auto;
}
.el-main[data-v-5dfafaa5] {
  height: calc(100vh - 81px);
  overflow: auto;
}
.layout-body[data-v-d5158454] {
  min-width: 980px;
}
[data-v-d5158454] .el-step .is-success {
  color: #2a99ff;
  border-color: #2a99ff;
}
.err-info[data-v-d5158454] {
  max-height: 180px;
  overflow-y: auto;
}
.err-info > div[data-v-d5158454] {
  padding: 5px;
  margin: 2px 0;
  width: 220px;
  text-align: left;
  border-radius: 3px;
  background: #fff;
}
.err-info i[data-v-d5158454] {
  margin: 0 5px;
}
[data-v-d5158454]::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  background-color: white;
}
[data-v-d5158454]::-webkit-scrollbar-thumb {
  border-radius: 16px;
  background-color: #e8e8e8;
}
.edit-remark[data-v-336ac8c1] {
  cursor: pointer;
}
.edit-remark .remark-icon[data-v-336ac8c1] {
  margin-right: 5px;
  font-size: 14px;
  color: #409eff;
}
.edit-show[data-v-336ac8c1] {
  display: none;
}
.el-table__body tr:hover .edit-show[data-v-336ac8c1] {
  display: inline;
}
.customer-service[data-v-5b7d421c] {
  padding: 10px 24px;
}
.customer-service .card[data-v-5b7d421c] {
  overflow: hidden;
  background-color: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 8px #eee;
          box-shadow: 0px 0px 8px #eee;
}
.customer-service .header-info[data-v-5b7d421c] {
  padding: 24px 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}
.customer-service .header-info h3[data-v-5b7d421c] {
  margin: 0;
  margin-bottom: 6px;
  font-size: 16px;
}
.customer-service .step-container[data-v-5b7d421c] {
  position: relative;
  margin: 16px 0;
  padding: 24px 16px;
}
.customer-service .step-container .step-wait-time[data-v-5b7d421c] {
  position: absolute;
  top: 16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 12px;
  color: #999;
}
.customer-service .step-container .step-name[data-v-5b7d421c] {
  color: #111;
  font-weight: 600;
}
.customer-service .step-container .step-description[data-v-5b7d421c] {
  color: #999;
}
.customer-service .status-icon[data-v-5b7d421c] {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 10px;
  margin-right: 4px;
  border-radius: 50%;
}
.customer-service .form-detail-container header[data-v-5b7d421c] {
  padding: 16px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ddd;
  font-weight: 600;
}
.customer-service .form-detail-container h5[data-v-5b7d421c] {
  padding-left: 6px;
  font-size: 14px;
  border-left: 5px solid #4490fb;
}
.customer-service .form-detail-container > div[data-v-5b7d421c] {
  padding: 16px;
}
.customer-service .table a[data-v-5b7d421c] {
  color: #4490fb;
}
.customer-service .form-info .el-button[data-v-5b7d421c] {
  padding: 2px !important;
}
.customer-service .form-info .el-form-item[data-v-5b7d421c] {
  width: 100%;
  margin-bottom: 0;
}
.customer-service .form-info[data-v-5b7d421c]  .el-input__inner {
  border: none;
  padding-left: 0;
}
.customer-service .buyerNoteRadio[data-v-5b7d421c] {
  margin-bottom: 5px;
}
.customer-service .gpt-analysis-content[data-v-5b7d421c] {
  min-width: none;
  min-height: 130px;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background-color: #f8f8f8;
}
.customer-service .timeline-item p[data-v-5b7d421c] {
  margin-bottom: 6px;
}
.customer-service .timeline-item[data-v-5b7d421c]  .el-card__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.custom-list[data-v-7d4dbb16] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  font-size: 14px;
}
.list-item[data-v-2c5d8ed9] {
  width: 25%;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-spacing: 0;
}
.list-item[data-v-2c5d8ed9]:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.list-item .title[data-v-2c5d8ed9] {
  font-weight: 600;
  border-bottom: 1px solid #eee;
  background-color: #f8f8f8;
}
.list-item .content[data-v-2c5d8ed9],
.list-item .title[data-v-2c5d8ed9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  padding: 0 16px;
  word-break: break-all;
}
.customer-service[data-v-64de4a85] {
  padding: 10px 24px;
}
.customer-service .card[data-v-64de4a85] {
  overflow: hidden;
  background-color: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 8px #eee;
          box-shadow: 0px 0px 8px #eee;
}
.customer-service .header-info[data-v-64de4a85] {
  padding: 24px 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}
.customer-service .header-info h3[data-v-64de4a85] {
  margin: 0;
  margin-bottom: 6px;
  font-size: 16px;
}
.customer-service .step-container[data-v-64de4a85] {
  position: relative;
  margin: 16px 0;
  padding: 24px 16px;
  padding-top: 50px;
}
.customer-service .step-container .step-wait-time[data-v-64de4a85] {
  position: absolute;
  top: 16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 12px;
  color: #999;
}
.customer-service .step-container .step-name[data-v-64de4a85] {
  color: #111;
  font-weight: 600;
}
.customer-service .step-container .step-description[data-v-64de4a85] {
  color: #999;
}
.customer-service .status-icon[data-v-64de4a85] {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 10px;
  margin-right: 4px;
  border-radius: 50%;
}
.customer-service .form-detail-container header[data-v-64de4a85] {
  padding: 16px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ddd;
  font-weight: 600;
}
.customer-service .form-detail-container h5[data-v-64de4a85] {
  padding-left: 6px;
  font-size: 14px;
  border-left: 5px solid #4490fb;
}
.customer-service .form-info[data-v-64de4a85],
.customer-service .remark[data-v-64de4a85],
.customer-service .gpt-analysis[data-v-64de4a85] {
  padding: 16px;
}
.customer-service .form-info .el-button[data-v-64de4a85] {
  padding: 2px !important;
}
.customer-service .form-info .el-form-item[data-v-64de4a85] {
  width: 100%;
  margin-bottom: 0;
}
.customer-service .form-info[data-v-64de4a85]  .el-input__inner {
  border: none;
  padding-left: 0;
}
.customer-service .form-info .comment-link-input[data-v-64de4a85] {
  border: 1px solid #eee;
  padding-left: 6px;
}
.customer-service .gpt-analysis-content[data-v-64de4a85] {
  min-width: none;
  min-height: 130px;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background-color: #f8f8f8;
}
.customer-service .timeline-item p[data-v-64de4a85] {
  margin-bottom: 6px;
}
.customer-service .timeline-item .timeline-item-head[data-v-64de4a85] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.product-model[data-v-9299d97a] {
  width: 100%;
}
.edit-remark[data-v-b126b108] {
  cursor: pointer;
}
.edit-remark .remark-icon[data-v-b126b108] {
  margin-right: 5px;
  font-size: 14px;
  color: #409eff;
}
.edit-show[data-v-b126b108] {
  display: none;
}
.el-table__body tr:hover .edit-show[data-v-b126b108] {
  display: inline;
}
.customer-service[data-v-430950d2] {
  padding: 10px 24px;
}
.customer-service .card[data-v-430950d2] {
  overflow: hidden;
  background-color: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 8px #eee;
          box-shadow: 0px 0px 8px #eee;
}
.customer-service .header-info[data-v-430950d2] {
  padding: 24px 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}
.customer-service .header-info h3[data-v-430950d2] {
  margin: 0;
  margin-bottom: 6px;
  font-size: 16px;
}
.customer-service .step-container[data-v-430950d2] {
  position: relative;
  margin: 16px 0;
  padding: 24px 16px;
}
.customer-service .step-container .step-wait-time[data-v-430950d2] {
  position: absolute;
  top: 16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 12px;
  color: #999;
}
.customer-service .step-container .step-name[data-v-430950d2] {
  color: #111;
  font-weight: 600;
}
.customer-service .step-container .step-description[data-v-430950d2] {
  color: #999;
}
.customer-service .status-icon[data-v-430950d2] {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 10px;
  margin-right: 4px;
  border-radius: 50%;
}
.customer-service .form-detail-container header[data-v-430950d2] {
  padding: 16px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ddd;
  font-weight: 600;
}
.customer-service .form-detail-container h5[data-v-430950d2] {
  padding-left: 6px;
  font-size: 14px;
  border-left: 5px solid #4490fb;
}
.customer-service .form-detail-container > div[data-v-430950d2] {
  padding: 16px;
}
.customer-service .table a[data-v-430950d2] {
  color: #4490fb;
}
.customer-service .form-info .el-button[data-v-430950d2] {
  padding: 2px !important;
}
.customer-service .form-info .el-form-item[data-v-430950d2] {
  width: 100%;
  margin-bottom: 0;
}
.customer-service .form-info[data-v-430950d2]  .el-input__inner {
  border: none;
  padding-left: 0;
}
.customer-service .buyerNoteRadio[data-v-430950d2] {
  margin-bottom: 5px;
}
.customer-service .gpt-analysis-content[data-v-430950d2] {
  min-width: none;
  min-height: 130px;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background-color: #f8f8f8;
}
.customer-service .timeline-item p[data-v-430950d2] {
  margin-bottom: 6px;
}
.customer-service .timeline-item[data-v-430950d2]  .el-card__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.customer-service[data-v-330c53c0] {
  padding: 10px 24px;
}
.customer-service .card[data-v-330c53c0] {
  overflow: hidden;
  background-color: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 8px #eee;
          box-shadow: 0px 0px 8px #eee;
}
.customer-service .header-info[data-v-330c53c0] {
  padding: 24px 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}
.customer-service .header-info h3[data-v-330c53c0] {
  margin: 0;
  margin-bottom: 6px;
  font-size: 16px;
}
.customer-service .step-container[data-v-330c53c0] {
  position: relative;
  margin: 16px 0;
  padding: 24px 16px;
}
.customer-service .step-container .step-wait-time[data-v-330c53c0] {
  position: absolute;
  top: 16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 12px;
  color: #999;
}
.customer-service .step-container .step-name[data-v-330c53c0] {
  color: #111;
  font-weight: 600;
}
.customer-service .step-container .step-description[data-v-330c53c0] {
  color: #999;
}
.customer-service .status-icon[data-v-330c53c0] {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 10px;
  margin-right: 4px;
  border-radius: 50%;
}
.customer-service .form-detail-container header[data-v-330c53c0] {
  padding: 16px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ddd;
  font-weight: 600;
}
.customer-service .form-detail-container h5[data-v-330c53c0] {
  padding-left: 6px;
  font-size: 14px;
  border-left: 5px solid #4490fb;
}
.customer-service .form-info[data-v-330c53c0],
.customer-service .remark[data-v-330c53c0],
.customer-service .table[data-v-330c53c0],
.customer-service .gpt-analysis[data-v-330c53c0] {
  padding: 16px;
}
.customer-service .table a[data-v-330c53c0] {
  color: #4490fb;
}
.customer-service .form-info .el-button[data-v-330c53c0] {
  padding: 2px !important;
}
.customer-service .form-info .el-form-item[data-v-330c53c0] {
  width: 100%;
  margin-bottom: 0;
}
.customer-service .form-info[data-v-330c53c0]  .el-input__inner {
  border: none;
  padding-left: 0;
}
.customer-service .gpt-analysis-content[data-v-330c53c0] {
  min-width: none;
  min-height: 130px;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background-color: #f8f8f8;
}
.customer-service .timeline-item p[data-v-330c53c0] {
  margin-bottom: 6px;
}
.customer-service .timeline-item[data-v-330c53c0]  .el-card__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.my-task-table .details-user[data-v-81a54a4e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
.my-task-table .details-user .user-left[data-v-81a54a4e] {
  text-align: center;
  margin-right: 20px;
}
.my-task-table .details-user .user-left p[data-v-81a54a4e] {
  margin-top: 10px;
}
.my-task-table .details-user .signature-testing p[data-v-81a54a4e] {
  margin-top: 10px;
}
.my-task-table .process-form[data-v-81a54a4e]  .el-form-item__label {
  padding: 0 0;
}
.dialog-footer[data-v-81a54a4e]  .el-dropdown {
  cursor: pointer;
  margin-right: 20px;
}
.my-task-table .details-user[data-v-160983b6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
.my-task-table .details-user .user-left[data-v-160983b6] {
  text-align: center;
  margin-right: 20px;
}
.my-task-table .details-user .user-left p[data-v-160983b6] {
  margin-top: 10px;
}
.my-task-table .details-user .signature-testing p[data-v-160983b6] {
  margin-top: 10px;
}
.my-task-table .process-form[data-v-160983b6]  .el-form-item__label {
  padding: 0 0;
}
.dialog-footer[data-v-160983b6]  .el-dropdown {
  cursor: pointer;
  margin-right: 20px;
}
.my-task-table .details-user[data-v-886b4244] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
.my-task-table .details-user .user-left[data-v-886b4244] {
  text-align: center;
  margin-right: 20px;
}
.my-task-table .details-user .user-left p[data-v-886b4244] {
  margin-top: 10px;
}
.my-task-table .details-user .signature-testing p[data-v-886b4244] {
  margin-top: 10px;
}
.my-task-table .process-form[data-v-886b4244]  .el-form-item__label {
  padding: 0 0;
}
.dialog-footer[data-v-886b4244]  .el-dropdown {
  cursor: pointer;
  margin-right: 20px;
}
.edit-remark[data-v-87567430] {
  cursor: pointer;
}
.edit-remark .remark-icon[data-v-87567430] {
  margin-right: 5px;
  font-size: 14px;
  color: #409eff;
}
.edit-show[data-v-87567430] {
  display: none;
}
.el-table__body tr:hover .edit-show[data-v-87567430] {
  display: inline;
}
.customer-service[data-v-669706ab] {
  padding: 10px 24px;
}
.customer-service .card[data-v-669706ab] {
  overflow: hidden;
  background-color: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 8px #eee;
          box-shadow: 0px 0px 8px #eee;
}
.customer-service .header-info[data-v-669706ab] {
  padding: 24px 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}
.customer-service .header-info h3[data-v-669706ab] {
  margin: 0;
  margin-bottom: 6px;
  font-size: 16px;
}
.customer-service .step-container[data-v-669706ab] {
  position: relative;
  margin: 16px 0;
  padding: 24px 16px;
}
.customer-service .step-container .step-wait-time[data-v-669706ab] {
  position: absolute;
  top: 16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 12px;
  color: #999;
}
.customer-service .step-container .step-name[data-v-669706ab] {
  color: #111;
  font-weight: 600;
}
.customer-service .step-container .step-description[data-v-669706ab] {
  color: #999;
}
.customer-service .status-icon[data-v-669706ab] {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 10px;
  margin-right: 4px;
  border-radius: 50%;
}
.customer-service .form-detail-container header[data-v-669706ab] {
  padding: 16px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ddd;
  font-weight: 600;
}
.customer-service .form-detail-container h5[data-v-669706ab] {
  padding-left: 6px;
  font-size: 14px;
  border-left: 5px solid #4490fb;
}
.customer-service .form-detail-container > div[data-v-669706ab] {
  padding: 16px;
}
.customer-service .table a[data-v-669706ab] {
  color: #4490fb;
}
.customer-service .form-info .el-button[data-v-669706ab] {
  padding: 2px !important;
}
.customer-service .form-info .el-form-item[data-v-669706ab] {
  width: 100%;
  margin-bottom: 0;
}
.customer-service .form-info[data-v-669706ab]  .el-input__inner {
  border: none;
  padding-left: 0;
}
.customer-service .gpt-analysis-content[data-v-669706ab] {
  min-width: none;
  min-height: 130px;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background-color: #f8f8f8;
}
.customer-service .timeline-item p[data-v-669706ab] {
  margin-bottom: 6px;
}
.customer-service .timeline-item[data-v-669706ab]  .el-card__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mobile-header-container {
  height: 50px;
  width: 100%;
}
.mobile-header-container .mobile-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  height: 50px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
}
.mobile-header-container .mobile-header .nav-header-left,
.mobile-header-container .mobile-header .nav-header-right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mobile-header-container .mobile-header .nav-header-content {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  text-align: center;
}
.mobile-footer {
  position: fixed;
  bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  left: 0;
  width: 100%;
  min-height: 50px;
  background-color: #fff;
  border-top: 1px solid #e8e8e8;
}
.mobile-footer .vertical-menu {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobile-footer .vertical-menu .el-menu-item {
  padding: 4px 20px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  height: 50px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.mobile-footer .vertical-menu .el-menu-item.is-active {
  background-color: transparent;
}
.mobile-footer .vertical-menu .el-menu-item.is-active .menu-icon.start {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjgyNCAxNC4yMDc1QzIzLjcwMjMgMTQuMDg1NCAyMy41NDE4IDE0LjAyMDMgMjMuMzY0OCAxNC4wMjAzQzIzLjE5MzQgMTQuMDIwMyAyMy4wMjc0IDE0LjA5MDkgMjIuOTA1NyAxNC4yMDc1TDIxLjk1MTYgMTUuMTQzQzIxLjgzMTYgMTUuMjYwNyAyMS44MzE3IDE1LjQ1MzkgMjEuOTUxNyAxNS41NzE1TDIzLjk4MjYgMTcuNTYwNkMyNC4xMDQzIDE3LjY3OTkgMjQuMzAwNyAxNy42NzM5IDI0LjQxNSAxNy41NDc1TDI1LjMwOTIgMTYuNTU4N0MyNS40MzM2IDE2LjQzOTQgMjUuNSAxNi4yNzY3IDI1LjUgMTYuMTExMkMyNS41IDE1Ljk0MzEgMjUuNDI4MSAxNS43ODA0IDI1LjMwOTIgMTUuNjYzOEwyMy44MjQgMTQuMjA3NVpNMTUuNzM5NyAxMS42NDQ3SDguNjA0MDJDNy44MjEzMSAxMS42NDQ3IDcuMTg3OTUgMTEuMDIzNiA3LjE4Nzk1IDEwLjI1ODlDNy4xODc5NSA5LjQ5MTM5IDcuODIxMzEgOC44NzMwNyA4LjYwNDAyIDguODczMDdIMTUuNzM5N0MxNi41MjI0IDguODczMDcgMTcuMTU1NyA5LjQ5NDEgMTcuMTU1NyAxMC4yNTg5QzE3LjE1NTcgMTEuMDI2NCAxNi41MjI0IDExLjY0NDcgMTUuNzM5NyAxMS42NDQ3Wk0xMi44NzE2IDE3LjIyMDRIOC42MDQwMkM3LjgyMTMxIDE3LjIyMDQgNy4xODc5NSAxNi41OTk0IDcuMTg3OTUgMTUuODM0NkM3LjE4Nzk1IDE1LjA2NzIgNy44MjEzMSAxNC40NDg4IDguNjA0MDIgMTQuNDQ4OEgxMi44NzE2QzEzLjY1NDMgMTQuNDQ4OCAxNC4yODc2IDE1LjA2OTkgMTQuMjg3NiAxNS44MzQ2QzE0LjI4NzYgMTYuNjAyMSAxMy42NTQzIDE3LjIyMDQgMTIuODcxNiAxNy4yMjA0Wk0xOC45OTQ5IDIuNUg1LjkzNzgzQzQuMDQwNTIgMi41IDIuNSA0LjAwNzg0IDIuNSA1Ljg2ODIzVjIyLjEzMThDMi41IDIzLjk5MjIgNC4wNDA1MiAyNS41IDUuOTM3ODMgMjUuNUgxMC42ODY2VjIyLjg5NTJDMTAuNjg2NiAyMi42MzAzIDEwLjc5MTcgMjIuMzc2MyAxMC45Nzg3IDIyLjE4ODlMMjIuMTQzNCAxMC45OTkxQzIyLjMzMDUgMTAuODExNiAyMi40MzU1IDEwLjU1NzYgMjIuNDM1NSAxMC4yOTI4VjUuODcwOTVDMjIuNDM1NSA0LjAxMDU1IDIwLjg5NSAyLjUgMTguOTk0OSAyLjVaTTEzLjg3NiAyMi45OTAyQzEzLjgxOTEgMjMuMDQ2NSAxMy43ODcgMjMuMTIzMyAxMy43ODcgMjMuMjAzNFYyNS4yQzEzLjc4NyAyNS4zNjU3IDEzLjkyMTQgMjUuNSAxNC4wODcgMjUuNUgxNi4xNDE4QzE2LjIyMDggMjUuNSAxNi4yOTY3IDI1LjQ2ODggMTYuMzUyOCAyNS40MTMyTDIzLjIwOTQgMTguNjI1MUMyMy4zMjg0IDE4LjUwNzMgMjMuMzI3OSAxOC4zMTUgMjMuMjA4NSAxOC4xOTc4TDIxLjE2NDIgMTYuMTkxQzIxLjA0NzEgMTYuMDc2MSAyMC44NTk1IDE2LjA3NjUgMjAuNzQyOSAxNi4xOTE5TDEzLjg3NiAyMi45OTAyWiIgZmlsbD0iIzE5ODlGQSIvPgo8L3N2Zz4K);
}
.mobile-footer .vertical-menu .el-menu-item.is-active .menu-icon.task {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC45NzM2IDcuNDU0NTRIOS4wMjYyOEM4LjY5NDcyIDcuNDU0NTQgOC40NzM2NyA3LjIzNjM3IDguNDczNyA2LjkwOTA5VjQuNzI3MjZDOC40NzM3IDQuMzk5OTggOC42OTQ3MiA0LjE4MTgxIDkuMDI2MjggNC4xODE4MUgxMC4xMzE2VjMuNjM2MzhDMTAuMTMxNiAyLjcwOTA5IDEwLjg1IDIgMTEuNzg5NCAySDE2LjIxMDVDMTcuMTQ5OSAyIDE3Ljg2ODQgMi43MDkwOSAxNy44Njg0IDMuNjM2MzhWNC4xODE4M0gxOC45NzM2QzE5LjMwNTIgNC4xODE4MyAxOS41MjYzIDQuNCAxOS41MjYzIDQuNzI3MjhWNi45MDkxMUMxOS41MjYzIDcuMjM2MzcgMTkuMzA1MiA3LjQ1NDU0IDE4Ljk3MzYgNy40NTQ1NFpNMTUuMTA1MiA0LjcyNzI4QzE1LjEwNTIgNC4xMjcyOCAxNC42MDc5IDMuNjM2MzggMTQgMy42MzYzOEMxMy4zOTIxIDMuNjM2MzggMTIuODk0NyA0LjEyNzMgMTIuODk0NyA0LjcyNzI4QzEyLjg5NDcgNS4zMjcyNyAxMy4zOTIxIDUuODE4MTYgMTQgNS44MTgxNkMxNC42MDc5IDUuODE4MTYgMTUuMTA1MiA1LjMyNzI5IDE1LjEwNTIgNC43MjcyOFpNMjEuMTMxNiA1LjI3MjcxSDIyLjI4OTRDMjMuNTA1MiA1LjI3MjcxIDI0LjUgNi4yNTQ1NSAyNC41IDcuNDU0NTRWMjMuODE4MkMyNC41IDI1LjAxODIgMjMuNTA1MiAyNiAyMi4yODk1IDI2SDUuNzEwNTRDNC40OTQ3NCAyNiAzLjUgMjUuMDE4MiAzLjUgMjMuODE4MlY3LjQ1NDU0QzMuNSA2LjI1NDUzIDQuNDk0NzYgNS4yNzI3MSA1LjcxMDU0IDUuMjcyNzFINi44Njg0NEM3LjE0NDU5IDUuMjcyNzEgNy4zNjg0NCA1LjQ5NjU3IDcuMzY4NDQgNS43NzI3MVY3LjQ1NDU0QzcuMzY4NDQgOC4wNTQ1NSA3Ljg2NTc3IDguNTQ1NDUgOC40NzM2NyA4LjU0NTQ1SDE5LjUyNjNDMjAuMTM0MiA4LjU0NTQ1IDIwLjYzMTYgOC4wNTQ1NSAyMC42MzE2IDcuNDU0NTRWNS43NzI3MUMyMC42MzE2IDUuNDk2NTcgMjAuODU1NCA1LjI3MjcxIDIxLjEzMTYgNS4yNzI3MVpNOSAxMkM4LjQ0NzcyIDEyIDggMTIuNDQ3NyA4IDEzQzggMTMuNTUyMyA4LjQ0NzcxIDE0IDkgMTRIMTlDMTkuNTUyMyAxNCAyMCAxMy41NTIzIDIwIDEzQzIwIDEyLjQ0NzcgMTkuNTUyMyAxMiAxOSAxMkg5Wk04IDE3QzggMTYuNDQ3NyA4LjQ0NzcyIDE2IDkgMTZIMTlDMTkuNTUyMyAxNiAyMCAxNi40NDc3IDIwIDE3QzIwIDE3LjU1MjMgMTkuNTUyMyAxOCAxOSAxOEg5QzguNDQ3NzEgMTggOCAxNy41NTIzIDggMTdaTTkgMjBDOC40NDc3MiAyMCA4IDIwLjQ0NzcgOCAyMUM4IDIxLjU1MjMgOC40NDc3MiAyMiA5IDIySDE0QzE0LjU1MjMgMjIgMTUgMjEuNTUyMyAxNSAyMUMxNSAyMC40NDc3IDE0LjU1MjMgMjAgMTQgMjBIOVoiIGZpbGw9IiMxOTg5RkEiLz4KPC9zdmc+Cg==);
}
.mobile-footer .vertical-menu .el-menu-item.is-active .menu-icon.launch {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjQ4MjYgMTUuODEwOUMyMy41MjYyIDE1LjgxMDkgMjYgMTguMzE5MiAyNiAyMS40MDU0QzI2IDI0LjQ5MTUgMjMuNTI2MiAyNyAyMC40ODI2IDI3QzE3LjQzOSAyNyAxNC45NjUxIDI0LjQ5MTUgMTQuOTY1MSAyMS40MDU0QzE0Ljk2NTEgMTguMzE5MiAxNy40NDE5IDE1LjgxMDkgMjAuNDgyNiAxNS44MTA5Wk04LjY1NzYgMTQuNjI3MkM5Ljc5NzQ3IDE1LjUzNDEgMTEuMjExIDE2LjAyOCAxMi42Njc3IDE2LjAyODRDMTQuMTI0MyAxNi4wMjg3IDE1LjUzODEgMTUuNTM1NSAxNi42Nzg0IDE0LjYyOTFDMTYuODIwOCAxNC42ODY0IDE2Ljk2MTQgMTQuNzQ1OSAxNy4wOTg3IDE0LjgwOTlDMTcuNTgyMiAxNS4wNDEgMTcuMzUxNSAxNS41MjU2IDE3LjA2NTMgMTUuNjkzOEMxMy45Mjk4IDE3LjU0NTEgMTIuODEwMSAyMS41ODYyIDE0LjUzNTggMjQuODIyNkgzLjM0NTQ0QzMuMTY4MjggMjQuODIyNSAyLjk5MjkgMjQuNzg3MSAyLjgyOTU0IDI0LjcxODVDMi42NjYxOCAyNC42NSAyLjUxODEgMjQuNTQ5NiAyLjM5MzkyIDI0LjQyMzJDMi4xNDA5OCAyNC4xNjU5IDEuOTk5NDcgMjMuODE5NCAyIDIzLjQ1ODZDMiAyMy40MTA2IDIuMDAyNzIgMjMuMzYyNiAyLjAwODMyIDIzLjMxNDlDMi41MTg3MiAxOS4zNTcxIDUuMTIyNCAxNi4wNjc3IDguNjU3NDQgMTQuNjI3NEw4LjY1NzYgMTQuNjI3MlpNMjEuNDkyOCAxOC40NTA5QzIxLjE0NzQgMTguMTM2MiAyMC42Mzk1IDE4LjEzNjIgMjAuMzI5MSAxOC40NTA5TDIwLjE2MTggMTguNjIwNkMyMC4wMTI2IDE4Ljc3MzggMTkuOTI5MSAxOC45NzkxIDE5LjkyOTEgMTkuMTkzQzE5LjkyOTEgMTkuNDA2OCAyMC4wMTI2IDE5LjYxMjEgMjAuMTYxOCAxOS43NjUzTDIwLjk0NTYgMjAuNTZIMTcuNzY4QzE3LjMwOTQgMjAuNTY5NiAxNi45NDI2IDIwLjk0OTEgMTYuOTQyNiAyMS40MTQyQzE2Ljk0MjYgMjEuODc5NCAxNy4zMDk0IDIyLjI1OSAxNy43NjgyIDIyLjI2ODNIMjAuOTI1OUwyMC4xNjE2IDIzLjA0MzVDMjAuMDEyMSAyMy4xOTY0IDE5LjkyODQgMjMuNDAxOCAxOS45Mjg0IDIzLjYxNTZDMTkuOTI4NCAyMy44Mjk0IDIwLjAxMjEgMjQuMDM0OCAyMC4xNjE2IDI0LjE4NzdMMjAuMzI5IDI0LjM1NzlDMjAuNDAyNyAyNC40MzI3IDIwLjQ5MDYgMjQuNDkyIDIwLjU4NzUgMjQuNTMyNUMyMC42ODQ0IDI0LjU3MyAyMC43ODg0IDI0LjU5MzkgMjAuODkzNCAyNC41OTM5QzIwLjk5ODUgMjQuNTkzOSAyMS4xMDI1IDI0LjU3MyAyMS4xOTk0IDI0LjUzMjVDMjEuMjk2MyAyNC40OTIgMjEuMzg0MSAyNC40MzI3IDIxLjQ1NzkgMjQuMzU3OUwyMy42MzkyIDIyLjE0NThMMjMuODA2NiAyMS45NzZMMjMuODA4IDIxLjk3ODRDMjMuOTU3NyAyMS44MjUyIDI0LjA0MTQgMjEuNjE5NSAyNC4wNDExIDIxLjQwNTNDMjQuMDQwOSAyMS4xOTExIDIzLjk1NjcgMjAuOTg1NiAyMy44MDY2IDIwLjgzMjhMMjMuNjczOCAyMC42NjI5TDIxLjQ5MjggMTguNDUwOVpNMTIuNzA1MSAzQzE1Ljk0NzQgMyAxOC41NzU4IDUuNjY1MTIgMTguNTc1OCA4Ljk1MjhDMTguNTc1OCAxMi4yNDA2IDE1Ljk0NzQgMTQuOTA1OCAxMi43MDUxIDE0LjkwNThDOS40NjI3MiAxNC45MDU4IDYuODM0NCAxMi4yNDA2IDYuODM0NCA4Ljk1MjhDNi44MzQ0IDUuNjY1MTIgOS40NjI3MiAzIDEyLjcwNTEgM1oiIGZpbGw9IiMxOTg5RkEiLz4KPC9zdmc+Cg==);
}
.mobile-footer .menu-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-bottom: 3px;
  margin-top: 2px;
  background-size: 100%;
  background-repeat: no-repeat;
}
.mobile-footer .menu-icon.start {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjgyNCAxNC4yMDc1QzIzLjcwMjMgMTQuMDg1NCAyMy41NDE4IDE0LjAyMDMgMjMuMzY0OCAxNC4wMjAzQzIzLjE5MzQgMTQuMDIwMyAyMy4wMjc0IDE0LjA5MDkgMjIuOTA1NyAxNC4yMDc1TDIxLjk1MTYgMTUuMTQzQzIxLjgzMTYgMTUuMjYwNyAyMS44MzE3IDE1LjQ1MzkgMjEuOTUxNyAxNS41NzE1TDIzLjk4MjYgMTcuNTYwNkMyNC4xMDQzIDE3LjY3OTkgMjQuMzAwNyAxNy42NzM5IDI0LjQxNSAxNy41NDc1TDI1LjMwOTIgMTYuNTU4N0MyNS40MzM2IDE2LjQzOTQgMjUuNSAxNi4yNzY3IDI1LjUgMTYuMTExMkMyNS41IDE1Ljk0MzEgMjUuNDI4MSAxNS43ODA0IDI1LjMwOTIgMTUuNjYzOEwyMy44MjQgMTQuMjA3NVpNMTUuNzM5NyAxMS42NDQ3SDguNjA0MDJDNy44MjEzMSAxMS42NDQ3IDcuMTg3OTUgMTEuMDIzNiA3LjE4Nzk1IDEwLjI1ODlDNy4xODc5NSA5LjQ5MTM5IDcuODIxMzEgOC44NzMwNyA4LjYwNDAyIDguODczMDdIMTUuNzM5N0MxNi41MjI0IDguODczMDcgMTcuMTU1NyA5LjQ5NDEgMTcuMTU1NyAxMC4yNTg5QzE3LjE1NTcgMTEuMDI2NCAxNi41MjI0IDExLjY0NDcgMTUuNzM5NyAxMS42NDQ3Wk0xMi44NzE2IDE3LjIyMDRIOC42MDQwMkM3LjgyMTMxIDE3LjIyMDQgNy4xODc5NSAxNi41OTk0IDcuMTg3OTUgMTUuODM0NkM3LjE4Nzk1IDE1LjA2NzIgNy44MjEzMSAxNC40NDg4IDguNjA0MDIgMTQuNDQ4OEgxMi44NzE2QzEzLjY1NDMgMTQuNDQ4OCAxNC4yODc2IDE1LjA2OTkgMTQuMjg3NiAxNS44MzQ2QzE0LjI4NzYgMTYuNjAyMSAxMy42NTQzIDE3LjIyMDQgMTIuODcxNiAxNy4yMjA0Wk0xOC45OTQ5IDIuNUg1LjkzNzgzQzQuMDQwNTIgMi41IDIuNSA0LjAwNzg0IDIuNSA1Ljg2ODIzVjIyLjEzMThDMi41IDIzLjk5MjIgNC4wNDA1MiAyNS41IDUuOTM3ODMgMjUuNUgxMC42ODY2VjIyLjg5NTJDMTAuNjg2NiAyMi42MzAzIDEwLjc5MTcgMjIuMzc2MyAxMC45Nzg3IDIyLjE4ODlMMjIuMTQzNCAxMC45OTkxQzIyLjMzMDUgMTAuODExNiAyMi40MzU1IDEwLjU1NzYgMjIuNDM1NSAxMC4yOTI4VjUuODcwOTVDMjIuNDM1NSA0LjAxMDU1IDIwLjg5NSAyLjUgMTguOTk0OSAyLjVaTTEzLjg3NiAyMi45OTAyQzEzLjgxOTEgMjMuMDQ2NSAxMy43ODcgMjMuMTIzMyAxMy43ODcgMjMuMjAzNFYyNS4yQzEzLjc4NyAyNS4zNjU3IDEzLjkyMTQgMjUuNSAxNC4wODcgMjUuNUgxNi4xNDE4QzE2LjIyMDggMjUuNSAxNi4yOTY3IDI1LjQ2ODggMTYuMzUyOCAyNS40MTMyTDIzLjIwOTQgMTguNjI1MUMyMy4zMjg0IDE4LjUwNzMgMjMuMzI3OSAxOC4zMTUgMjMuMjA4NSAxOC4xOTc4TDIxLjE2NDIgMTYuMTkxQzIxLjA0NzEgMTYuMDc2MSAyMC44NTk1IDE2LjA3NjUgMjAuNzQyOSAxNi4xOTE5TDEzLjg3NiAyMi45OTAyWiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC4zMiIvPgo8L3N2Zz4K);
}
.mobile-footer .menu-icon.task {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC45NzM2IDcuNDU0NTRIOS4wMjYyOEM4LjY5NDcyIDcuNDU0NTQgOC40NzM2NyA3LjIzNjM3IDguNDczNyA2LjkwOTA5VjQuNzI3MjZDOC40NzM3IDQuMzk5OTggOC42OTQ3MiA0LjE4MTgxIDkuMDI2MjggNC4xODE4MUgxMC4xMzE2VjMuNjM2MzhDMTAuMTMxNiAyLjcwOTA5IDEwLjg1IDIgMTEuNzg5NCAySDE2LjIxMDVDMTcuMTQ5OSAyIDE3Ljg2ODQgMi43MDkwOSAxNy44Njg0IDMuNjM2MzhWNC4xODE4M0gxOC45NzM2QzE5LjMwNTIgNC4xODE4MyAxOS41MjYzIDQuNCAxOS41MjYzIDQuNzI3MjhWNi45MDkxMUMxOS41MjYzIDcuMjM2MzcgMTkuMzA1MiA3LjQ1NDU0IDE4Ljk3MzYgNy40NTQ1NFpNMTUuMTA1MiA0LjcyNzI4QzE1LjEwNTIgNC4xMjcyOCAxNC42MDc5IDMuNjM2MzggMTQgMy42MzYzOEMxMy4zOTIxIDMuNjM2MzggMTIuODk0NyA0LjEyNzMgMTIuODk0NyA0LjcyNzI4QzEyLjg5NDcgNS4zMjcyNyAxMy4zOTIxIDUuODE4MTYgMTQgNS44MTgxNkMxNC42MDc5IDUuODE4MTYgMTUuMTA1MiA1LjMyNzI5IDE1LjEwNTIgNC43MjcyOFpNMjEuMTMxNiA1LjI3MjcxSDIyLjI4OTRDMjMuNTA1MiA1LjI3MjcxIDI0LjUgNi4yNTQ1NSAyNC41IDcuNDU0NTRWMjMuODE4MkMyNC41IDI1LjAxODIgMjMuNTA1MiAyNiAyMi4yODk1IDI2SDUuNzEwNTRDNC40OTQ3NCAyNiAzLjUgMjUuMDE4MiAzLjUgMjMuODE4MlY3LjQ1NDU0QzMuNSA2LjI1NDUzIDQuNDk0NzYgNS4yNzI3MSA1LjcxMDU0IDUuMjcyNzFINi44Njg0NEM3LjE0NDU5IDUuMjcyNzEgNy4zNjg0NCA1LjQ5NjU3IDcuMzY4NDQgNS43NzI3MVY3LjQ1NDU0QzcuMzY4NDQgOC4wNTQ1NSA3Ljg2NTc3IDguNTQ1NDUgOC40NzM2NyA4LjU0NTQ1SDE5LjUyNjNDMjAuMTM0MiA4LjU0NTQ1IDIwLjYzMTYgOC4wNTQ1NSAyMC42MzE2IDcuNDU0NTRWNS43NzI3MUMyMC42MzE2IDUuNDk2NTcgMjAuODU1NCA1LjI3MjcxIDIxLjEzMTYgNS4yNzI3MVpNOSAxMkM4LjQ0NzcyIDEyIDggMTIuNDQ3NyA4IDEzQzggMTMuNTUyMyA4LjQ0NzcxIDE0IDkgMTRIMTlDMTkuNTUyMyAxNCAyMCAxMy41NTIzIDIwIDEzQzIwIDEyLjQ0NzcgMTkuNTUyMyAxMiAxOSAxMkg5Wk04IDE3QzggMTYuNDQ3NyA4LjQ0NzcyIDE2IDkgMTZIMTlDMTkuNTUyMyAxNiAyMCAxNi40NDc3IDIwIDE3QzIwIDE3LjU1MjMgMTkuNTUyMyAxOCAxOSAxOEg5QzguNDQ3NzEgMTggOCAxNy41NTIzIDggMTdaTTkgMjBDOC40NDc3MiAyMCA4IDIwLjQ0NzcgOCAyMUM4IDIxLjU1MjMgOC40NDc3MiAyMiA5IDIySDE0QzE0LjU1MjMgMjIgMTUgMjEuNTUyMyAxNSAyMUMxNSAyMC40NDc3IDE0LjU1MjMgMjAgMTQgMjBIOVoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuMzIiLz4KPC9zdmc+Cg==);
}
.mobile-footer .menu-icon.launch {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjQ4MjYgMTUuODEwOUMyMy41MjYyIDE1LjgxMDkgMjYgMTguMzE5MiAyNiAyMS40MDU0QzI2IDI0LjQ5MTUgMjMuNTI2MiAyNyAyMC40ODI2IDI3QzE3LjQzOSAyNyAxNC45NjUxIDI0LjQ5MTUgMTQuOTY1MSAyMS40MDU0QzE0Ljk2NTEgMTguMzE5MiAxNy40NDE5IDE1LjgxMDkgMjAuNDgyNiAxNS44MTA5Wk04LjY1NzYgMTQuNjI3MkM5Ljc5NzQ3IDE1LjUzNDEgMTEuMjExIDE2LjAyOCAxMi42Njc3IDE2LjAyODRDMTQuMTI0MyAxNi4wMjg3IDE1LjUzODEgMTUuNTM1NSAxNi42Nzg0IDE0LjYyOTFDMTYuODIwOCAxNC42ODY0IDE2Ljk2MTQgMTQuNzQ1OSAxNy4wOTg3IDE0LjgwOTlDMTcuNTgyMiAxNS4wNDEgMTcuMzUxNSAxNS41MjU2IDE3LjA2NTMgMTUuNjkzOEMxMy45Mjk4IDE3LjU0NTEgMTIuODEwMSAyMS41ODYyIDE0LjUzNTggMjQuODIyNkgzLjM0NTQ0QzMuMTY4MjggMjQuODIyNSAyLjk5MjkgMjQuNzg3MSAyLjgyOTU0IDI0LjcxODVDMi42NjYxOCAyNC42NSAyLjUxODEgMjQuNTQ5NiAyLjM5MzkyIDI0LjQyMzJDMi4xNDA5OCAyNC4xNjU5IDEuOTk5NDcgMjMuODE5NCAyIDIzLjQ1ODZDMiAyMy40MTA2IDIuMDAyNzIgMjMuMzYyNiAyLjAwODMyIDIzLjMxNDlDMi41MTg3MiAxOS4zNTcxIDUuMTIyNCAxNi4wNjc3IDguNjU3NDQgMTQuNjI3NEw4LjY1NzYgMTQuNjI3MlpNMjEuNDkyOCAxOC40NTA5QzIxLjE0NzQgMTguMTM2MiAyMC42Mzk1IDE4LjEzNjIgMjAuMzI5MSAxOC40NTA5TDIwLjE2MTggMTguNjIwNkMyMC4wMTI2IDE4Ljc3MzggMTkuOTI5MSAxOC45NzkxIDE5LjkyOTEgMTkuMTkzQzE5LjkyOTEgMTkuNDA2OCAyMC4wMTI2IDE5LjYxMjEgMjAuMTYxOCAxOS43NjUzTDIwLjk0NTYgMjAuNTZIMTcuNzY4QzE3LjMwOTQgMjAuNTY5NiAxNi45NDI2IDIwLjk0OTEgMTYuOTQyNiAyMS40MTQyQzE2Ljk0MjYgMjEuODc5NCAxNy4zMDk0IDIyLjI1OSAxNy43NjgyIDIyLjI2ODNIMjAuOTI1OUwyMC4xNjE2IDIzLjA0MzVDMjAuMDEyMSAyMy4xOTY0IDE5LjkyODQgMjMuNDAxOCAxOS45Mjg0IDIzLjYxNTZDMTkuOTI4NCAyMy44Mjk0IDIwLjAxMjEgMjQuMDM0OCAyMC4xNjE2IDI0LjE4NzdMMjAuMzI5IDI0LjM1NzlDMjAuNDAyNyAyNC40MzI3IDIwLjQ5MDYgMjQuNDkyIDIwLjU4NzUgMjQuNTMyNUMyMC42ODQ0IDI0LjU3MyAyMC43ODg0IDI0LjU5MzkgMjAuODkzNCAyNC41OTM5QzIwLjk5ODUgMjQuNTkzOSAyMS4xMDI1IDI0LjU3MyAyMS4xOTk0IDI0LjUzMjVDMjEuMjk2MyAyNC40OTIgMjEuMzg0MSAyNC40MzI3IDIxLjQ1NzkgMjQuMzU3OUwyMy42MzkyIDIyLjE0NThMMjMuODA2NiAyMS45NzZMMjMuODA4IDIxLjk3ODRDMjMuOTU3NyAyMS44MjUyIDI0LjA0MTQgMjEuNjE5NSAyNC4wNDExIDIxLjQwNTNDMjQuMDQwOSAyMS4xOTExIDIzLjk1NjcgMjAuOTg1NiAyMy44MDY2IDIwLjgzMjhMMjMuNjczOCAyMC42NjI5TDIxLjQ5MjggMTguNDUwOVpNMTIuNzA1MSAzQzE1Ljk0NzQgMyAxOC41NzU4IDUuNjY1MTIgMTguNTc1OCA4Ljk1MjhDMTguNTc1OCAxMi4yNDA2IDE1Ljk0NzQgMTQuOTA1OCAxMi43MDUxIDE0LjkwNThDOS40NjI3MiAxNC45MDU4IDYuODM0NCAxMi4yNDA2IDYuODM0NCA4Ljk1MjhDNi44MzQ0IDUuNjY1MTIgOS40NjI3MiAzIDEyLjcwNTEgM1oiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuMzIiLz4KPC9zdmc+Cg==);
}
.mobile-footer .footer-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobile-footer .footer-item .icon {
  font-size: 20px;
}
.mobile-footer .footer-item .text {
  font-size: 12px;
  color: #666;
}
.mobile-cascader {
  letter-spacing: 1px;
  font-size: 14px;
  width: 100%;
  height: 100%;
}
.mobile-cascader .mobile-cascader-show {
  display: none;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mobile-cascader .mobile-cascader-container {
  position: fixed;
  z-index: 999;
  left: 0;
  bottom: constant(safe-area-inset-bottom);
  bottom: env(safe-area-inset-bottom);
  width: 100%;
  background: #fff;
}
.mobile-cascader .mobile-cascader-layer {
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.mobile-cascader ul,
.mobile-cascader li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mobile-cascader .mobile-cascader-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 30px;
}
.mobile-cascader .mobile-cascader-header .mobile-cascader-header-cancel {
  color: #e9aa14;
}
.mobile-cascader .mobile-cascader-header .mobile-cascader-header-confirm {
  color: #508aff;
}
.mobile-cascader .mobile-cascader-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
}
.mobile-cascader .mobile-cascader-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.mobile-cascader .mobile-cascader-wrapper + .mobile-cascader-wrapper {
  border-left: 1px solid #ddd;
}
.mobile-cascader .mobile-cascader-option {
  line-height: 1.2;
  min-height: 50px;
  text-align: center;
  white-space: nowrap;
  font-size: 12px;
}
.mobile-cascader .mobile-cascader-bg {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.7))), -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.4)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7)), linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4));
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: top, bottom;
  background-size: 100% 100px;
}
.mobile-cascader .mobile-cascader-move-enter-to,
.mobile-cascader .mobile-cascader-move-leave {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.mobile-cascader .mobile-cascader-move-enter-active,
.mobile-cascader .mobile-cascader-move-leave-active {
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}
.mobile-cascader .mobile-cascader-move-enter,
.mobile-cascader .mobile-cascader-move-leave-to {
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
}
.mobile-cascader .mobile-cascader-fade-enter-to,
.mobile-cascader .mobile-cascader-fade-leave {
  opacity: 1;
}
.mobile-cascader .mobile-cascader-fade-enter-active,
.mobile-cascader .mobile-cascader-fade-leave-active {
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.mobile-cascader .mobile-cascader-fade-enter,
.mobile-cascader .mobile-cascader-fade-leave-to {
  opacity: 0;
}
.filter-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 12px;
  background-color: #fff;
  height: 40px;
  line-height: 40px;
}
.filter-wrapper .filter-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  color: #333;
}
.filter-wrapper .filter-item.active {
  color: #409EFF;
}
.filter-wrapper .filter-item.active .icon.icon-sort {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDdWMTYuMzU5QzE3IDE2LjU4NjggMTcuMjc5OCAxNi42OTU5IDE3LjQzNCAxNi41MjgzTDE5IDE0LjgyNjEiIHN0cm9rZT0iIzQwOUVGRiIgc3Ryb2tlLXdpZHRoPSIxLjI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTQgNy41TDE0IDcuNSIgc3Ryb2tlPSIjNDA5RUZGIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNCAxMkwxNCAxMiIgc3Ryb2tlPSIjNDA5RUZGIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNCAxNi41TDE0IDE2LjUiIHN0cm9rZT0iIzQwOUVGRiIgc3Ryb2tlLXdpZHRoPSIxLjI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==);
}
.filter-wrapper .filter-item .icon {
  margin-left: 5px;
  font-size: 12px;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}
.filter-wrapper .filter-item .icon.icon-sort {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDdWMTYuMzU5QzE3IDE2LjU4NjggMTcuMjc5OCAxNi42OTU5IDE3LjQzNCAxNi41MjgzTDE5IDE0LjgyNjEiIHN0cm9rZT0iI0IzQjNCMyIgc3Ryb2tlLXdpZHRoPSIxLjI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTQgNy41TDE0IDcuNSIgc3Ryb2tlPSIjQjNCM0IzIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNCAxMkwxNCAxMiIgc3Ryb2tlPSIjQjNCM0IzIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNNCAxNi41TDE0IDE2LjUiIHN0cm9rZT0iI0IzQjNCMyIgc3Ryb2tlLXdpZHRoPSIxLjI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.filter-wrapper .filter-item .icon.icon-sort.asc {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.filter-wrapper .filter-item .icon.icon-filter {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNzA2NDUgOC42NTE5N0M2LjI0MTY1IDguMTI4MzUgNi4wMDkyNSA3Ljg2NjUzIDYuMDAwNDkgNy42NDQwMkM1Ljk5Mjg3IDcuNDUwNzMgNi4wNzUyOCA3LjI2NDk1IDYuMjIzMjYgNy4xNDE3OEM2LjM5MzYyIDcgNi43NDIxNSA3IDcuNDM5MjIgN0gxNi41NjA4QzE3LjI1NzggNyAxNy42MDY0IDcgMTcuNzc2NyA3LjE0MTc4QzE3LjkyNDcgNy4yNjQ5NSAxOC4wMDcxIDcuNDUwNzMgMTcuOTk5NSA3LjY0NDAyQzE3Ljk5MDcgNy44NjY1MyAxNy43NTgzIDguMTI4MzUgMTcuMjkzNSA4LjY1MTk3TDEzLjc4NjggMTIuNjAyNUMxMy42OTQyIDEyLjcwNjkgMTMuNjQ3OSAxMi43NTkxIDEzLjYxNDggMTIuODE4NUMxMy41ODU1IDEyLjg3MTIgMTMuNTY0IDEyLjkyNzkgMTMuNTUxIDEyLjk4NjhDMTMuNTM2MyAxMy4wNTMzIDEzLjUzNjMgMTMuMTIzMyAxMy41MzYzIDEzLjI2MzRWMTYuNTc1NkMxMy41MzYzIDE2LjY5NjcgMTMuNTM2MyAxNi43NTczIDEzLjUxNyAxNi44MDk3QzEzLjQ5OTggMTYuODU1OSAxMy40NzIgMTYuODk3NCAxMy40MzU3IDE2LjkzMDZDMTMuMzk0NyAxNi45NjgyIDEzLjMzODkgMTYuOTkwNyAxMy4yMjczIDE3LjAzNTdMMTEuMTM3OSAxNy44NzgxQzEwLjkxMiAxNy45NjkyIDEwLjc5OTEgMTguMDE0NyAxMC43MDg0IDE3Ljk5NTdDMTAuNjI5MSAxNy45NzkxIDEwLjU1OTYgMTcuOTMxNyAxMC41MTQ4IDE3Ljg2MzZDMTAuNDYzNyAxNy43ODU4IDEwLjQ2MzcgMTcuNjYzMiAxMC40NjM3IDE3LjQxOFYxMy4yNjM0QzEwLjQ2MzcgMTMuMTIzMyAxMC40NjM3IDEzLjA1MzMgMTAuNDQ5IDEyLjk4NjhDMTAuNDM2IDEyLjkyNzkgMTAuNDE0NSAxMi44NzEyIDEwLjM4NTIgMTIuODE4NUMxMC4zNTIxIDEyLjc1OTEgMTAuMzA1OCAxMi43MDY5IDEwLjIxMzIgMTIuNjAyNUw2LjcwNjQ1IDguNjUxOTdaIiBzdHJva2U9IiNCM0IzQjMiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}
.filter-dialog .filter-dialog-content {
  margin-bottom: 60px;
}
.filter-dialog .dialog-footer {
  position: fixed;
  bottom: 20px;
  left: 0;
  width: 100%;
  text-align: center;
}
.customInput {
  border: 1px solid #DCDFE6;
  display: inline-block;
  width: 100%;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #ccc;
  font-size: inherit;
  height: 34px;
  line-height: 34px;
  font-size: 12px;
  outline: none;
  padding: 0px 25px 0 15px;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
}
.customInput .customInput-clear {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 12px;
  color: #ccc;
  cursor: pointer;
}
.mobile-scroll-container {
  position: relative;
  width: 100%;
}
.loading-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  margin-top: -10px;
}
.loading-more .loading-spinner {
  font-size: 14px;
}
.loading-more .no-more {
  font-size: 14px;
  color: #999;
}
.list-item-container .list-item-wrapper {
  padding: 10px 12px;
}
.list-item-container .list-item-wrapper .item-block {
  margin-bottom: 10px;
  padding: 10px 12px;
  background-color: #fff;
  border-radius: 8px;
}
.list-item-container .list-item-wrapper .item-block .item-block-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.list-item-container .list-item-wrapper .item-block .item-block-header .item-block-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  line-height: 1.2;
  color: #000;
}
.list-item-container .list-item-wrapper .item-block .item-block-header .item-block-status {
  position: relative;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
}
.list-item-container .list-item-wrapper .item-block .item-block-header .item-block-status.pending:after {
  position: absolute;
  left: -8px;
  top: 50%;
  content: " ";
  width: 4px;
  height: 4px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
  background-color: #1989fa;
}
.list-item-container .list-item-wrapper .item-block .item-block-header .item-block-status.finish:after {
  position: absolute;
  left: -8px;
  top: 50%;
  content: " ";
  width: 4px;
  height: 4px;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  border-radius: 50%;
  background-color: #34c759;
}
.list-item-container .list-item-wrapper .item-block .item-block-header .item-block-status.stop:after {
  position: absolute;
  left: -8px;
  top: 50%;
  content: " ";
  width: 4px;
  height: 4px;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  border-radius: 50%;
  background-color: #ff3b30;
}
.list-item-container .list-item-wrapper .item-block .item-block-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
}
.list-item-container .list-item-wrapper .item-block .item-block-content + .item-block-content {
  margin-top: 4px;
}
.list-item-container .list-item-wrapper .item-block .item-block-content .item-block-item {
  padding: 3px 0;
}
.list-item-container .list-item-wrapper .item-block .item-block-content .item-block-label {
  display: inline-block;
}
.list-item-container .list-item-wrapper .item-block .item-block-content .item-block-left {
  color: rgba(0, 0, 0, 0.6);
}
.list-item-container .list-item-wrapper .item-block .item-block-content .item-block-right {
  color: rgba(0, 0, 0, 0.6);
}
.list-item-container .empty {
  margin-top: 80px;
  text-align: center;
  color: #999;
  font-size: 12px;
}
.list-item-container .empty img {
  width: 100px;
  height: 100px;
}
.launch-container {
  position: relative;
}
.launch-container .launch-filter-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
.launch-container .list-wrapper {
  margin-top: 40px;
}
.start-container {
  padding: 10px 12px;
}
.start-container .search-input {
  height: 40px;
}
.start-container .search-input .el-input__inner {
  height: 40px;
  border-radius: 8px;
  padding: 20px 30px;
  border: none;
}
.start-container .search-input .el-input__icon {
  line-height: 42px;
  font-size: 14px;
  color: #b3b3b3;
}
.start-container .classify-wrapper {
  margin-top: 10px;
}
.start-container .classify-wrapper .classify-block {
  padding: 10px 12px;
  border-radius: 8px;
  background-color: #fff;
}
.start-container .classify-wrapper .classify-block + .classify-block {
  margin-top: 10px;
}
.start-container .classify-wrapper .classify-block .classify-title {
  margin: 2px 0 15px;
  font-weight: 500;
  font-size: 16px;
  color: #000;
}
.start-container .classify-wrapper .classify-block .classify-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.start-container .classify-wrapper .classify-block .classify-content .card {
  width: 25%;
  padding: 5px;
  text-align: center;
}
.start-container .classify-wrapper .classify-block .classify-content .card .card-icon {
  width: 22px;
  height: 22px;
  display: inline-block;
  margin-bottom: 10px;
}
.start-container .classify-wrapper .classify-block .classify-content .card .card-title {
  display: inline-block;
  font-size: 14px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 99%;
}
.task-container {
  position: relative;
}
.task-container .task-filter-wrapper {
  position: fixed;
  top: 50px;
  left: 0;
  width: 100%;
  z-index: 2;
}
.task-container .list-wrapper {
  height: calc(100% - 190px);
  margin-top: 40px;
}
.mobile-container {
  height: 100%;
  width: 100%;
  max-width: 768px;
  background-color: #f5f6f6;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}
.mobile-container .mobile-content {
  padding: 0 0 70px;
}
.mobile-container .nav-radio {
  border-radius: 28px;
  background: #f2f2f2;
}
.mobile-container .nav-radio .el-radio-button:first-child .el-radio-button__inner {
  border-left: none;
}
.mobile-container .nav-radio .el-radio-button__inner {
  border: none;
  padding: 6px 16px;
  border-radius: 24px;
  font-size: 14px;
  background: #f2f2f2;
}
.mobile-container .nav-radio .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background: #409EFF;
  color: #fff;
  border: none;
}
@charset "UTF-8";
.initiate-approval[data-v-14730452] {
  position: relative;
}
.initiate-approval .search-wrapper[data-v-14730452] {
  height: 60px;
}
.initiate-approval .search-wrapper .search-fixed[data-v-14730452] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-bottom: 1px solid rgba(6, 15, 26, 0.07);
  padding: 14px 0;
}
.initiate-approval .search-wrapper .search-fixed .search-input[data-v-14730452] {
  width: 180px;
}
.initiate-approval .search-wrapper .search-fixed .search-input[data-v-14730452]  .el-input__inner {
  height: 32px;
  border-radius: 4px;
  color: #10141a;
  background-color: rgba(6, 15, 26, 0.05);
  border-color: transparent;
}
.initiate-approval .search-wrapper .search-fixed .search-input[data-v-14730452]  .el-input__inner:hover {
  background-color: rgba(6, 15, 26, 0.1);
}
.initiate-approval .search-wrapper .search-fixed .search-input[data-v-14730452]  .el-input__inner:focus {
  background-color: #fff;
  border: 1px solid #267ef0;
}
.initiate-approval .search-wrapper .search-fixed .search-input .el-input__icon[data-v-14730452] {
  line-height: 32px;
  font-size: 14px;
  color: #696c70;
}
.initiate-approval .content-wrapper[data-v-14730452] {
  height: calc(100vh - 61px);
  overflow: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px 0 8px 0;
}
.initiate-approval .content-wrapper .content-item .title[data-v-14730452] {
  font-size: 14px;
  color: rgba(11, 18, 26, 0.6);
  font-size: 14px;
  line-height: 14px;
  color: rgba(11, 18, 26, 0.6);
  margin: 12px 0;
}
.initiate-approval .content-wrapper .content-item .card-wrapper[data-v-14730452] {
  margin-right: 4px;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(158px, 1fr));
  /* 自动填充，每个卡片最小 158px */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto;
}
.initiate-approval .content-wrapper .content-item .card-wrapper .card[data-v-14730452] {
  cursor: default;
  padding: 12px 12px 12px 18px;
  margin: 0 16px 12px 0;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 包括内边距和边框在内 */
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  /* 动效 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  height: 60px;
  border: 1px solid rgba(6, 15, 26, 0.1);
  border-radius: 4px;
}
.initiate-approval .content-wrapper .content-item .card-wrapper .card[data-v-14730452]:hover {
  background: rgba(6, 15, 26, 0.05);
}
.initiate-approval .content-wrapper .content-item .card-wrapper .card img[data-v-14730452] {
  margin-right: 14px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  vertical-align: middle;
}
.initiate-approval .content-wrapper .content-item .card-wrapper .card .card-content[data-v-14730452] {
  display: inline-block;
  line-height: 18px;
  color: #10141a;
}
.initiate-approval .content-wrapper .empty[data-v-14730452] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: calc(50vh - 100px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
}
.initiate-approval .content-wrapper .empty p[data-v-14730452] {
  height: 20px;
  margin-bottom: 64px;
  color: rgba(11, 18, 26, 0.6);
}
/*定义整个滚动条高宽及背景：高宽分别对应横竖滚动条的尺寸*/
[data-v-14730452]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #f5f5f5;
}
/*定义滚动条轨道：内阴影+圆角*/
[data-v-14730452]::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
/*定义滑块：内阴影+圆角*/
[data-v-14730452]::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: #c4c6cb;
}
.sort-wrap[data-v-4c0f7308] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 12px;
}
.sort-wrap span[data-v-4c0f7308] {
  cursor: default;
}
.sort-wrap .sort[data-v-4c0f7308] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 10px;
}
.sort-wrap .sort i[data-v-4c0f7308] {
  display: block;
  cursor: default;
}
.sort-wrap .sort i[data-v-4c0f7308]:first-child {
  margin-bottom: -6px;
}
.sort-wrap .sort i.active[data-v-4c0f7308] {
  color: blue;
}
.sort-wrap[data-v-4c0f7308]:hover {
  background: rgba(6, 15, 26, 0.05);
}
.load-more[data-v-20a319da] {
  text-align: center;
  padding: 8px 0;
}
.advanced-query[data-v-63f6d6d8] {
  position: relative;
  cursor: default;
}
.advanced-query .icon[data-v-63f6d6d8] {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  margin-bottom: 1px;
}
.advanced-query[data-v-63f6d6d8]  .el-drawer__header {
  background-color: rgba(6, 15, 26, 0.05);
  padding: 10px 20px;
}
.advanced-query .search-form[data-v-63f6d6d8] {
  padding: 0 40px 60px 40px;
}
.advanced-query .search-form .search-btn[data-v-63f6d6d8] {
  margin-top: 80px;
}
.advanced-query .advanced-btn[data-v-63f6d6d8] {
  padding: 0 12px;
  color: rgba(11, 18, 26, 0.6);
}
.advanced-query .advanced-btn[data-v-63f6d6d8]:hover {
  background: rgba(6, 15, 26, 0.05);
}
.advanced-query .footer[data-v-63f6d6d8] {
  height: 58px;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10;
}
.advanced-query .footer .footer-btn[data-v-63f6d6d8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 16px;
  padding-top: 13px;
  background: #fff;
  border-top: 1px solid rgba(6, 15, 26, 0.07);
}
.advanced-query .footer .footer-btn .el-button[data-v-63f6d6d8] {
  font-size: 14px;
  line-height: 20px;
  color: #10141a;
  border: none;
  cursor: default;
}
.advanced-query .footer .footer-btn .el-button[data-v-63f6d6d8]:first-child {
  margin-right: 2px;
  width: 100px;
  height: 32px;
  color: #fff;
  padding: 0 !important;
  background-color: #267ef0;
}
.advanced-query .footer .footer-btn .el-button[data-v-63f6d6d8]:first-child:hover {
  border-color: #4b95f3;
  background-color: #4b95f3;
}
.advanced-query .footer .footer-btn .el-button[data-v-63f6d6d8]:first-child:active {
  border-color: #65a4f5;
  background-color: #65a4f5;
}
.advanced-query .footer .footer-btn .el-button[data-v-63f6d6d8]:last-child {
  width: 100px;
  height: 32px;
  padding: 0 !important;
  background-color: rgba(6, 15, 26, 0.05);
}
.advanced-query .footer .footer-btn .el-button[data-v-63f6d6d8]:last-child:hover {
  background-color: rgba(6, 15, 26, 0.1);
}
.advanced-query .footer .footer-btn .el-button[data-v-63f6d6d8]:last-child:active {
  background-color: rgba(7, 15, 26, 0.15);
}
@charset "UTF-8";
.pending-approval[data-v-004501ec] {
  position: relative;
  font-size: 14px;
}
.pending-approval .search-wrapper[data-v-004501ec] {
  height: 60px;
}
.pending-approval .search-wrapper .search-fixed[data-v-004501ec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 61px;
  width: 100%;
  line-height: 32px;
  border-bottom: 1px solid rgba(6, 15, 26, 0.07);
  padding: 14px 0;
}
.pending-approval .search-wrapper .search-fixed .search-time[data-v-004501ec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pending-approval .search-wrapper .search-fixed .search-time .time-consuming[data-v-004501ec] {
  margin-right: 20px;
}
.pending-approval .content-wrapper[data-v-004501ec] {
  height: calc(100vh - 61px);
  overflow: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px 0 8px 0;
}
.pending-approval .content-wrapper .empty[data-v-004501ec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: calc(50vh - 100px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
}
.pending-approval .content-wrapper .empty p[data-v-004501ec] {
  height: 20px;
  margin-bottom: 64px;
  color: rgba(11, 18, 26, 0.6);
}
.pending-approval .content-wrapper .content-item[data-v-004501ec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 22px;
  color: rgba(12, 18, 25, 0.7);
  border-bottom: 1px solid rgba(6, 15, 26, 0.07);
}
.pending-approval .content-wrapper .content-item .content-left .title-wrapper[data-v-004501ec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pending-approval .content-wrapper .content-item .content-left .title-wrapper .title[data-v-004501ec] {
  font-size: 15px;
  font-weight: 700;
  color: #000;
  margin-right: 12px;
}
.pending-approval .content-wrapper .content-item .content-right[data-v-004501ec] {
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pending-approval .content-wrapper .content-item .mt12[data-v-004501ec] {
  margin-top: 12px;
}
.pending-approval .content-wrapper .content-item .mt6[data-v-004501ec] {
  margin-top: 6px;
}
.pending-approval .content-wrapper .content-item[data-v-004501ec]:hover {
  background: rgba(6, 15, 26, 0.05);
}
/*定义整个滚动条高宽及背景：高宽分别对应横竖滚动条的尺寸*/
[data-v-004501ec]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #f5f5f5;
}
/*定义滚动条轨道：内阴影+圆角*/
[data-v-004501ec]::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
/*定义滑块：内阴影+圆角*/
[data-v-004501ec]::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: #c4c6cb;
}
.container[data-v-79031b22] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.menu[data-v-79031b22] {
  background: transparent;
  margin-bottom: 0;
  font-size: 14px;
  padding: 12px;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  border-right: 1px solid rgba(6, 15, 26, 0.07);
}
.menu-item[data-v-79031b22] {
  padding: 0 12px;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #10141a;
  border-radius: 4px;
}
.menu-item .icon[data-v-79031b22] {
  margin-right: 8px;
}
.menu-item.selected[data-v-79031b22] {
  background-color: rgba(38, 126, 240, 0.15);
  font-weight: 700;
}
.menu-item.noSelected[data-v-79031b22]:hover {
  background-color: rgba(6, 15, 26, 0.05);
}
.disabled[data-v-79031b22] {
  color: rgba(10, 17, 26, 0.5);
  font-weight: 400;
  font-size: 13px;
  min-height: 18px;
  height: 32px;
  margin-top: 16px;
}
.content[data-v-79031b22] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #fff;
  padding: 0 20px;
}
.wx-flow-container {
  height: 100%;
}
@charset "UTF-8";
.process-form-wrapper[data-v-9b54ebb4] {
  position: absolute;
  height: calc(100vh - 61px - 95px);
  width: 100%;
  top: 95px;
  overflow: auto;
  background-color: #fff;
}
.process-form-wrapper .title[data-v-9b54ebb4] {
  text-align: center;
  font-size: 18px;
  color: #10141a;
  padding: 20px 0 0 20px;
}
.process-form-wrapper .form-wrapper[data-v-9b54ebb4] {
  min-height: 100%;
  width: 600px;
  margin: 0 auto;
  position: relative;
}
.process-form-wrapper .form-wrapper.mobile-form-wrapper[data-v-9b54ebb4] {
  max-width: 90%;
  margin: 0 5%;
}
.process-form-wrapper .form-wrapper[data-v-9b54ebb4]  .description {
  margin-bottom: 10px;
}
.process-form-wrapper .form-wrapper .process-content[data-v-9b54ebb4] {
  height: calc(100vh - 61px - 95px);
  width: 100%;
}
.process-form-wrapper .header[data-v-9b54ebb4] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 95px;
  z-index: 10;
  background-color: #fff;
}
.process-form-wrapper .header .form-tabs[data-v-9b54ebb4] {
  width: 600px;
  margin: 0 auto;
  position: relative;
}
.process-form-wrapper .header .form-tabs.mobile-form-tabs[data-v-9b54ebb4] {
  max-width: 90%;
  margin: 0 5%;
}
.process-form-wrapper .footer[data-v-9b54ebb4] {
  min-height: 58px;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.process-form-wrapper .footer .footer-btn[data-v-9b54ebb4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 16px;
  padding-top: 13px;
  background: #fff;
  border-top: 1px solid rgba(6, 15, 26, 0.07);
}
.process-form-wrapper .footer .footer-btn .el-button[data-v-9b54ebb4] {
  font-size: 14px;
  line-height: 20px;
  color: #10141a;
  border: none;
  cursor: default;
}
.process-form-wrapper .footer .footer-btn .el-button[data-v-9b54ebb4]:first-child {
  margin-right: 2px;
  width: 166px;
  height: 32px;
  color: #fff;
  padding: 0 !important;
  background-color: #267ef0;
}
.process-form-wrapper .footer .footer-btn .el-button[data-v-9b54ebb4]:first-child:hover {
  border-color: #4b95f3;
  background-color: #4b95f3;
}
.process-form-wrapper .footer .footer-btn .el-button[data-v-9b54ebb4]:first-child:active {
  border-color: #65a4f5;
  background-color: #65a4f5;
}
.process-form-wrapper .footer .footer-btn .el-button[data-v-9b54ebb4]:last-child {
  width: 166px;
  height: 32px;
  padding: 0 !important;
  background-color: rgba(6, 15, 26, 0.05);
}
.process-form-wrapper .footer .footer-btn .el-button[data-v-9b54ebb4]:last-child:hover {
  background-color: rgba(6, 15, 26, 0.1);
}
.process-form-wrapper .footer .footer-btn .el-button[data-v-9b54ebb4]:last-child:active {
  background-color: rgba(7, 15, 26, 0.15);
}
/*定义整个滚动条高宽及背景：高宽分别对应横竖滚动条的尺寸*/
[data-v-9b54ebb4]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #f5f5f5;
}
/*定义滚动条轨道：内阴影+圆角*/
[data-v-9b54ebb4]::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
/*定义滑块：内阴影+圆角*/
[data-v-9b54ebb4]::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: #c4c6cb;
}

.el-message-box {
  max-width: 80%;
}

.pending-container {
  padding: 10px;
}
.wrap-prodoct-describe .width-input[data-v-2e24b73a] {
  width: 90%;
}
.app-difficult-problems[data-v-af0cc550] {
  margin: 10px 20px;
}
@media screen and (max-width: 6000px) {
.query-form-sty[data-v-af0cc550] {
    width: 50%;
}
}
@media screen and (max-width: 1920px) {
.query-form-sty[data-v-af0cc550] {
    width: 80%;
}
}
.query-form-sty .frorm-item[data-v-af0cc550] {
  border: 1px solid #ccc;
  border-radius: 12px;
  padding: 20px 20px 0 0;
  margin-bottom: 20px;
}
.form-btn[data-v-ac6ca800] {
  margin: 20px 0 20px 110px;
}
.tree-column .delete {
  color: #ff4949 !important;
}
.edit-remark {
  cursor: pointer;
}
.edit-remark .remark-icon {
  margin-right: 5px;
  font-size: 14px;
  color: #409eff;
}
.edit-show {
  display: none;
}
.add-icon {
  font-size: 20px;
  cursor: pointer;
}
.tree-column:hover .edit-show {
  display: inline;
}
div[tree-id="0"] .el-icon-s-operation,
div[tree-id="0"] .el-switch,
div[tree-id="0"] .action-item,
div[tree-id="0"] .colIndex5 > span,
div[tree-id="0"] .colIndex6 > span,
div[tree-id="0"] .colIndex8 > span,
div[tree-id="0"] .edit-show {
  display: none !important;
}
.basic-info-wrap .title[data-v-47779261] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.basic-info-wrap .title span[data-v-47779261] {
  display: inline-block;
  width: 6px;
  height: 15px;
  margin-right: 10px;
  background-color: #409eff;
}
.basic-info-wrap .title h3[data-v-47779261] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}
.basic-info-wrap .upload-wrap[data-v-47779261] {
  display: inline-block;
  width: 100%;
}
.basic-info-wrap .public-vehicle-wrap[data-v-47779261] {
  background-color: #ecf5ff;
  padding: 0 10px;
  border-radius: 10px;
}
.basic-info-wrap .public-vehicle-wrap .addPublicVehicle[data-v-47779261] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.basic-info-wrap .public-vehicle-wrap .addPublicVehicle[data-v-47779261]:hover {
  opacity: 0.8;
}
.basic-info-wrap .public-vehicle-wrap .publicVehicle .publicVehicle-item[data-v-47779261] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.basic-info-wrap .public-vehicle-wrap .publicVehicle .publicVehicle-item .publicVehicle-item-left[data-v-47779261] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.basic-info-wrap .public-vehicle-wrap .publicVehicle .publicVehicle-item .publicVehicle-item-left > div + div[data-v-47779261] {
  margin-top: 10px;
}
.basic-info-wrap .public-vehicle-wrap .publicVehicle .publicVehicle-item .delete[data-v-47779261] {
  cursor: pointer;
}
.basic-info-wrap .public-vehicle-wrap .publicVehicle .publicVehicle-item + .publicVehicle-item[data-v-47779261] {
  border-top: 1px solid #409eff;
  margin-top: 20px;
  padding-top: 20px;
}
.assistant-tips-wrap .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.assistant-tips-wrap .title span {
  display: inline-block;
  width: 6px;
  height: 15px;
  margin-right: 10px;
  background-color: #409eff;
}
.assistant-tips-wrap .title h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}
.assistant-tips-wrap .prompt-label {
  font-size: 12px;
  color: #606266;
  line-height: 40px;
  padding: 0 12px 0 0;
  font-weight: 700;
}
.prompt-edit-wrap .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.prompt-edit-wrap .title span {
  display: inline-block;
  width: 6px;
  height: 15px;
  margin-right: 10px;
  background-color: #409eff;
}
.prompt-edit-wrap .title h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}
.prompt-edit-wrap .prompt-label {
  font-size: 12px;
  color: #606266;
  line-height: 40px;
  padding: 0 12px 0 0;
  font-weight: 700;
}
.prompt-edit-wrap .prompt-examples .prompt-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
.prompt-edit-wrap .prompt-examples .prompt-wrap .prompt-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 10px;
}
.prompt-edit-wrap .prompt-examples .prompt-wrap .prompt-del {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 10px;
}
.prompt-edit-wrap .prompt-examples .prompt-wrap .prompt-del i {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.prompt-edit-wrap .prompt-examples .prompt-wrap .prompt-del i:hover {
  color: #f56c6c !important;
}
.dataset-wrap .title[data-v-fc395bc6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dataset-wrap .title span[data-v-fc395bc6] {
  display: inline-block;
  width: 6px;
  height: 15px;
  margin-right: 10px;
  background-color: #409eff;
}
.dataset-wrap .title h3[data-v-fc395bc6] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}
.dataset-wrap .file-upload[data-v-fc395bc6] {
  margin-bottom: 20px;
}
.dataset-wrap .file-upload[data-v-fc395bc6]  .el-upload-list {
  display: none;
}
.mail-item-container[data-v-c5fcf394] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 16px;
  padding-bottom: 12px;
}
.mail-item-container .item-logo[data-v-c5fcf394] {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  margin-top: 20px;
}
.mail-item-container .mail-item[data-v-c5fcf394] {
  position: relative;
  width: 80%;
}
.mail-item-container .mail-item .mail-item-content[data-v-c5fcf394] {
  line-height: 24px;
  color: #000;
  margin-top: 20px;
  padding: 12px;
  border-radius: 10px;
  background-color: #f4f4f4;
}
.mail-item-container .mail-item .mail-item-content p[data-v-c5fcf394] {
  font-size: 14px;
  word-wrap: break-word;
}
.mail-item-container .mail-item .mail-item-content[data-v-c5fcf394]  ol {
  padding-left: 20px;
  margin: 0;
}
.mail-item-container .mail-item .mail-item-content[data-v-c5fcf394]  ol li {
  list-style-type: decimal !important;
}
.mail-item-container .mail-item .mail-item-content[data-v-c5fcf394]  ul {
  padding-left: 20px;
  margin: 0;
}
.mail-item-container .mail-item .mail-item-content[data-v-c5fcf394]  ul li {
  list-style-type: disc !important;
}
.mail-item-right[data-v-c5fcf394] {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.mail-item-right .mail-item-content[data-v-c5fcf394] {
  border: 1px #7a7a7a solid;
  background-color: #fff !important;
}
.url-head[data-v-552ad4f8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 60px;
  padding-right: 0 12px;
  border-bottom: 1px solid #ddd;
}
.url-head h3[data-v-552ad4f8] {
  margin: 0;
}
.url-body[data-v-552ad4f8] {
  height: calc(100vh - 102px);
  overflow: auto;
}
.url-body .url-body-item[data-v-552ad4f8] {
  margin-top: 40px;
}
.url-body .url-body-item .url-body-name[data-v-552ad4f8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}
.url-body .url-body-item .example span[data-v-552ad4f8] {
  display: inline-block;
  vertical-align: middle;
  width: 4px;
  height: 30px;
  margin: 0 2px 5px 0;
  background-color: #49cc90;
}
.url-body .url-body-item .example p[data-v-552ad4f8] {
  font-size: 16px;
}
.prompt-debug {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.example-module {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.example-module .example-module-left {
  width: 90px;
}
.example-module .example-module-right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.prompt-right-input {
  margin-bottom: 10px;
  border-radius: 10px;
}
.prompt-right-input .el-textarea__inner {
  border-radius: 14px;
}
.three-prompt {
  border: 1px solid #dcdfe6;
  border-radius: 14px;
  padding: 20px 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.three-prompt .three-prompt-item {
  width: 32%;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  cursor: pointer;
  height: 42px;
  text-align: center;
}
.three-prompt .three-prompt-item p {
  line-height: 36px;
}
.prompt-gpt {
  margin-top: 20px;
  border-bottom: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
}
.prompt-input {
  overflow: hidden;
  border: 1px solid #dcdfe6;
  border-radius: 14px;
}
.prompt-input .w-e-text-container {
  border-radius: 14px;
}
.prompt-input .prompt-send {
  padding: 0 10px 10px 10px;
  text-align: right;
}
.prompt-input-monitor {
  border: none;
}
.monitor-gpt-upload {
  overflow-y: auto;
  padding-bottom: 5px;
}
.monitor-gpt-upload .monitor-gpt-upload-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}
.monitor-gpt-upload .monitor-gpt-upload-item > div + div {
  margin-left: 10px;
}
.monitor-gpt-upload .monitor-gpt-upload-input {
  display: block;
  width: 148px;
  height: 148px;
}
.monitor-gpt-upload .monitor-gpt-upload-input .el-textarea__inner {
  height: 148px;
}
.debug-params {
  max-height: 500px;
  overflow-y: auto;
}
@charset "UTF-8";
.prompt-dialog-wrap {
  /*定义整个滚动条高宽及背景：高宽分别对应横竖滚动条的尺寸*/
  /*定义滚动条轨道：内阴影+圆角*/
  /*定义滑块：内阴影+圆角*/
}
.prompt-dialog-wrap .file-upload .el-upload-list {
  display: none;
}
.prompt-dialog-wrap .custom-dialog .el-dialog__body {
  padding: 0;
}
.prompt-dialog-wrap .custom-dialog .el-dialog__body .el-tabs {
  height: calc(100vh - 42px);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.prompt-dialog-wrap .custom-dialog .el-dialog__body .el-tabs .el-tabs__item {
  height: 54px;
  line-height: 54px;
}
.prompt-dialog-wrap .custom-dialog .el-dialog__body .el-tabs .prompt-left {
  border-right: 1px solid #ddd;
  height: calc(100vh - 66px);
  overflow: auto;
  padding-right: 15px;
}
.prompt-dialog-wrap .custom-dialog .el-dialog__body .el-tabs .prompt-left .basic-info {
  border: 1px solid #e9e9e9;
  border-radius: 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0 1px 7px 0;
          box-shadow: rgba(0, 0, 0, 0.08) 0 1px 7px 0;
  padding: 20px;
}
.prompt-dialog-wrap .custom-dialog .el-dialog__body .el-tabs .prompt-left .basic-bottom {
  text-align: center;
  margin-top: 30px;
}
.prompt-dialog-wrap .custom-dialog .el-dialog__body .el-tabs .prompt-right {
  padding: 0 15px;
  height: calc(100vh - 66px);
}
.prompt-dialog-wrap .el-dialog {
  margin-top: 0 !important;
  height: 100vh;
}
.prompt-dialog-wrap ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #f5f5f5;
}
.prompt-dialog-wrap ::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
.prompt-dialog-wrap ::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: rgba(178, 179, 182, 0.3);
}
.prompt-dialog-wrap ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(144, 147, 153, 0.3);
}
.pagination-sty[data-v-5451a411] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.current[data-v-5451a411] {
  color: #13ce66;
}
.app-label-problems .edit-remark[data-v-43a3f406] {
  cursor: pointer;
}
.app-label-problems .edit-remark .remark-icon[data-v-43a3f406] {
  margin-right: 5px;
  font-size: 14px;
  color: #409eff;
}
.app-label-problems .edit-show[data-v-43a3f406] {
  display: none;
}
.app-label-problems .add-icon[data-v-43a3f406] {
  font-size: 20px;
  cursor: pointer;
}
.app-label-problems .tree-column:hover .edit-show[data-v-43a3f406] {
  display: inline;
}
.content[data-v-4b252861] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.content .content-left[data-v-4b252861] {
  width: 16%;
  margin-right: 20px;
}
.content .content-left .content-p[data-v-4b252861] {
  margin-bottom: 6px;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
}
.content .content-left .el-icon-search[data-v-4b252861] {
  line-height: 32px;
}
.content .content-left .custom-tree-node[data-v-4b252861] {
  width: 100%;
}
.content .content-left .custom-tree-node .evey-node[data-v-4b252861] {
  position: relative;
  line-height: 46px;
  height: 46px;
  width: 100%;
  font-size: 14px;
  color: #686b7a;
}
.content .content-left .custom-tree-node .evey-node .icon-sty[data-v-4b252861] {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  color: #686b7a;
}
.content .content-left .custom-tree-node .evey-node .el-icon-edit[data-v-4b252861] {
  line-height: 46px;
}
.content .content-left .left-tree.el-tree[data-v-4b252861] {
  margin-top: 16px;
  max-height: calc(100vh - 200px);
  overflow: auto;
}
.content .content-left .left-tree.el-tree[data-v-4b252861]::-webkit-scrollbar {
  width: 0px;
}
.content .content-left .left-tree.el-tree .el-tree-node__children[data-v-4b252861] {
  max-height: calc(100vh - 400px);
  overflow: auto;
}
.content .content-left .left-tree.el-tree .el-tree-node__children .el-tree-node__content[data-v-4b252861] {
  height: 46px !important;
}
.content .content-left .left-tree.el-tree .el-tree-node__content[data-v-4b252861] {
  height: 46px;
}
.content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content[data-v-4b252861] {
  background-color: #edf3ff;
}
.content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node[data-v-4b252861] {
  height: 46px;
  width: 100%;
  color: #4379ee;
}
.content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node[data-v-4b252861] {
  line-height: 46px;
  color: #4379ee;
}
.content .content-right[data-v-4b252861] {
  width: 84%;
}
[data-v-4b252861] .el-cascader__search-input {
  font-size: 12px;
}
@media screen and (max-width: 2560px) {
.other-topics-table .el-table[data-v-2cd3c586] {
    height: calc(100vh - 580px) !important;
    max-height: calc(100vh - 580px) !important;
}
}
.app-tab-tree-table[data-v-78333c88] {
  margin: 10px 20px;
}
.app-tab-tree-table .content[data-v-78333c88] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.app-tab-tree-table .content .app-transverse[data-v-78333c88] {
  margin-top: -10px;
}
.app-tab-tree-table .content .content-left[data-v-78333c88] {
  width: 16%;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #dcdfe6;
}
.app-tab-tree-table .content .content-left .content-p[data-v-78333c88] {
  margin-bottom: 6px;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
}
.app-tab-tree-table .content .content-left .el-icon-search[data-v-78333c88] {
  line-height: 32px;
}
.app-tab-tree-table .content .content-left .custom-tree-node[data-v-78333c88] {
  width: 100%;
}
.app-tab-tree-table .content .content-left .custom-tree-node .evey-node[data-v-78333c88] {
  position: relative;
  line-height: 46px;
  height: 46px;
  width: 100%;
  font-size: 14px;
  color: #686b7a;
}
.app-tab-tree-table .content .content-left .custom-tree-node .evey-node .icon-sty[data-v-78333c88] {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  color: #686b7a;
}
.app-tab-tree-table .content .content-left .custom-tree-node .evey-node .el-icon-edit[data-v-78333c88] {
  line-height: 46px;
}
.app-tab-tree-table .content .content-left .left-tree.el-tree[data-v-78333c88] {
  margin-top: 16px;
  max-height: calc(100vh - 200px);
  overflow: auto;
}
.app-tab-tree-table .content .content-left .left-tree.el-tree[data-v-78333c88]::-webkit-scrollbar {
  width: 0px;
}
.app-tab-tree-table .content .content-left .left-tree.el-tree .el-tree-node__children[data-v-78333c88] {
  max-height: calc(100vh - 400px);
  overflow: auto;
}
.app-tab-tree-table .content .content-left .left-tree.el-tree .el-tree-node__children .el-tree-node__content[data-v-78333c88] {
  height: 46px !important;
}
.app-tab-tree-table .content .content-left .left-tree.el-tree[data-v-78333c88]  .el-tree-node__content {
  height: 46px;
}
.app-tab-tree-table .content .content-left .handle-icon[data-v-78333c88] {
  display: none;
}
.app-tab-tree-table .content .content-left .el-tree-node__content:hover .handle-icon[data-v-78333c88] {
  display: inline-block;
  padding-left: 2px;
  padding-right: 7px;
  border-left: 1px solid #e9e9e9;
  background-color: #f5f7fa;
}
.app-tab-tree-table .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content[data-v-78333c88] {
  background-color: #edf3ff;
}
.app-tab-tree-table .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .handle-icon[data-v-78333c88] {
  background-color: #edf3ff;
}
.app-tab-tree-table .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node[data-v-78333c88] {
  height: 46px;
  width: 100%;
  color: #4379ee;
}
.app-tab-tree-table .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node[data-v-78333c88] {
  line-height: 46px;
  color: #4379ee;
}
.app-tab-tree-table .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .icon-sty[data-v-78333c88] {
  color: #4379ee;
}
.app-tab-tree-table .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .el-icon-edit[data-v-78333c88] {
  line-height: 46px;
  display: inline-block;
}
.app-tab-tree-table .content .content-left .project-sty.el-form .el-form-item[data-v-78333c88] {
  display: block !important;
}
.app-tab-tree-table .content .content-left .project-sty.el-form .el-form-item .el-form-item__content[data-v-78333c88] {
  width: 80%;
}
.app-tab-tree-table .content .content-left .el-card.is-always-shadow[data-v-78333c88] {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
.app-tab-tree-table .content .content-left .el-popup-parent--hidden .el-dropdown-menu .el-tree.dialog-tree .el-icon-check[data-v-78333c88] {
  display: none;
}
.app-tab-tree-table .content .content-left .el-popup-parent--hidden .el-dropdown-menu .el-tree.dialog-tree .el-tree-node__content:hover .el-icon-check[data-v-78333c88] {
  display: inline-block;
}
.app-tab-tree-table .content .content-right[data-v-78333c88] {
  width: 84%;
}
[data-v-73716e53] .el-form-item__error {
  z-index: 100;
}
.app-label-problems {
  margin: 10px 20px;
}
.app-label-problems .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.app-label-problems .content .app-transverse {
  padding: 20px 12px;
  background: white;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  height: calc(100vh - 120px) !important;
}
.app-label-problems .content .content-left {
  width: 16%;
  margin-right: 20px;
}
.app-label-problems .content .content-left .content-p {
  margin-bottom: 6px;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
}
.app-label-problems .content .content-left .el-icon-search {
  line-height: 32px;
}
.app-label-problems .content .content-left .custom-tree-node {
  width: 100%;
}
.app-label-problems .content .content-left .custom-tree-node .evey-node {
  position: relative;
  line-height: 46px;
  height: 46px;
  width: 100%;
  font-size: 14px;
  color: #686b7a;
}
.app-label-problems .content .content-left .custom-tree-node .evey-node .icon-sty {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  color: #686b7a;
}
.app-label-problems .content .content-left .custom-tree-node .evey-node .el-icon-edit {
  line-height: 46px;
}
.app-label-problems .content .content-left .left-tree.el-tree {
  margin-top: 16px;
  max-height: calc(100vh - 200px);
  overflow: auto;
}
.app-label-problems .content .content-left .left-tree.el-tree::-webkit-scrollbar {
  width: 0px;
}
.app-label-problems .content .content-left .left-tree.el-tree .el-tree-node__children {
  max-height: calc(100vh - 400px);
  overflow: auto;
}
.app-label-problems .content .content-left .left-tree.el-tree .el-tree-node__children .el-tree-node__content {
  height: 46px !important;
}
.app-label-problems .content .content-left .left-tree.el-tree .el-tree-node__content {
  height: 46px;
}
.app-label-problems .content .content-left .handle-icon {
  display: none;
}
.app-label-problems .content .content-left .el-tree-node__content:hover .handle-icon {
  display: inline-block;
  padding-left: 2px;
  padding-right: 7px;
  border-left: 1px solid #e9e9e9;
  background-color: #f5f7fa;
}
.app-label-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #edf3ff;
}
.app-label-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .handle-icon {
  background-color: #edf3ff;
}
.app-label-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node {
  height: 46px;
  width: 100%;
  color: #4379ee;
}
.app-label-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node {
  line-height: 46px;
  color: #4379ee;
}
.app-label-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .icon-sty {
  color: #4379ee;
}
.app-label-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .el-icon-edit {
  line-height: 46px;
  display: inline-block;
}
.app-label-problems .content .content-left .project-sty.el-form .el-form-item {
  display: block !important;
}
.app-label-problems .content .content-left .project-sty.el-form .el-form-item .el-form-item__content {
  width: 80%;
}
.app-label-problems .content .content-left .el-card.is-always-shadow {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
.app-label-problems .content .content-left .el-popup-parent--hidden .el-dropdown-menu .el-tree.dialog-tree .el-icon-check {
  display: none;
}
.app-label-problems .content .content-left .el-popup-parent--hidden .el-dropdown-menu .el-tree.dialog-tree .el-tree-node__content:hover .el-icon-check {
  display: inline-block;
}
.app-label-problems .content .content-right {
  width: 84%;
}

.product-main .box-card .demo-input-suffix .el-input[data-v-f0ccf6c6] {
  width: 180px;
}
.handle-add[data-v-f0ccf6c6] {
  float: right;
}
.product-mb-20[data-v-f0ccf6c6] {
  margin-bottom: 20px;
}
.product-contain[data-v-f0ccf6c6] {
  display: inline-block;
  width: 100%;
}

.wrap-prodoct-describe .width-input[data-v-f42880ba] {
  width: 90%;
}

.sd[data-v-67d041b8] {
  overflow: auto;
  display: block;
}

.upload-tip[data-v-16c4bdaa] {
  color: #f56c6c;
  font-size: 14px;
  margin-bottom: 10px;
  text-align: center;
}
[data-v-16c4bdaa] .upload-demo {
  width: 600px;
  margin-left: 50%;
  -webkit-transform: translatex(-50%);
          transform: translatex(-50%);
}
[data-v-16c4bdaa] .upload-demo .el-upload-dragger {
  width: 600px;
  height: 300px;
}
[data-v-16c4bdaa] .upload-demo .el-upload-dragger .el-icon-upload {
  margin-top: 98px;
}
[data-v-c765313e] .el-input-group__append {
  padding: 0;
  width: 70px;
  text-align: center;
  background-color: #409eff;
  color: #fff;
}
#qrcode[data-v-c765313e] {
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 2560px) {
#qrcode[data-v-c765313e] {
    margin-right: 54px;
}
}
@media screen and (max-width: 1920px) {
#qrcode[data-v-c765313e] {
    margin-right: 0;
}
}
.app-difficult-problems {
  margin: 10px 20px;
}
.app-difficult-problems .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.app-difficult-problems .content .app-transverse {
  margin-top: -10px;
}
.app-difficult-problems .content .app-transverse .task-edit {
  display: none;
}
.app-difficult-problems .content .app-transverse .el-table__body tr:hover .task-edit {
  display: inline;
}
.app-difficult-problems .content .content-left {
  width: 16%;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #dcdfe6;
}
.app-difficult-problems .content .content-left .el-icon-search {
  line-height: 32px;
}
.app-difficult-problems .content .content-left .custom-tree-node {
  width: 100%;
}
.app-difficult-problems .content .content-left .custom-tree-node .evey-node {
  position: relative;
  line-height: 46px;
  height: 46px;
  width: 100%;
  font-size: 14px;
  color: #686b7a;
}
.app-difficult-problems .content .content-left .custom-tree-node .evey-node .icon-sty {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  color: #686b7a;
}
.app-difficult-problems .content .content-left .custom-tree-node .evey-node .el-icon-edit {
  line-height: 46px;
}
.app-difficult-problems .content .content-left .left-tree.el-tree {
  margin-top: 16px;
  max-height: calc(100vh - 340px);
  overflow: auto;
}
.app-difficult-problems .content .content-left .left-tree.el-tree .el-tree-node__children {
  max-height: calc(100vh - 400px);
  overflow: auto;
}
.app-difficult-problems .content .content-left .left-tree.el-tree .el-tree-node__children .el-tree-node__content {
  height: 46px !important;
}
.app-difficult-problems .content .content-left .left-tree.el-tree .el-tree-node__content {
  height: 46px;
}
.app-difficult-problems .content .content-left .handle-icon {
  display: none;
}
.app-difficult-problems .content .content-left .el-tree-node__content:hover .handle-icon {
  display: inline-block;
  padding-left: 2px;
  padding-right: 7px;
  border-left: 1px solid #e9e9e9;
  background-color: #f5f7fa;
}
.app-difficult-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #edf3ff;
}
.app-difficult-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .handle-icon {
  background-color: #edf3ff;
}
.app-difficult-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node {
  height: 46px;
  width: 100%;
  color: #4379ee;
}
.app-difficult-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node {
  line-height: 46px;
  color: #4379ee;
}
.app-difficult-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .icon-sty {
  color: #4379ee;
}
.app-difficult-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .el-icon-edit {
  line-height: 46px;
  display: inline-block;
}
.app-difficult-problems .content .content-left .project-sty.el-form .el-form-item {
  display: block !important;
}
.app-difficult-problems .content .content-left .project-sty.el-form .el-form-item .el-form-item__content {
  width: 80%;
}
.app-difficult-problems .content .content-left .el-card.is-always-shadow {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
.app-difficult-problems .content .content-left .el-popup-parent--hidden .el-dropdown-menu .el-tree.dialog-tree .el-icon-check {
  display: none;
}
.app-difficult-problems .content .content-left .el-popup-parent--hidden .el-dropdown-menu .el-tree.dialog-tree .el-tree-node__content:hover .el-icon-check {
  display: inline-block;
}
.app-difficult-problems .content .content-right {
  width: 84%;
}
.app-difficult-problems .content .content-right .svg-file {
  font-size: 18px;
  vertical-align: middle;
  margin-right: 3px;
}
.app-difficult-problems .content .content-right .link-btn {
  display: inline-block;
  margin: 12px;
}

.product-mt-20[data-v-185b9786] {
  margin-top: 20px;
}
.opSetting[data-v-185b9786] {
  text-align: center;
  margin-top: 230px;
}
.spacing[data-v-185b9786] {
  margin-top: 10px;
}
.grid-content[data-v-185b9786] {
  margin-top: 20px;
}
.mtb-10[data-v-185b9786] {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.del-bottom.el-table[data-v-185b9786]::before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
}

.form-sty[data-v-a02abd94] {
  width: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin: 250px 0 80px 50%;
}
.el-input-group[data-v-a02abd94] {
  width: 40% !important;
}
.app-container[data-v-a7ee2f4c] {
  padding-bottom: 20px;
}
.app-container .main[data-v-a7ee2f4c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.app-container .main .left[data-v-a7ee2f4c] {
  width: 350px;
  margin-right: 10px;
}
.app-container .main .left .left-header[data-v-a7ee2f4c] {
  height: 350px;
}
.app-container .main .left .left-header[data-v-a7ee2f4c]  .cv-header {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.app-container .main .left .left-header[data-v-a7ee2f4c]  .currentPeriod {
  display: none;
}
.app-container .main .left .left-header[data-v-a7ee2f4c]  .periodLabel {
  font-size: 16px;
}
.app-container .main .left .left-header[data-v-a7ee2f4c]  .cv-day {
  cursor: pointer;
}
.app-container .main .left .left-header[data-v-a7ee2f4c]  .today,
.app-container .main .left .left-header[data-v-a7ee2f4c]  .previousYear,
.app-container .main .left .left-header[data-v-a7ee2f4c]  .previousPeriod,
.app-container .main .left .left-header[data-v-a7ee2f4c]  .nextPeriod,
.app-container .main .left .left-header[data-v-a7ee2f4c]  .nextYear {
  background-color: #f2f8fe;
  color: #1989fa;
  cursor: pointer;
}
.app-container .main .left .left-header[data-v-a7ee2f4c]  .isAction {
  background-color: #409eff;
  color: #fff;
}
.app-container .main .right[data-v-a7ee2f4c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.left-tabs[data-v-a7ee2f4c] {
  margin-top: 15px;
}
.left-tabs[data-v-a7ee2f4c]  .el-tabs__item {
  text-align: left;
}
.left-tabs[data-v-a7ee2f4c]  .el-tabs__header {
  width: 100%;
}
.left-tabs[data-v-a7ee2f4c]  .is-active {
  background-color: #f2f8fe;
}
.calendar-form[data-v-a7ee2f4c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.calendar-form .form-search[data-v-a7ee2f4c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.calendar-form .form-search[data-v-a7ee2f4c]  .el-icon-search {
  line-height: 32px;
}
.calendar-form .form-now[data-v-a7ee2f4c] {
  margin-right: 0 !important;
}
.calendar[data-v-a7ee2f4c] {
  position: relative;
  height: calc(100vh - var(--height)) !important;
  max-height: calc(100vh - var(--height)) !important;
}
.calendar[data-v-a7ee2f4c]  .cv-day.today {
  background-color: #f2f8fe;
  color: #1989fa;
}
[data-v-a7ee2f4c] .custom-holiday {
  cursor: pointer;
  background-color: #fff0ef;
}
.scheduleTitle[data-v-a7ee2f4c] {
  position: fixed;
  top: 0;
  left: 0;
}
.scheduleTitle .popover-close[data-v-a7ee2f4c] {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
.scheduleTitle .info[data-v-a7ee2f4c] {
  padding-bottom: 10px;
}
.scheduleTitle .info .name[data-v-a7ee2f4c] {
  font-weight: 600;
}
.scheduleTitle .info .time[data-v-a7ee2f4c] {
  margin-top: 5px;
}
.scheduleTitle .info .time i[data-v-a7ee2f4c] {
  margin-right: 5px;
}
.scheduleTitle .footer[data-v-a7ee2f4c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.calendar-header[data-v-a7ee2f4c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px;
  border: 1px solid #ddd;
  border-bottom: none;
}
.calendar-header .periodLabel[data-v-a7ee2f4c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  font-size: 18px;
}
.form-sty[data-v-7057245f] {
  width: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin: 80px 0 80px 50%;
}
.custom-dialog.role-wrap .el-dialog__body {
  padding: 20px 30px 20px 30px !important;
}
.user-list-roles {
  display: inline-block;
  width: 100px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.permission-tree .el-collapse-item__header[data-v-39c28d7e] {
  height: 40px;
  background-color: #f4f4f4;
  padding: 0 10px;
}
.permission-tree .el-icon-arrow-right[data-v-39c28d7e]:before {
  color: #409eff;
}
.el-tree-node__content[data-v-39c28d7e]::before {
  content: "";
  padding-left: 10px;
}
.el-checkbox__input[data-v-39c28d7e] {
  margin-right: 6px;
}

.role-list-users {
  display: inline-block;
  width: 100px;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}


.handle-add[data-v-0d8bfa68] {
  float: right;
}
.product-mb-20[data-v-0d8bfa68] {
  margin-bottom: 20px;
}
.product-contain[data-v-0d8bfa68] {
  display: inline-block;
  width: 100%;
}

.wrap-prodoct-describe .width-input[data-v-65e3fa37] {
  width: 90%;
}

.handle-add[data-v-7197b94c] {
  float: right;
}
.product-mb-20[data-v-7197b94c] {
  margin-bottom: 20px;
}
.product-contain[data-v-7197b94c] {
  display: inline-block;
  width: 100%;
}

.wrap-prodoct-describe .width-input[data-v-172e1bd2] {
  width: 90%;
}
.app-template-problems {
  margin: 10px 20px;
}
.app-template-problems .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.app-template-problems .content .app-transverse {
  padding: 20px 12px;
  background: white;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  height: calc(100vh - 120px) !important;
}
.app-template-problems .content .content-left {
  width: 16%;
  margin-right: 20px;
}
.app-template-problems .content .content-left .content-p {
  margin-bottom: 6px;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
}
.app-template-problems .content .content-left .el-icon-search {
  line-height: 32px;
}
.app-template-problems .content .content-left .custom-tree-node {
  width: 100%;
}
.app-template-problems .content .content-left .custom-tree-node .evey-node {
  position: relative;
  line-height: 46px;
  height: 46px;
  width: 100%;
  font-size: 14px;
  color: #686b7a;
}
.app-template-problems .content .content-left .custom-tree-node .evey-node .icon-sty {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  color: #686b7a;
}
.app-template-problems .content .content-left .custom-tree-node .evey-node .el-icon-edit {
  line-height: 46px;
}
.app-template-problems .content .content-left .left-tree.el-tree {
  margin-top: 16px;
  max-height: calc(100vh - 240px);
  overflow: auto;
}
.app-template-problems .content .content-left .left-tree.el-tree .el-tree-node__children {
  max-height: calc(100vh - 400px);
  overflow: auto;
}
.app-template-problems .content .content-left .left-tree.el-tree .el-tree-node__children .el-tree-node__content {
  height: 46px !important;
}
.app-template-problems .content .content-left .left-tree.el-tree .el-tree-node__content {
  height: 46px;
}
.app-template-problems .content .content-left .handle-icon {
  display: none;
}
.app-template-problems .content .content-left .el-tree-node__content:hover .handle-icon {
  display: inline-block;
  padding-left: 2px;
  padding-right: 7px;
  border-left: 1px solid #e9e9e9;
  background-color: #f5f7fa;
}
.app-template-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #edf3ff;
}
.app-template-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .handle-icon {
  background-color: #edf3ff;
}
.app-template-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node {
  height: 46px;
  width: 100%;
  color: #4379ee;
}
.app-template-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node {
  line-height: 46px;
  color: #4379ee;
}
.app-template-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .icon-sty {
  color: #4379ee;
}
.app-template-problems .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .el-icon-edit {
  line-height: 46px;
  display: inline-block;
}
.app-template-problems .content .content-left .project-sty.el-form .el-form-item {
  display: block !important;
}
.app-template-problems .content .content-left .project-sty.el-form .el-form-item .el-form-item__content {
  width: 80%;
}
.app-template-problems .content .content-left .el-card.is-always-shadow {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
.app-template-problems .content .content-left .el-popup-parent--hidden .el-dropdown-menu .el-tree.dialog-tree .el-icon-check {
  display: none;
}
.app-template-problems .content .content-left .el-popup-parent--hidden .el-dropdown-menu .el-tree.dialog-tree .el-tree-node__content:hover .el-icon-check {
  display: inline-block;
}
.app-template-problems .content .content-right {
  width: 84%;
}
[data-v-1854e92c].template-content .ql-syntax {
  white-space: pre-wrap;
}
[data-v-1854e92c] .el-cascader__search-input {
  font-size: 12px;
}
.disable-firs-level .el-cascader-menu:first-of-type .el-checkbox {
  display: none !important;
}
.form-sty[data-v-223cb918] {
  width: 600px;
  margin: 0 auto;
  margin-top: 100px;
}
.time-window-assignment[data-v-077bbbaf] {
  padding: 20px;
}
.config-form[data-v-077bbbaf] {
  margin: 24px auto 0;
  max-width: 980px;
}
.mode-text[data-v-077bbbaf] {
  margin-left: 14px;
  color: #606266;
}
.updated-at[data-v-077bbbaf] {
  color: #909399;
  margin: 10px 0 20px 180px;
}
.actions[data-v-077bbbaf] {
  text-align: center;
  margin-top: 20px;
}
.attr-item[data-v-22ff34ae] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}
.attr-item .el-form[data-v-22ff34ae] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.attr-item .el-form .el-form-item[data-v-22ff34ae] {
  margin-right: 10px;
}
.attr-item .del-icon[data-v-22ff34ae] {
  margin: 9px 0 0 20px;
  cursor: pointer;
  color: #409eff;
}
.attr-item .del-item[data-v-22ff34ae] {
  width: 100px;
}
.work-allocation-wrap[data-v-fddd76ba] {
  min-height: calc(100vh - 120px);
  margin: 10px 20px;
}
.work-allocation-wrap .high-seas[data-v-fddd76ba] {
  margin-bottom: 86px;
  width: 70%;
}
.work-allocation-wrap .work-head[data-v-fddd76ba] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #f9f9f9;
  padding: 0 20px;
  border: 1px solid #e9e9e9;
  border-bottom: none;
}
.work-allocation-wrap .work-head h3[data-v-fddd76ba] {
  display: inline-block;
  line-height: 50px;
  font-size: 18px;
  margin: 0;
}
.work-allocation-wrap .work-head .el-button[data-v-fddd76ba] {
  margin-top: 9px;
}
.work-allocation-wrap .table-wrap[data-v-fddd76ba] {
  border: 1px solid #e9e9e9;
  padding: 12px 20px 48px;
}
.distribute-panel[data-v-fddd76ba] {
  margin-bottom: 20px;
}
.distribute-panel[data-v-fddd76ba]  .el-cascader-menu__wrap {
  min-height: 350px;
}
.atoto-qa-cache .excel-upload-input[data-v-3e035634] {
  display: none;
  z-index: -9999;
}
.atoto-qa-cache .header[data-v-3e035634] {
  margin-bottom: 12px;
}
.atoto-qa-cache .cache-upload[data-v-3e035634] {
  display: inline-block;
}
.atoto-qa-cache .pagination[data-v-3e035634] {
  text-align: right;
}
.atoto-qa-cache .header[data-v-65322410] {
  margin-bottom: 12px;
}
.atoto-qa-cache .pagination[data-v-65322410] {
  text-align: right;
}
.atoto-mock-qa[data-v-5c48b394] {
  overflow-y: auto;
  height: auto !important;
  min-height: calc(100vh - 150px);
  padding-bottom: 16px;
}
.atoto-mock-qa h4[data-v-5c48b394],
.atoto-mock-qa h5[data-v-5c48b394] {
  margin: 0;
  margin-bottom: 6px;
}
.atoto-mock-qa header .el-select[data-v-5c48b394] {
  width: 220px;
}
.atoto-mock-qa header .el-select + .el-select[data-v-5c48b394] {
  margin-left: 10px;
}
.atoto-mock-qa .el-divider--vertical[data-v-5c48b394] {
  height: inherit;
}
.atoto-mock-qa .command-box[data-v-5c48b394] {
  overflow-y: auto;
}
.atoto-mock-qa .type-item[data-v-5c48b394] {
  margin: 12px 0;
  padding: 12px;
  background-color: #f4f6f9;
  border-radius: 4px;
}
.atoto-mock-qa .type-item .el-button--text[data-v-5c48b394] {
  padding: 10px 0 !important;
}
.atoto-mock-qa .instruction-item-box[data-v-5c48b394] {
  overflow: hidden;
  background-color: #fff;
  border-radius: 4px;
}
.atoto-mock-qa .instruction-item[data-v-5c48b394] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.atoto-mock-qa .instruction-item-form[data-v-5c48b394] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.atoto-mock-qa .instruction-item-form .el-form-item[data-v-5c48b394] {
  margin: 16px 0;
}
.atoto-mock-qa .instruction-item-form .el-form-item__error[data-v-5c48b394] {
  padding-top: 0;
}
.atoto-mock-qa .instruction-item-form .el-form-item__content[data-v-5c48b394] {
  line-height: 26px !important;
}
.atoto-mock-qa .instruction-item-operate[data-v-5c48b394] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 66px;
}
.atoto-mock-qa .instruction-item-operate .el-button[data-v-5c48b394] {
  margin: 12px 0;
  padding: 6px 8px !important;
}
.atoto-mock-qa .instruction-item-operate .el-button + .el-button[data-v-5c48b394] {
  margin-left: 0;
}
.atoto-mock-qa .instruction-item-add[data-v-5c48b394] {
  width: 100%;
  padding: 6px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
}
.atoto-mock-qa .test-control .el-input-number[data-v-5c48b394] {
  width: 180px !important;
  height: 32px;
  line-height: 30px;
}
.atoto-mock-qa .test-control .test-return-box[data-v-5c48b394] {
  overflow: auto;
  height: 300px;
  margin: 0;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
}
.atoto-mock-qa .submit[data-v-5c48b394] {
  margin-top: 16px;
  text-align: right;
}
.atoto-mock-qa .preview[data-v-5c48b394] {
  position: fixed;
  top: 50px;
  right: 80px;
  z-index: 999;
}
.receiving-table-container .el-scrollbar {
  height: calc(100vh - 200px);
}
.receiving-table-container .scrollbar-wrapper {
  overflow-x: hidden;
}
.receiving-table {
  margin: 20px 0 30px;
  padding-bottom: 20px;
  border-radius: 10px;
  border: 1px solid #ebeef5;
}
.receiving-table .title {
  margin: 12px 20px;
}
.receiving-table .tip {
  margin-left: 20px;
  font-size: 12px;
  padding-bottom: 10px;
  color: #999;
}
.receiving-table .tip .important {
  color: #ff4949;
}
.mail-item-container[data-v-39f04274] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 16px;
  padding-bottom: 30px;
}
.mail-item-container .mail-item[data-v-39f04274] {
  position: relative;
}
@media screen and (max-width: 2560px) {
.mail-item-container .mail-item[data-v-39f04274] {
    max-width: 80%;
    min-width: 42%;
}
}
@media screen and (max-width: 1920px) {
.mail-item-container .mail-item[data-v-39f04274] {
    max-width: 86%;
}
}
.mail-item-container .mail-item .mail-item-head[data-v-39f04274] {
  text-align: right;
}
.mail-item-container .mail-item .mail-item-quote[data-v-39f04274] {
  background-color: #efeff4;
  border-radius: 10px;
  font-size: 14px;
  padding: 10px;
  border: 1px solid #8d8d8d;
  margin-bottom: -1px;
}
.mail-item-container .mail-item .mail-item-content[data-v-39f04274] {
  line-height: 24px;
  color: #000;
  margin-top: 6px;
  padding: 24px;
  border-radius: 10px;
  background-color: #f4f4f4;
}
.mail-item-container .mail-item .mail-item-content p[data-v-39f04274] {
  font-size: 14px;
  word-wrap: break-word;
}
.mail-item-container .mail-item .mail-item-content[data-v-39f04274]  ol {
  padding-left: 20px;
  margin: 0;
}
.mail-item-container .mail-item .mail-item-content[data-v-39f04274]  ol li {
  list-style-type: decimal !important;
}
.mail-item-container .mail-item .mail-item-content[data-v-39f04274]  ul {
  padding-left: 20px;
  margin: 0;
}
.mail-item-container .mail-item .mail-item-content[data-v-39f04274]  ul li {
  list-style-type: disc !important;
}
.mail-item-container .mail-item .mail-item-content[data-v-39f04274]  .marked-quote {
  margin-left: 2px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 15px;
  height: 15px;
  line-height: 1;
  border-radius: 50%;
  background: #f0f4fc;
  font-size: 12px;
  color: #9197c1;
  cursor: pointer;
  vertical-align: top;
}
.mail-item-container .mail-item .mail-item-appendix[data-v-39f04274] {
  margin-top: 10px;
  font-size: 14px;
  color: #666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mail-item-container .mail-item .left-quote[data-v-39f04274] {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -70px;
}
.mail-item-container .mail-item .right-quote[data-v-39f04274] {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -70px;
}
.mail-item-right[data-v-39f04274] {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.mail-item-right .mail-item-head[data-v-39f04274] {
  color: #666;
}
.mail-item-right .mail-item-content[data-v-39f04274] {
  border: 1px #7a7a7a solid;
  background-color: #fff !important;
}
.deep-think-btn[data-v-39f04274] {
  border-radius: 10px;
  background-color: #f5f5f5;
}
.deep-think-content[data-v-39f04274] {
  display: grid;
  grid-template-rows: 0fr;
  padding: 0 0 0 13px;
  overflow: hidden;
  -webkit-transition: grid-template-rows 0.3s ease-out;
  transition: grid-template-rows 0.3s ease-out;
  transition: grid-template-rows 0.3s ease-out, -ms-grid-rows 0.3s ease-out;
  border-left: 2px solid #e5e5e5;
  color: #8b8b8b;
  white-space: pre-wrap;
  font-size: 12px;
}
.deep-think-content > div[data-v-39f04274] {
  min-height: 0;
}
.mail-item-reference[data-v-39f04274] {
  margin-top: 6px;
  overflow-y: auto;
}
.mail-item-reference > div[data-v-39f04274] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.mail-item-reference .websites[data-v-39f04274] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 12px;
  width: 220px;
  height: 80px;
  background: #f0f4fc;
  border-radius: 8px;
  cursor: pointer;
}
.mail-item-reference .websites[data-v-39f04274]:hover, .mail-item-reference .websites[data-v-39f04274]:active {
  opacity: 0.8;
}
.mail-item-reference .websites + .websites[data-v-39f04274] {
  margin-left: 16px;
}
.mail-item-reference .websites .title[data-v-39f04274] {
  line-height: 20px;
  font-size: 14px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  color: #000;
}
.mail-item-reference .websites .ref[data-v-39f04274] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  color: #9197c1;
}
.mail-item-reference .websites .ref > div[data-v-39f04274] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mail-item-reference .websites .ref > img[data-v-39f04274] {
  width: 14px;
  height: 14px;
  margin-right: 5px;
}
.mail-item-reference .simple[data-v-39f04274] {
  padding: 8px 12px;
  width: auto;
  height: auto;
}
.show-think[data-v-39f04274] {
  margin: 10px 0;
  grid-template-rows: 1fr;
}
.mail-item-image[data-v-39f04274] {
  overflow-x: auto;
}
.mail-item-image > div[data-v-39f04274] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.mail-item-image .el-image[data-v-39f04274] {
  width: 100px;
}
.mail-item-image .el-image + .el-image[data-v-39f04274] {
  margin-left: 10px;
}
.search-chat-content[data-v-708cdbca] {
  height: 600px;
  overflow-y: auto;
  border: 1px solid #7a7a7a;
  padding-top: 16px;
}
@charset "UTF-8";
.chats-number-emal[data-v-1cfc3fc8] {
  padding: 10px;
  border-bottom: 1px solid #dcdfe6;
}
.chats-number-emal[data-v-1cfc3fc8]:nth-last-child(1) {
  border-bottom: none;
}
.gpt-wrap[data-v-1cfc3fc8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.gpt-wrap .praised-common[data-v-1cfc3fc8] {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 13px 0;
  line-height: 32px;
}
.gpt-wrap .praised-common .chat-theme-btn[data-v-1cfc3fc8] {
  height: 32px;
}
.gpt-wrap .praised-common .chat-theme-btn .round-dot[data-v-1cfc3fc8] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ff4d4f;
  display: inline-block;
  margin-right: 2px;
}
.gpt-wrap .praised-common .chat-theme-btn .round-dot-success[data-v-1cfc3fc8] {
  background-color: #52c41a;
}
.gpt-wrap .praised-common .chat-theme-btn .round-dot-error[data-v-1cfc3fc8] {
  background-color: #ff4d4f;
}
.gpt-wrap .praised-common .chat-theme-btn .link-success[data-v-1cfc3fc8] {
  color: #52c41a;
}
.gpt-wrap .praised-common .chat-theme-btn .link-error[data-v-1cfc3fc8] {
  color: #ff4d4f;
}
.gpt-wrap .gpt-input[data-v-1cfc3fc8] {
  overflow: hidden;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  will-change: height;
}
.gpt-wrap .gpt-input.up[data-v-1cfc3fc8] {
  height: 200px;
}
.gpt-wrap .gpt-input.down[data-v-1cfc3fc8] {
  height: 49px;
}
.gpt-wrap .gpt-content[data-v-1cfc3fc8] {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
}
.gpt-wrap .gpt-content .gpt-content-list[data-v-1cfc3fc8] {
  padding-top: 4px;
  overflow: auto;
  width: 100%;
  height: 100%;
  /* 火狐滚动条 */
}
.gpt-wrap .gpt-content .gpt-content-list .ql-syntax[data-v-1cfc3fc8] {
  white-space: pre-wrap;
}
.gpt-wrap .gpt-content .gpt-content-list .loading[data-v-1cfc3fc8] {
  text-align: center;
}
.gpt-wrap .gpt-content .gpt-content-list blockquote[data-v-1cfc3fc8] {
  width: 100% !important;
}
.gpt-wrap .gpt-content .fixed-bottom[data-v-1cfc3fc8] {
  position: absolute;
  bottom: 24px;
  height: 30px;
  line-height: 30px;
  background-color: #ffffff;
  padding: 0 18px;
  border: 1px solid #e7e7e8;
  font-size: 12px;
  font-weight: 700;
  color: #409eff;
  border-radius: 20px;
  cursor: pointer;
  -webkit-box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.06);
}
.gpt-wrap .gpt-content .fixed-right[data-v-1cfc3fc8] {
  right: 50px;
}
.gpt-wrap .gpt-handle[data-v-1cfc3fc8] {
  position: relative;
}
.gpt-wrap .gpt-handle .show-icon[data-v-1cfc3fc8] {
  position: absolute;
  top: -18px;
  left: 50%;
  z-index: 10000;
  transform: translateX(-50%);
  -webkit-transform: rotate(-90deg);
  /* Safari and Chrome */
  transform: rotate(-90deg);
  margin-top: -20px;
  font-size: 48px;
}
.gpt-wrap .gpt-handle .show-icon[data-v-1cfc3fc8] :hover {
  cursor: pointer;
}
.gpt-wrap .gpt-search[data-v-1cfc3fc8] {
  height: 50px;
  line-height: 50px;
  text-align: right;
  padding-right: 10px;
  border-top: 1px solid #e7e7e8;
  border-bottom: 1px solid #e7e7e8;
}
.gpt-wrap .gpt-quote[data-v-1cfc3fc8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0;
  border-bottom: 1px solid #e7e7e8;
}
.gpt-wrap .gpt-quote .quote-all[data-v-1cfc3fc8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 10px;
}
.gpt-wrap .gpt-quote .quote-item[data-v-1cfc3fc8] {
  height: 32px;
  line-height: 32px;
  border-bottom: 1px solid #e7e7e8;
}
.gpt-wrap .gpt-quote .quote-item[data-v-1cfc3fc8]  .quote-p p {
  display: inline-block;
}
.gpt-wrap .gpt-quote .quote-item[data-v-1cfc3fc8]:last-child {
  border-bottom: none;
}
.gpt-wrap .gpt-quote .quote-all-del[data-v-1cfc3fc8] {
  position: relative;
  width: 100px;
  border-left: 1px solid #e7e7e8;
  padding: 0 10px;
}
.gpt-wrap .gpt-quote .quote-all-del a[data-v-1cfc3fc8] {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.gpt-wrap .gpt-send[data-v-1cfc3fc8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 10px;
  height: 50px;
  line-height: 50px;
  border-top: 1px solid #e7e7e8;
  border-bottom: 1px solid #e7e7e8;
}
.gpt-wrap .gpt-dropdown[data-v-1cfc3fc8] {
  margin-right: 40px;
}
.model-time[data-v-1cfc3fc8] {
  margin-left: 10px;
  color: #409eff;
  font-size: 12px;
}
.gpt-image[data-v-1cfc3fc8] {
  padding: 10px;
  border-bottom: 1px solid #e7e7e8;
}
.gpt-image[data-v-1cfc3fc8]  .el-upload--picture-card,
.gpt-image[data-v-1cfc3fc8]  .el-upload-list__item,
.gpt-image[data-v-1cfc3fc8]  .el-progress-circle,
.gpt-image[data-v-1cfc3fc8]  .el-progress {
  width: 100px !important;
  height: 100px !important;
  font-size: 12px;
}
.gpt-image[data-v-1cfc3fc8]  .upload-tip p {
  display: none;
}
.drag-box[data-v-4db3b1d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.dragBoxX-item .resize-left[data-v-2b54eafd],
.dragBoxX-item .resize-right[data-v-2b54eafd] {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 100%;
  cursor: w-resize;
  background-color: #f6f9fa;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.all-tab-gpt[data-v-3914374a] {
  height: calc(100vh - 80px) !important;
}
.app-gpt {
  padding: 12px 16px;
}
.app-gpt .content {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.app-gpt .content .dragBoxX-item .resize-left {
  border: none !important;
}
.app-gpt .content .content-left {
  width: 14%;
  margin-right: 10px;
  border: 1px solid #dcdfe6;
}
.app-gpt .content .content-left .el-icon-search {
  line-height: 32px;
}
.app-gpt .content .content-left .custom-tree-node {
  width: 100%;
}
.app-gpt .content .content-left .custom-tree-node .evey-node {
  position: relative;
  line-height: 46px;
  height: 46px;
  width: 100%;
  font-size: 14px;
  color: #686b7a;
}
.app-gpt .content .content-left .custom-tree-node .evey-node .icon-sty {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  color: #686b7a;
}
.app-gpt .content .content-left .custom-tree-node .evey-node .el-icon-edit {
  line-height: 46px;
}
.app-gpt .content .content-left .left-tree.el-tree {
  margin-top: 16px;
  max-height: calc(100vh - 200px);
  overflow: auto;
}
.app-gpt .content .content-left .left-tree.el-tree::-webkit-scrollbar {
  width: 0px;
}
.app-gpt .content .content-left .left-tree.el-tree .el-tree-node__children {
  max-height: calc(100vh - 400px);
  overflow: auto;
}
.app-gpt .content .content-left .left-tree.el-tree .el-tree-node__children .el-tree-node__content {
  height: 46px !important;
}
.app-gpt .content .content-left .left-tree.el-tree .el-tree-node__content {
  height: 46px;
}
.app-gpt .content .content-left .handle-icon {
  display: none;
}
.app-gpt .content .content-left .el-tree-node__content:hover .handle-icon {
  display: inline-block;
  padding-left: 2px;
  padding-right: 7px;
  border-left: 1px solid #e9e9e9;
  background-color: #f5f7fa;
}
.app-gpt .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #edf3ff;
}
.app-gpt .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .handle-icon {
  background-color: #edf3ff;
}
.app-gpt .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node {
  height: 46px;
  width: 100%;
  color: #4379ee;
}
.app-gpt .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node {
  line-height: 46px;
  color: #4379ee;
}
.app-gpt .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .icon-sty {
  color: #4379ee;
}
.app-gpt .content .content-left .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node .evey-node .el-icon-edit {
  line-height: 46px;
  display: inline-block;
}
.app-gpt .content .content-left .project-sty.el-form .el-form-item {
  display: block !important;
}
.app-gpt .content .content-left .project-sty.el-form .el-form-item .el-form-item__content {
  width: 80%;
}
.app-gpt .content .content-left .el-card.is-always-shadow {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
.app-gpt .content .content-left .el-popup-parent--hidden .el-dropdown-menu .el-tree.dialog-tree .el-icon-check {
  display: none;
}
.app-gpt .content .content-left .el-popup-parent--hidden .el-dropdown-menu .el-tree.dialog-tree .el-tree-node__content:hover .el-icon-check {
  display: inline-block;
}
.app-gpt .content .content-middle {
  border: 1px solid #dcdfe6;
  height: 100%;
  margin-right: 10px;
}
.app-gpt .content .content-middle .el-form--inline .el-form-item {
  margin-top: 12px !important;
}
@media screen and (max-width: 6000px) {
.app-gpt .content .full-screen-table .el-table {
    height: calc(100vh - 132px) !important;
    max-height: calc(100vh - 132px) !important;
}
}
@media screen and (max-width: 2420px) {
.app-gpt .content .full-screen-table .el-table {
    height: calc(100vh - 188px) !important;
    max-height: calc(100vh - 188px) !important;
}
}
@media screen and (max-width: 1590px) {
.app-gpt .content .full-screen-table .el-table {
    height: calc(100vh - 240px) !important;
    max-height: calc(100vh - 240px) !important;
}
}
@media screen and (max-width: 6000px) {
.app-gpt .content .full-screen-tab-table .el-table {
    height: calc(100vh - 132px - 80px) !important;
    max-height: calc(100vh - 132px - 80px) !important;
}
}
@media screen and (max-width: 2420px) {
.app-gpt .content .full-screen-tab-table .el-table {
    height: calc(100vh - 188px - 80px) !important;
    max-height: calc(100vh - 188px - 80px) !important;
}
}
@media screen and (max-width: 1590px) {
.app-gpt .content .full-screen-tab-table .el-table {
    height: calc(100vh - 240px - 80px) !important;
    max-height: calc(100vh - 240px - 80px) !important;
}
}
.app-gpt .content .content-right {
  border-right: 1px solid #dcdfe6;
  border-left: 1px solid #dcdfe6;
  height: 100%;
}
.el-select[data-v-7186d574],
.el-date-editor[data-v-7186d574] {
  width: 100%;
}
[data-v-e6d066b8] .input-prompt .el-textarea__inner {
  height: 600px;
}
.wrap-describe .width-input[data-v-05e8e1ac] {
  width: 90%;
}
.wrap-describe .title[data-v-05e8e1ac] {
  text-align: center;
}
.wrap-describe .add[data-v-05e8e1ac] {
  text-align: right;
  margin-bottom: 20px;
}
.wrap-describe .batch-del[data-v-05e8e1ac] {
  margin: 10px 0;
  display: inline-block;
}
[data-v-4e29b116] .full-tab-container .el-tabs {
  background-color: #fff;
}
.seaweed-page[data-v-6f77a6ad] {
  --bg: #f5f6fa;
  --panel: #ffffff;
  --panel-2: #f5f7fa;
  --panel-3: #fbfdff;
  --line: #dcdfe6;
  --line-soft: #ebeef5;
  --text: #303133;
  --text-dim: #606266;
  --text-faint: #909399;
  --amber: #409eff;
  --amber-soft: rgba(64, 158, 255, 0.12);
  --primary-hover: #66b1ff;
  --primary-active: #3a8ee6;
  --green: #13ce66;
  --red: #ff4949;
  --blue: #409eff;
  --warning: #e6a23c;
  --warning-soft: #fff7e6;
  --shadow-soft: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
  --shadow-hover: 0 8px 24px rgba(64, 158, 255, 0.14);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --radius: 10px;
  --mono: "SFMono-Regular", "JetBrains Mono", "Menlo", "Consolas", monospace;
  --sans: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
    Arial, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 0;
  height: 100vh;
  padding: 12px 20px;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f9fc), to(var(--bg)));
  background: linear-gradient(180deg, #f7f9fc 0%, var(--bg) 100%);
  color: var(--text);
  font-family: var(--sans);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
.seaweed-page *[data-v-6f77a6ad] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.seaweed-page a[data-v-6f77a6ad] {
  color: var(--blue);
}
.seaweed-header[data-v-6f77a6ad] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 14px 22px;
  border: 1px solid var(--line-soft);
  border-bottom: none;
  border-radius: 12px 12px 0 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fbfdff));
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  position: relative;
  z-index: 20;
  -webkit-animation: seaweed-fade-up-data-v-6f77a6ad 220ms var(--ease-out);
          animation: seaweed-fade-up-data-v-6f77a6ad 220ms var(--ease-out);
}
.brand[data-v-6f77a6ad] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.brand .mark[data-v-6f77a6ad] {
  width: 30px;
  height: 30px;
  border-radius: 7px;
  background: linear-gradient(135deg, #409eff, #035cc0);
  display: grid;
  place-items: center;
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  -webkit-box-shadow: 0 5px 14px rgba(64, 158, 255, 0.26);
          box-shadow: 0 5px 14px rgba(64, 158, 255, 0.26);
}
.brand h1[data-v-6f77a6ad] {
  font-size: 15px;
  margin: 0;
  font-weight: 700;
  color: var(--text);
  line-height: 1.25;
}
.brand .sub[data-v-6f77a6ad] {
  font-size: 11px;
  color: #7f8da3;
  font-family: var(--mono);
  letter-spacing: 0.5px;
}
.wrap[data-v-6f77a6ad] {
  display: grid;
  grid-template-columns: 400px minmax(0, 1fr);
  gap: 0;
  min-height: 0;
  overflow: hidden;
  background: var(--panel);
  border: 1px solid var(--line-soft);
  border-radius: 0 0 12px 12px;
  -webkit-box-shadow: var(--shadow-soft);
          box-shadow: var(--shadow-soft);
  -webkit-animation: seaweed-fade-up-data-v-6f77a6ad 260ms var(--ease-out);
          animation: seaweed-fade-up-data-v-6f77a6ad 260ms var(--ease-out);
}
.composer[data-v-6f77a6ad] {
  border-right: 1px solid var(--line-soft);
  padding: 20px;
  background: var(--panel);
  min-height: 0;
  overflow-y: auto;
  scrollbar-color: #c8d6e8 transparent;
  scrollbar-width: thin;
}
.stage[data-v-6f77a6ad] {
  padding: 20px 24px;
  background: var(--panel);
  min-height: 0;
  overflow-y: auto;
  scrollbar-color: #c8d6e8 transparent;
  scrollbar-width: thin;
}
.composer[data-v-6f77a6ad]::-webkit-scrollbar,
.stage[data-v-6f77a6ad]::-webkit-scrollbar {
  width: 8px;
}
.composer[data-v-6f77a6ad]::-webkit-scrollbar-thumb,
.stage[data-v-6f77a6ad]::-webkit-scrollbar-thumb {
  background: #c8d6e8;
  border: 2px solid #ffffff;
  border-radius: 10px;
}
.composer[data-v-6f77a6ad]::-webkit-scrollbar-track,
.stage[data-v-6f77a6ad]::-webkit-scrollbar-track {
  background: transparent;
}
.eyebrow[data-v-6f77a6ad] {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--text-faint);
  margin: 0 0 14px;
}
.field[data-v-6f77a6ad] {
  margin-bottom: 16px;
}
.field > label[data-v-6f77a6ad] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 12px;
  color: var(--text);
  margin-bottom: 6px;
  font-weight: 600;
}
.field .hint[data-v-6f77a6ad] {
  font-family: var(--mono);
  font-size: 10px;
  color: var(--text-faint);
}
.field textarea[data-v-6f77a6ad],
.field input[type=text][data-v-6f77a6ad],
.field input[type=number][data-v-6f77a6ad],
.field select[data-v-6f77a6ad] {
  width: 100%;
  background: var(--panel-3);
  border: 1px solid #dfe4ed;
  border-radius: 8px;
  color: var(--text);
  padding: 10px 11px;
  font-family: var(--sans);
  font-size: 13px;
  outline: none;
  -webkit-transition: border-color 150ms var(--ease-out), background 150ms var(--ease-out), -webkit-box-shadow 150ms var(--ease-out);
  transition: border-color 150ms var(--ease-out), background 150ms var(--ease-out), -webkit-box-shadow 150ms var(--ease-out);
  transition: border-color 150ms var(--ease-out), box-shadow 150ms var(--ease-out), background 150ms var(--ease-out);
  transition: border-color 150ms var(--ease-out), box-shadow 150ms var(--ease-out), background 150ms var(--ease-out), -webkit-box-shadow 150ms var(--ease-out);
}
.field textarea[data-v-6f77a6ad]::-webkit-input-placeholder,
.field input[type=text][data-v-6f77a6ad]::-webkit-input-placeholder,
.field input[type=number][data-v-6f77a6ad]::-webkit-input-placeholder,
.field select[data-v-6f77a6ad]::-webkit-input-placeholder {
  color: #c0c4cc;
}
.field textarea[data-v-6f77a6ad]::-moz-placeholder,
.field input[type=text][data-v-6f77a6ad]::-moz-placeholder,
.field input[type=number][data-v-6f77a6ad]::-moz-placeholder,
.field select[data-v-6f77a6ad]::-moz-placeholder {
  color: #c0c4cc;
}
.field textarea[data-v-6f77a6ad]::-ms-input-placeholder,
.field input[type=text][data-v-6f77a6ad]::-ms-input-placeholder,
.field input[type=number][data-v-6f77a6ad]::-ms-input-placeholder,
.field select[data-v-6f77a6ad]::-ms-input-placeholder {
  color: #c0c4cc;
}
.field textarea[data-v-6f77a6ad]::placeholder,
.field input[type=text][data-v-6f77a6ad]::placeholder,
.field input[type=number][data-v-6f77a6ad]::placeholder,
.field select[data-v-6f77a6ad]::placeholder {
  color: #c0c4cc;
}
.field textarea[data-v-6f77a6ad]:hover,
.field input[data-v-6f77a6ad]:hover,
.field select[data-v-6f77a6ad]:hover {
  border-color: #c0c4cc;
  background: #ffffff;
}
.field textarea[data-v-6f77a6ad] {
  resize: vertical;
  min-height: 200px;
  line-height: 1.55;
}
.field textarea[data-v-6f77a6ad]:focus,
.field input[data-v-6f77a6ad]:focus,
.field select[data-v-6f77a6ad]:focus {
  border-color: var(--amber);
  -webkit-box-shadow: 0 0 0 2px var(--amber-soft);
          box-shadow: 0 0 0 2px var(--amber-soft);
  background: #ffffff;
}
.field select[data-v-6f77a6ad]:disabled {
  color: #c0c4cc;
  cursor: not-allowed;
  background: #f5f7fa;
}
.field select[data-v-6f77a6ad] {
  cursor: pointer;
}
.field option[data-v-6f77a6ad] {
  background: #ffffff;
  color: var(--text);
}
.row[data-v-6f77a6ad] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.image-source-tabs[data-v-6f77a6ad] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  margin-bottom: 10px;
  padding: 3px;
  border: 1px solid #dfe4ed;
  border-radius: 8px;
  background: #f2f6fc;
}
.image-source-tabs button[data-v-6f77a6ad] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 28px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--text-dim);
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: color 150ms var(--ease-out), background 150ms var(--ease-out), -webkit-box-shadow 150ms var(--ease-out), -webkit-transform 120ms var(--ease-out);
  transition: color 150ms var(--ease-out), background 150ms var(--ease-out), -webkit-box-shadow 150ms var(--ease-out), -webkit-transform 120ms var(--ease-out);
  transition: color 150ms var(--ease-out), background 150ms var(--ease-out), box-shadow 150ms var(--ease-out), transform 120ms var(--ease-out);
  transition: color 150ms var(--ease-out), background 150ms var(--ease-out), box-shadow 150ms var(--ease-out), transform 120ms var(--ease-out), -webkit-box-shadow 150ms var(--ease-out), -webkit-transform 120ms var(--ease-out);
}
.image-source-tabs button[data-v-6f77a6ad]:hover {
  color: var(--amber);
  background: #ffffff;
}
.image-source-tabs button.active[data-v-6f77a6ad] {
  color: #ffffff;
  background: var(--amber);
  -webkit-box-shadow: 0 2px 6px rgba(64, 158, 255, 0.22);
          box-shadow: 0 2px 6px rgba(64, 158, 255, 0.22);
}
.image-source-tabs button[data-v-6f77a6ad]:active {
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.upload-panel[data-v-6f77a6ad] {
  padding: 10px;
  border: 1px solid #dfe4ed;
  border-radius: 8px;
  background: var(--panel-3);
}
.seaweed-upload[data-v-6f77a6ad]  .el-upload {
  margin-bottom: 0;
}
.seaweed-upload[data-v-6f77a6ad]  .el-upload-list--picture-card {
  display: block;
  width: 100%;
}
.seaweed-upload[data-v-6f77a6ad]  .el-upload--picture-card,
.seaweed-upload[data-v-6f77a6ad]  .el-upload-list__item {
  width: 100%;
  height: 200px;
  margin: 0;
  border-color: #dfe4ed;
  border-radius: 8px;
  background: #ffffff;
}
.seaweed-upload[data-v-6f77a6ad]  .el-upload--picture-card:hover,
.seaweed-upload[data-v-6f77a6ad]  .el-upload-list__item:hover {
  border-color: #c6e2ff;
}
.seaweed-upload[data-v-6f77a6ad]  .el-upload-dragger {
  border: none;
  background: transparent;
}
.seaweed-upload[data-v-6f77a6ad]  .upload-tip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0 !important;
  color: var(--text-faint);
}
.seaweed-upload[data-v-6f77a6ad]  .upload-tip .el-icon-upload {
  color: var(--amber);
  font-size: 24px;
}
.seaweed-upload[data-v-6f77a6ad]  .upload-tip p {
  margin: 4px 0 0;
  font-size: 12px;
}
.seaweed-upload[data-v-6f77a6ad]  .el-upload-list__item img,
.seaweed-upload[data-v-6f77a6ad]  .el-upload-list__item-thumbnail {
  width: 100%;
  height: 100%;
  margin-top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: none;
          transform: none;
}
.seaweed-upload[data-v-6f77a6ad]  .el-upload__tip {
  margin-top: 8px;
  color: var(--text-faint);
  font-size: 11px;
  line-height: 18px;
}
.seg[data-v-6f77a6ad] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f2f6fc;
  border: 1px solid #dfe4ed;
  border-radius: 8px;
  padding: 3px;
  gap: 3px;
}
.seg button[data-v-6f77a6ad] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: transparent;
  border: none;
  color: var(--text-dim);
  padding: 7px 4px;
  border-radius: 6px;
  font-family: var(--mono);
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: color 150ms var(--ease-out), background 150ms var(--ease-out), -webkit-box-shadow 150ms var(--ease-out), -webkit-transform 150ms var(--ease-out);
  transition: color 150ms var(--ease-out), background 150ms var(--ease-out), -webkit-box-shadow 150ms var(--ease-out), -webkit-transform 150ms var(--ease-out);
  transition: color 150ms var(--ease-out), background 150ms var(--ease-out), box-shadow 150ms var(--ease-out), transform 150ms var(--ease-out);
  transition: color 150ms var(--ease-out), background 150ms var(--ease-out), box-shadow 150ms var(--ease-out), transform 150ms var(--ease-out), -webkit-box-shadow 150ms var(--ease-out), -webkit-transform 150ms var(--ease-out);
}
.seg button[data-v-6f77a6ad]:hover {
  color: var(--amber);
  background: #ffffff;
}
.seg button.active[data-v-6f77a6ad] {
  background: var(--amber);
  color: #ffffff;
  font-weight: 600;
  -webkit-box-shadow: 0 2px 6px rgba(64, 158, 255, 0.24);
          box-shadow: 0 2px 6px rgba(64, 158, 255, 0.24);
}
.seg button[data-v-6f77a6ad]:active {
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.toggle[data-v-6f77a6ad] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 9px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.toggle .track[data-v-6f77a6ad] {
  width: 36px;
  height: 20px;
  border-radius: 20px;
  background: #dcdfe6;
  position: relative;
  -webkit-transition: background 180ms var(--ease-out), -webkit-box-shadow 180ms var(--ease-out);
  transition: background 180ms var(--ease-out), -webkit-box-shadow 180ms var(--ease-out);
  transition: background 180ms var(--ease-out), box-shadow 180ms var(--ease-out);
  transition: background 180ms var(--ease-out), box-shadow 180ms var(--ease-out), -webkit-box-shadow 180ms var(--ease-out);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.toggle .track[data-v-6f77a6ad]::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
  -webkit-transition: left 180ms var(--ease-out), -webkit-box-shadow 180ms var(--ease-out);
  transition: left 180ms var(--ease-out), -webkit-box-shadow 180ms var(--ease-out);
  transition: left 180ms var(--ease-out), box-shadow 180ms var(--ease-out);
  transition: left 180ms var(--ease-out), box-shadow 180ms var(--ease-out), -webkit-box-shadow 180ms var(--ease-out);
}
.toggle:hover .track[data-v-6f77a6ad] {
  -webkit-box-shadow: 0 0 0 3px var(--amber-soft);
          box-shadow: 0 0 0 3px var(--amber-soft);
}
.toggle.on .track[data-v-6f77a6ad] {
  background: var(--amber);
}
.toggle.on .track[data-v-6f77a6ad]::after {
  left: 18px;
  background: #ffffff;
}
.toggle span[data-v-6f77a6ad] {
  font-size: 12px;
  color: var(--text-dim);
}
.img-preview[data-v-6f77a6ad] {
  margin-top: 8px;
  border: 1px dashed var(--line);
  border-radius: 8px;
  aspect-ratio: 16/9;
  background: #f8fafc center/cover no-repeat;
  display: grid;
  place-items: center;
  color: var(--text-faint);
  font-family: var(--mono);
  font-size: 11px;
  overflow: hidden;
  -webkit-transition: border-color 150ms var(--ease-out), background 150ms var(--ease-out);
  transition: border-color 150ms var(--ease-out), background 150ms var(--ease-out);
}
.img-preview[data-v-6f77a6ad]:hover {
  border-color: #c6e2ff;
  background-color: #f5faff;
}
.img-preview img[data-v-6f77a6ad],
.img-preview[data-v-6f77a6ad]  .el-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.img-preview[data-v-6f77a6ad]  .el-image__inner {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.generate-btn[data-v-6f77a6ad] {
  width: 100%;
  margin-top: 6px;
  padding: 13px;
  border: none;
  border-radius: 9px;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--amber)), to(#337ecc));
  background: linear-gradient(180deg, var(--amber) 0%, #337ecc 100%);
  color: #ffffff;
  font-size: 14px;
  font-weight: 650;
  cursor: pointer;
  -webkit-box-shadow: 0 6px 14px rgba(64, 158, 255, 0.24);
          box-shadow: 0 6px 14px rgba(64, 158, 255, 0.24);
  -webkit-transition: -webkit-transform 120ms var(--ease-out), -webkit-filter 150ms var(--ease-out), -webkit-box-shadow 150ms var(--ease-out);
  transition: -webkit-transform 120ms var(--ease-out), -webkit-filter 150ms var(--ease-out), -webkit-box-shadow 150ms var(--ease-out);
  transition: transform 120ms var(--ease-out), filter 150ms var(--ease-out), box-shadow 150ms var(--ease-out);
  transition: transform 120ms var(--ease-out), filter 150ms var(--ease-out), box-shadow 150ms var(--ease-out), -webkit-transform 120ms var(--ease-out), -webkit-filter 150ms var(--ease-out), -webkit-box-shadow 150ms var(--ease-out);
}
.generate-btn[data-v-6f77a6ad]:hover {
  -webkit-filter: brightness(1.04);
          filter: brightness(1.04);
  -webkit-box-shadow: 0 8px 18px rgba(64, 158, 255, 0.3);
          box-shadow: 0 8px 18px rgba(64, 158, 255, 0.3);
}
.generate-btn[data-v-6f77a6ad]:active {
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.generate-btn[data-v-6f77a6ad]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-filter: none;
          filter: none;
}
.curl-peek[data-v-6f77a6ad] {
  margin-top: 14px;
  background: #f8fafc;
  border: 1px solid var(--line-soft);
  border-radius: 8px;
  padding: 11px;
  font-family: var(--mono);
  font-size: 10.5px;
  color: var(--text-faint);
  white-space: pre-wrap;
  word-break: break-all;
  line-height: 1.6;
  max-height: 150px;
  overflow-y: auto;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03);
}
.curl-peek[data-v-6f77a6ad]  .k {
  color: var(--blue);
}
.stage-head[data-v-6f77a6ad] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
}
.stage-head h2[data-v-6f77a6ad] {
  font-size: 16px;
  margin: 0;
  font-weight: 700;
  color: var(--text);
  line-height: 1.25;
}
.stage-head .meta[data-v-6f77a6ad] {
  font-family: var(--mono);
  font-size: 11px;
  color: var(--text-faint);
}
.toolbar[data-v-6f77a6ad] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.toolbar button[data-v-6f77a6ad] {
  background: #ffffff;
  border: 1px solid var(--line);
  color: var(--text-dim);
  padding: 6px 12px;
  border-radius: 7px;
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: color 150ms var(--ease-out), background 150ms var(--ease-out), border-color 150ms var(--ease-out), -webkit-transform 120ms var(--ease-out);
  transition: color 150ms var(--ease-out), background 150ms var(--ease-out), border-color 150ms var(--ease-out), -webkit-transform 120ms var(--ease-out);
  transition: color 150ms var(--ease-out), background 150ms var(--ease-out), border-color 150ms var(--ease-out), transform 120ms var(--ease-out);
  transition: color 150ms var(--ease-out), background 150ms var(--ease-out), border-color 150ms var(--ease-out), transform 120ms var(--ease-out), -webkit-transform 120ms var(--ease-out);
}
.toolbar button[data-v-6f77a6ad]:hover {
  border-color: var(--amber);
  color: var(--amber);
  background: var(--amber-soft);
}
.toolbar button[data-v-6f77a6ad]:active {
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.empty[data-v-6f77a6ad] {
  border: 1px dashed var(--line);
  border-radius: var(--radius);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8fafc));
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  padding: 60px 20px;
  text-align: center;
  color: var(--text-faint);
  -webkit-animation: seaweed-fade-up-data-v-6f77a6ad 240ms var(--ease-out);
          animation: seaweed-fade-up-data-v-6f77a6ad 240ms var(--ease-out);
}
.empty .big[data-v-6f77a6ad] {
  font-size: 30px;
  margin-bottom: 10px;
  color: #c0c4cc;
}
.task[data-v-6f77a6ad] {
  background: var(--panel);
  border: 1px solid var(--line-soft);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
  -webkit-animation: seaweed-fade-up-data-v-6f77a6ad 220ms var(--ease-out);
          animation: seaweed-fade-up-data-v-6f77a6ad 220ms var(--ease-out);
  -webkit-transition: border-color 180ms var(--ease-out), -webkit-box-shadow 180ms var(--ease-out), -webkit-transform 180ms var(--ease-out);
  transition: border-color 180ms var(--ease-out), -webkit-box-shadow 180ms var(--ease-out), -webkit-transform 180ms var(--ease-out);
  transition: border-color 180ms var(--ease-out), box-shadow 180ms var(--ease-out), transform 180ms var(--ease-out);
  transition: border-color 180ms var(--ease-out), box-shadow 180ms var(--ease-out), transform 180ms var(--ease-out), -webkit-box-shadow 180ms var(--ease-out), -webkit-transform 180ms var(--ease-out);
}
.task[data-v-6f77a6ad]:hover {
  border-color: #c6e2ff;
  -webkit-box-shadow: var(--shadow-hover);
          box-shadow: var(--shadow-hover);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.task-top[data-v-6f77a6ad] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  padding: 14px 16px;
}
.task-thumb[data-v-6f77a6ad] {
  width: 200px;
  aspect-ratio: 16/9;
  border-radius: 7px;
  background: var(--panel-2);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line-soft);
  -webkit-transition: border-color 150ms var(--ease-out), -webkit-box-shadow 150ms var(--ease-out);
  transition: border-color 150ms var(--ease-out), -webkit-box-shadow 150ms var(--ease-out);
  transition: border-color 150ms var(--ease-out), box-shadow 150ms var(--ease-out);
  transition: border-color 150ms var(--ease-out), box-shadow 150ms var(--ease-out), -webkit-box-shadow 150ms var(--ease-out);
}
.task-thumb[data-v-6f77a6ad]:hover {
  border-color: #c6e2ff;
  -webkit-box-shadow: 0 3px 10px rgba(64, 158, 255, 0.12);
          box-shadow: 0 3px 10px rgba(64, 158, 255, 0.12);
}
.task-thumb video[data-v-6f77a6ad],
.task-thumb img[data-v-6f77a6ad] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.task-thumb video[data-v-6f77a6ad] {
  cursor: pointer;
}
.task-thumb .play-mask[data-v-6f77a6ad] {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  border: none;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 180ms var(--ease-out), background 180ms var(--ease-out);
  transition: opacity 180ms var(--ease-out), background 180ms var(--ease-out);
}
.task-thumb .play-mask i[data-v-6f77a6ad] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #ffffff;
  color: var(--amber);
  font-size: 28px;
  -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
          box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
  -webkit-transition: -webkit-transform 180ms var(--ease-out), -webkit-box-shadow 180ms var(--ease-out);
  transition: -webkit-transform 180ms var(--ease-out), -webkit-box-shadow 180ms var(--ease-out);
  transition: transform 180ms var(--ease-out), box-shadow 180ms var(--ease-out);
  transition: transform 180ms var(--ease-out), box-shadow 180ms var(--ease-out), -webkit-transform 180ms var(--ease-out), -webkit-box-shadow 180ms var(--ease-out);
}
.task-thumb:hover .play-mask[data-v-6f77a6ad] {
  opacity: 1;
  background: rgba(0, 0, 0, 0.38);
}
.task-thumb:hover .play-mask i[data-v-6f77a6ad] {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
  -webkit-box-shadow: 0 7px 18px rgba(0, 0, 0, 0.22);
          box-shadow: 0 7px 18px rgba(0, 0, 0, 0.22);
}
.task-thumb .placeholder[data-v-6f77a6ad] {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: var(--text-faint);
  font-family: var(--mono);
  font-size: 11px;
  gap: 10px;
}
.task-thumb .placeholder.image-mask[data-v-6f77a6ad] {
  background: rgba(48, 49, 51, 0.58);
  color: #ffffff;
}
.task-body[data-v-6f77a6ad] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.task-prompt[data-v-6f77a6ad] {
  font-size: 14px;
  color: var(--text);
  margin: 0 0 8px;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.task-tags[data-v-6f77a6ad] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
}
.tag[data-v-6f77a6ad] {
  font-family: var(--mono);
  font-size: 10.5px;
  padding: 2px 7px;
  border-radius: 5px;
  background: #f5f7fa;
  border: 1px solid #e4e7ed;
  color: var(--text-dim);
}
.task-status[data-v-6f77a6ad] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}
.task-id[data-v-6f77a6ad] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-family: var(--mono);
  font-size: 10.5px;
  color: var(--text-faint);
}
.copy-id-btn[data-v-6f77a6ad] {
  width: 22px;
  height: 22px;
  border: 1px solid transparent;
  border-radius: 5px;
  background: transparent;
  color: var(--text-faint);
  cursor: pointer;
  display: inline-grid;
  place-items: center;
  -webkit-transition: all 0.12s;
  transition: all 0.12s;
  line-height: 1;
}
.copy-id-btn[data-v-6f77a6ad]:hover {
  border-color: #c6e2ff;
  background: var(--amber-soft);
  color: var(--amber);
}
.status-pill[data-v-6f77a6ad] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-family: var(--mono);
  font-size: 11px;
  padding: 3px 9px;
  border-radius: 20px;
  font-weight: 500;
  border: 1px solid transparent;
}
.status-pill .s-dot[data-v-6f77a6ad] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.st-queued[data-v-6f77a6ad] {
  background: #ecf5ff;
  color: var(--blue);
  border-color: #d9ecff;
}
.st-queued .s-dot[data-v-6f77a6ad] {
  background: var(--blue);
}
.st-running[data-v-6f77a6ad] {
  background: var(--warning-soft);
  color: var(--warning);
  border-color: #faecd8;
}
.st-running .s-dot[data-v-6f77a6ad] {
  background: var(--warning);
  -webkit-animation: pulse-data-v-6f77a6ad 1s infinite;
          animation: pulse-data-v-6f77a6ad 1s infinite;
}
.st-succeeded[data-v-6f77a6ad] {
  background: #f0f9eb;
  color: var(--green);
  border-color: #e1f3d8;
}
.st-succeeded .s-dot[data-v-6f77a6ad] {
  background: var(--green);
}
.st-failed[data-v-6f77a6ad] {
  background: #fef0f0;
  color: var(--red);
  border-color: #fde2e2;
}
.st-failed .s-dot[data-v-6f77a6ad] {
  background: var(--red);
}
.progress-line[data-v-6f77a6ad] {
  height: 3px;
  background: var(--line-soft);
  position: relative;
  overflow: hidden;
  margin-bottom: 8px;
}
.progress-line .bar[data-v-6f77a6ad] {
  position: absolute;
  inset: 0;
  width: 35%;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(var(--warning)), to(transparent));
  background: linear-gradient(90deg, transparent, var(--warning), transparent);
  -webkit-animation: slide-data-v-6f77a6ad 1.4s infinite linear;
          animation: slide-data-v-6f77a6ad 1.4s infinite linear;
}
.task-actions[data-v-6f77a6ad] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 0 16px 14px;
}
.task-actions button[data-v-6f77a6ad],
.task-actions a[data-v-6f77a6ad] {
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 7px;
  cursor: pointer;
  border: 1px solid var(--line);
  background: #ffffff;
  color: var(--text-dim);
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  -webkit-transition: color 150ms var(--ease-out), background 150ms var(--ease-out), border-color 150ms var(--ease-out), -webkit-transform 120ms var(--ease-out);
  transition: color 150ms var(--ease-out), background 150ms var(--ease-out), border-color 150ms var(--ease-out), -webkit-transform 120ms var(--ease-out);
  transition: color 150ms var(--ease-out), background 150ms var(--ease-out), border-color 150ms var(--ease-out), transform 120ms var(--ease-out);
  transition: color 150ms var(--ease-out), background 150ms var(--ease-out), border-color 150ms var(--ease-out), transform 120ms var(--ease-out), -webkit-transform 120ms var(--ease-out);
}
.task-actions button[data-v-6f77a6ad]:hover,
.task-actions a[data-v-6f77a6ad]:hover {
  border-color: var(--amber);
  color: var(--amber);
  background: var(--amber-soft);
}
.task-actions button[data-v-6f77a6ad]:active,
.task-actions a[data-v-6f77a6ad]:active {
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.task-actions .danger[data-v-6f77a6ad]:hover {
  border-color: var(--red);
  color: var(--red);
  background: #fef0f0;
}
.err-detail[data-v-6f77a6ad] {
  padding: 0 16px 14px;
}
.err-detail .box[data-v-6f77a6ad] {
  background: #fef0f0;
  border: 1px solid #fde2e2;
  border-radius: 7px;
  padding: 9px 11px;
  font-family: var(--mono);
  font-size: 11px;
  color: var(--red);
  line-height: 1.5;
}
@-webkit-keyframes pulse-data-v-6f77a6ad {
0%, 100% {
    opacity: 1;
}
50% {
    opacity: 0.35;
}
}
@keyframes pulse-data-v-6f77a6ad {
0%, 100% {
    opacity: 1;
}
50% {
    opacity: 0.35;
}
}
@-webkit-keyframes slide-data-v-6f77a6ad {
from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
}
to {
    -webkit-transform: translateX(350%);
            transform: translateX(350%);
}
}
@keyframes slide-data-v-6f77a6ad {
from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
}
to {
    -webkit-transform: translateX(350%);
            transform: translateX(350%);
}
}
@-webkit-keyframes seaweed-fade-up-data-v-6f77a6ad {
from {
    opacity: 0;
    -webkit-transform: translateY(6px);
            transform: translateY(6px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes seaweed-fade-up-data-v-6f77a6ad {
from {
    opacity: 0;
    -webkit-transform: translateY(6px);
            transform: translateY(6px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
.seaweed-page button[data-v-6f77a6ad]:focus-visible,
.seaweed-page a[data-v-6f77a6ad]:focus-visible,
.field textarea[data-v-6f77a6ad]:focus-visible,
.field input[data-v-6f77a6ad]:focus-visible,
.field select[data-v-6f77a6ad]:focus-visible {
  outline: 2px solid rgba(64, 158, 255, 0.35);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
.seaweed-page *[data-v-6f77a6ad],
.seaweed-page *[data-v-6f77a6ad]::before,
.seaweed-page *[data-v-6f77a6ad]::after {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
}
}
@media (max-width: 920px) {
.seaweed-page[data-v-6f77a6ad] {
    padding: 8px;
}
.seaweed-header[data-v-6f77a6ad] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
}
.wrap[data-v-6f77a6ad] {
    grid-template-columns: 1fr;
}
.composer[data-v-6f77a6ad] {
    border-right: none;
    border-bottom: 1px solid var(--line);
}
.task-top[data-v-6f77a6ad] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.task-thumb[data-v-6f77a6ad] {
    width: 100%;
}
}
.seaweed-video-dialog .el-dialog {
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.16);
          box-shadow: 0 12px 32px rgba(0, 0, 0, 0.16);
  -webkit-animation: seaweed-dialog-in 220ms cubic-bezier(0.16, 1, 0.3, 1);
          animation: seaweed-dialog-in 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
.seaweed-video-dialog .el-dialog__header {
  border-bottom: 1px solid #ebeef5;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fbfdff));
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  padding: 16px 20px;
}
.seaweed-video-dialog .el-dialog__title {
  color: #303133;
  font-size: 15px;
  font-weight: 600;
}
.seaweed-video-dialog .el-dialog__headerbtn .el-dialog__close {
  color: #909399;
}
.seaweed-video-dialog .el-dialog__headerbtn .el-dialog__close:hover {
  color: #409eff;
}
.seaweed-video-dialog .el-dialog__body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f8fafc;
  padding: 20px 30px 20px 30px !important;
  overflow: hidden;
}
.seaweed-video-dialog .dialog-video {
  width: 100%;
  height: auto;
  max-height: 72vh;
  display: block;
  background: #f5f7fa;
  border: 1px solid #ebeef5;
  border-radius: 8px;
  -o-object-fit: contain;
     object-fit: contain;
}
@-webkit-keyframes seaweed-dialog-in {
from {
    opacity: 0;
    -webkit-transform: translateY(8px) scale(0.98);
            transform: translateY(8px) scale(0.98);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
}
}
@keyframes seaweed-dialog-in {
from {
    opacity: 0;
    -webkit-transform: translateY(8px) scale(0.98);
            transform: translateY(8px) scale(0.98);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
}
}
@media (prefers-reduced-motion: reduce) {
.seaweed-video-dialog .el-dialog {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
}
}
.video-sty {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.navigation-container {
  height: 100%;
}
.navigation-container .navigation-header {
  padding: 20px;
  text-align: center;
}
.navigation-container .navigation-header h2 {
  font-size: 24px;
  margin: 0;
}
.navigation-container .model-introduction {
  padding: 20px;
  line-height: 2;
}
.navigation-container .navigation-wrapper {
  width: 100%;
  padding: 0 15px;
}
.navigation-container .navigation-nav {
  text-align: center;
  width: 100%;
  margin-bottom: 15px;
}
.navigation-container .navigation-nav .el-radio-group {
  width: 100%;
}
.navigation-container .navigation-content {
  height: calc(100vh - 130px);
  border-radius: 8px;
  border: 1px solid #e4e7ed;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
.navigation-container .navigation-nav .el-radio-group {
    height: 42px;
    overflow-x: auto;
    white-space: nowrap;
    overflow-y: hidden;
}
}

body[data-v-7f06b4da] {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
    sans-serif;
  padding: 20px;
  background-color: #f4f4f4;
  color: #333;
}
.container[data-v-7f06b4da] {
  max-width: 800px;
  margin: 0 auto;
  background-color: #fff;
  padding: 20px 40px;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
h1[data-v-7f06b4da] {
  text-align: left;
  color: #333;
}
.form-group[data-v-7f06b4da] {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-group label[data-v-7f06b4da] {
  margin-right: 10px;
  white-space: nowrap;
  width: 60px;
  text-align: right;
}
.form-group input[type='text'][data-v-7f06b4da],
.form-group textarea[data-v-7f06b4da] {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* Important */
}
.form-group textarea[data-v-7f06b4da] {
  height: 120px;
  resize: vertical;
}
.form-group input[type='text'][data-v-7f06b4da]:focus,
.form-group textarea[data-v-7f06b4da]:focus {
  border-color: #0b71df;
  outline: none;
}
.btn[data-v-7f06b4da] {
  padding: 6px 15px;
  border: none;
  background-color: #007bff;
  color: white;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
}
.btn[data-v-7f06b4da]:hover {
  background-color: #0b71df;
}
#result-container[data-v-7f06b4da] {
  margin-top: 10px;
  padding: 15px;
  border-radius: 4px;
  background-color: #f9f9f9;
  min-height: 50px;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.note[data-v-7f06b4da] {
  color: red;
  font-size: 14px;
  margin-left: 10px;
}
hr[data-v-7f06b4da] {
  margin: 30px 0;
  border: 0;
  border-top: 1px solid #eee;
}
.modal[data-v-7f06b4da] {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-content[data-v-7f06b4da] {
  background-color: #fefefe;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  max-width: 300px;
  text-align: center;
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.modal-content p[data-v-7f06b4da] {
  margin-bottom: 20px;
}
.modal-content button[data-v-7f06b4da] {
  padding: 6px 24px;
  border: none;
  background: #0b71df;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
}

@charset "UTF-8";
.page-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* 解决 iOS Safari 100vh 底部被遮挡问题：优先使用动态视口高度 dvh，不支持的浏览器回退到 vh */
  height: 100vh;
  height: 100dvh;
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  background-color: #f5f6f6;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.page-layout__header {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-layout__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  /* 配合 flex: 1，防止内容撑破容器导致无法滚动 */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #f9fafb;
}
.page-layout__footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
/* 隐藏ai助手 */
.h5-navbar[data-v-d8f6fc78] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  padding: 0 4px;
  background-color: #f4f7fa;
  border-bottom: 1px solid #ebeef5;
  position: relative;
}
.h5-navbar__back[data-v-d8f6fc78] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 44px;
  height: 44px;
  background: none;
  border: none;
  font-size: 20px;
  font-weight: 600;
  color: #303133;
  cursor: pointer;
}
.h5-navbar__back[data-v-d8f6fc78]:active {
  opacity: 0.6;
}
.h5-navbar__placeholder[data-v-d8f6fc78] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 44px;
}
.h5-navbar__title[data-v-d8f6fc78] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  font-size: 16px;
  font-weight: 600;
  color: #1d2129;
  padding: 0 4px;
}
.h5-navbar__right[data-v-d8f6fc78] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 44px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.list-view {
  position: relative;
  width: 100%;
}
.scroll-inner {
  position: relative;
  min-height: 100%;
}
.pull-down-wrap {
  position: absolute;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
  color: #969799;
}
.pull-down-wrap .pull-down-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.pull-down-wrap .pull-down-text i {
  font-size: 16px;
}
.pull-down-wrap .pull-down-text .el-icon-loading {
  -webkit-animation: rotating 2s linear infinite;
          animation: rotating 2s linear infinite;
}
.loading-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  margin-top: -10px;
}
.loading-more .loading-spinner {
  font-size: 14px;
}
.loading-more .no-more {
  font-size: 14px;
  color: #999;
}
.m-cascader[data-v-4c31b914] {
  position: relative;
  width: 100%;
}
.m-cascader__trigger[data-v-4c31b914] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  padding: 0 12px;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
}
.m-cascader__trigger[data-v-4c31b914]:hover {
  border-color: #c0c4cc;
}
.m-cascader__trigger.is-disabled[data-v-4c31b914] {
  background: #f5f7fa;
  border-color: #e4e7ed;
  cursor: not-allowed;
  color: #c0c4cc;
}
.m-cascader__text[data-v-4c31b914] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  color: #606266;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 4px;
}
.m-cascader__placeholder[data-v-4c31b914] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  color: #c0c4cc;
}
.m-cascader__icon[data-v-4c31b914] {
  font-size: 14px;
  color: #c0c4cc;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-cascader__arrow[data-v-4c31b914] {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.m-cascader__arrow.is-reverse[data-v-4c31b914] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.m-cascader__clear[data-v-4c31b914] {
  cursor: pointer;
}
.m-cascader__clear[data-v-4c31b914]:hover {
  color: #909399;
}
.m-cascader__overlay[data-v-4c31b914] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2099;
}
.m-cascader__panel[data-v-4c31b914] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 16px 16px 0 0;
  z-index: 2100;
  max-height: 72vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: env(safe-area-inset-bottom);
}
.m-cascader__header[data-v-4c31b914] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 14px 16px 12px;
  border-bottom: 1px solid #f0f0f0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-cascader__header-title[data-v-4c31b914] {
  font-size: 15px;
  font-weight: 600;
  color: #303133;
}
.m-cascader__header-action[data-v-4c31b914] {
  font-size: 14px;
  min-width: 36px;
  cursor: pointer;
}
.m-cascader__header-cancel[data-v-4c31b914] {
  color: #909399;
}
.m-cascader__header-confirm[data-v-4c31b914] {
  color: #409eff;
  text-align: right;
}
.m-cascader__search[data-v-4c31b914] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 16px;
  padding: 8px 10px;
  background: #f5f5f5;
  border-radius: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-cascader__search-icon[data-v-4c31b914] {
  font-size: 14px;
  color: #909399;
  margin-right: 6px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-cascader__search-input[data-v-4c31b914] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: none;
  background: transparent;
  outline: none;
  font-size: 14px;
  color: #303133;
  min-width: 0;
}
.m-cascader__search-input[data-v-4c31b914]::-webkit-input-placeholder {
  color: #c0c4cc;
}
.m-cascader__search-input[data-v-4c31b914]::-moz-placeholder {
  color: #c0c4cc;
}
.m-cascader__search-input[data-v-4c31b914]::-ms-input-placeholder {
  color: #c0c4cc;
}
.m-cascader__search-input[data-v-4c31b914]::placeholder {
  color: #c0c4cc;
}
.m-cascader__search-clear[data-v-4c31b914] {
  font-size: 14px;
  color: #c0c4cc;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 4px;
}
.m-cascader__breadcrumb[data-v-4c31b914] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 16px 10px;
  gap: 2px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-cascader__bc-item[data-v-4c31b914] {
  font-size: 13px;
  color: #909399;
  cursor: pointer;
  padding: 2px 3px;
  border-radius: 3px;
}
.m-cascader__bc-item.is-active[data-v-4c31b914] {
  color: #409eff;
  font-weight: 500;
}
.m-cascader__bc-sep[data-v-4c31b914] {
  font-size: 11px;
  color: #c0c4cc;
}
.m-cascader__bc-node[data-v-4c31b914] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-cascader__list[data-v-4c31b914] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.m-cascader__item[data-v-4c31b914] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
  min-height: 50px;
  border-bottom: 1px solid #f5f5f5;
  cursor: pointer;
  -webkit-transition: background 0.1s;
  transition: background 0.1s;
}
.m-cascader__item[data-v-4c31b914]:active {
  background: #f5f5f5;
}
.m-cascader__item-label[data-v-4c31b914] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  color: #303133;
  line-height: 1.4;
  padding: 13px 0;
}
.m-cascader__item-arrow[data-v-4c31b914] {
  font-size: 12px;
  color: #c0c4cc;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-cascader__item-loading[data-v-4c31b914] {
  font-size: 14px;
  color: #409eff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-cascader__item-check[data-v-4c31b914] {
  font-size: 16px;
  color: #409eff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-cascader__checkbox[data-v-4c31b914] {
  width: 18px;
  height: 18px;
  border: 1.5px solid #dcdfe6;
  border-radius: 3px;
  margin-right: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: background 0.15s, border-color 0.15s;
  transition: background 0.15s, border-color 0.15s;
}
.m-cascader__checkbox.is-checked[data-v-4c31b914] {
  background: #409eff;
  border-color: #409eff;
}
.m-cascader__checkbox.is-checked[data-v-4c31b914]::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  width: 4px;
  height: 8px;
  border: 1.5px solid #fff;
  border-top: none;
  border-left: none;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.m-cascader__checkbox.is-indeterminate[data-v-4c31b914] {
  background: #409eff;
  border-color: #409eff;
}
.m-cascader__checkbox.is-indeterminate[data-v-4c31b914]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 8px;
  height: 2px;
  background: #fff;
  border-radius: 1px;
}
.m-cascader__empty[data-v-4c31b914] {
  text-align: center;
  padding: 32px 16px;
  font-size: 14px;
  color: #c0c4cc;
}
.m-cascader__tags[data-v-4c31b914] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 8px 16px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-bottom: 1px solid #f0f0f0;
  scrollbar-width: none;
}
.m-cascader__tags[data-v-4c31b914]::-webkit-scrollbar {
  display: none;
}
.m-cascader__tag[data-v-4c31b914] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  padding: 2px 6px;
  background: #ecf5ff;
  border: 1px solid #d9ecff;
  border-radius: 4px;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-cascader__tag-label[data-v-4c31b914] {
  font-size: 12px;
  color: #409eff;
  max-width: 72px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-cascader__tag-close[data-v-4c31b914] {
  font-size: 10px;
  color: #a0cfff;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-cascader__tag-close[data-v-4c31b914]:active {
  color: #409eff;
}
.m-cascader__footer[data-v-4c31b914] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 16px;
  border-top: 1px solid #f0f0f0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-cascader__footer-count[data-v-4c31b914] {
  font-size: 13px;
  color: #909399;
}
.m-cascader__footer-confirm[data-v-4c31b914] {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  background: #409eff;
  padding: 8px 28px;
  border-radius: 20px;
  cursor: pointer;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}
.m-cascader__footer-confirm[data-v-4c31b914]:active {
  opacity: 0.8;
}
.m-cascader-fade-enter-active[data-v-4c31b914],
.m-cascader-fade-leave-active[data-v-4c31b914] {
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
.m-cascader-fade-enter[data-v-4c31b914],
.m-cascader-fade-leave-to[data-v-4c31b914] {
  opacity: 0;
}
.m-cascader-slide-enter-active[data-v-4c31b914],
.m-cascader-slide-leave-active[data-v-4c31b914] {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.m-cascader-slide-enter[data-v-4c31b914],
.m-cascader-slide-leave-to[data-v-4c31b914] {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.m-date-range[data-v-256e2cc3] {
  position: relative;
  width: 100%;
}
.m-date-range__trigger[data-v-256e2cc3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  padding: 0 12px;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  gap: 6px;
}
.m-date-range__trigger[data-v-256e2cc3]:hover {
  border-color: #c0c4cc;
}
.m-date-range__trigger.is-disabled[data-v-256e2cc3] {
  background: #f5f7fa;
  border-color: #e4e7ed;
  cursor: not-allowed;
  color: #c0c4cc;
}
.m-date-range__trigger-icon[data-v-256e2cc3] {
  font-size: 14px;
  color: #c0c4cc;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-date-range__text[data-v-256e2cc3] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  color: #606266;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-date-range__placeholder[data-v-256e2cc3] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  color: #c0c4cc;
}
.m-date-range__clear[data-v-256e2cc3] {
  font-size: 14px;
  color: #c0c4cc;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-date-range__clear[data-v-256e2cc3]:hover {
  color: #909399;
}
.m-date-range__overlay[data-v-256e2cc3] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2099;
}
.m-date-range__panel[data-v-256e2cc3] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 16px 16px 0 0;
  z-index: 2100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: env(safe-area-inset-bottom);
}
.m-date-range__header[data-v-256e2cc3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 14px 16px 12px;
  border-bottom: 1px solid #f0f0f0;
}
.m-date-range__header-title[data-v-256e2cc3] {
  font-size: 15px;
  font-weight: 600;
  color: #303133;
}
.m-date-range__header-cancel[data-v-256e2cc3] {
  font-size: 14px;
  color: #909399;
  cursor: pointer;
  min-width: 36px;
}
.m-date-range__header-confirm[data-v-256e2cc3] {
  font-size: 14px;
  color: #409eff;
  cursor: pointer;
  min-width: 36px;
  text-align: right;
}
.m-date-range__shortcuts[data-v-256e2cc3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 12px 16px;
  border-bottom: 1px solid #f0f0f0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.m-date-range__shortcut[data-v-256e2cc3] {
  padding: 5px 14px;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  font-size: 13px;
  color: #606266;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  background: #fff;
}
.m-date-range__shortcut[data-v-256e2cc3]:active {
  opacity: 0.7;
}
.m-date-range__shortcut.is-active[data-v-256e2cc3] {
  background: #ecf5ff;
  border-color: #b3d8ff;
  color: #409eff;
}
.m-date-range__inputs[data-v-256e2cc3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  gap: 10px;
}
.m-date-range__input-wrap[data-v-256e2cc3] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.m-date-range__input-label[data-v-256e2cc3] {
  font-size: 12px;
  color: #909399;
}
.m-date-range__input[data-v-256e2cc3] {
  width: 100%;
  height: 40px;
  padding: 0 10px;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  font-size: 14px;
  color: #c0c4cc;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
}
.m-date-range__input.has-value[data-v-256e2cc3] {
  color: #303133;
}
.m-date-range__input[data-v-256e2cc3]:focus {
  border-color: #409eff;
}
.m-date-range__input[data-v-256e2cc3]::-webkit-date-and-time-value {
  text-align: left;
}
.m-date-range__sep[data-v-256e2cc3] {
  font-size: 13px;
  color: #909399;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 22px;
}
.m-date-range__preview[data-v-256e2cc3] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  margin: 0 16px 16px;
  padding: 8px 12px;
  background: #f5f7fa;
  border-radius: 4px;
  font-size: 13px;
  color: #606266;
}
.m-date-range__preview i[data-v-256e2cc3] {
  color: #409eff;
}
.m-dr-fade-enter-active[data-v-256e2cc3],
.m-dr-fade-leave-active[data-v-256e2cc3] {
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
.m-dr-fade-enter[data-v-256e2cc3],
.m-dr-fade-leave-to[data-v-256e2cc3] {
  opacity: 0;
}
.m-dr-slide-enter-active[data-v-256e2cc3],
.m-dr-slide-leave-active[data-v-256e2cc3] {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.m-dr-slide-enter[data-v-256e2cc3],
.m-dr-slide-leave-to[data-v-256e2cc3] {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.m-select[data-v-7235266c] {
  position: relative;
  width: 100%;
}
.m-select__trigger[data-v-7235266c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  padding: 0 12px;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
}
.m-select__trigger[data-v-7235266c]:hover {
  border-color: #c0c4cc;
}
.m-select__trigger.is-disabled[data-v-7235266c] {
  background: #f5f7fa;
  border-color: #e4e7ed;
  cursor: not-allowed;
  color: #c0c4cc;
}
.m-select__text[data-v-7235266c], .m-select__placeholder[data-v-7235266c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-select__text[data-v-7235266c] {
  color: #606266;
}
.m-select__placeholder[data-v-7235266c] {
  color: #c0c4cc;
}
.m-select__icon[data-v-7235266c] {
  font-size: 14px;
  color: #c0c4cc;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-select__arrow[data-v-7235266c] {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.m-select__arrow.is-reverse[data-v-7235266c] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.m-select__clear[data-v-7235266c] {
  cursor: pointer;
}
.m-select__clear[data-v-7235266c]:hover {
  color: #909399;
}
.m-select__overlay[data-v-7235266c] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2099;
}
.m-select__panel[data-v-7235266c] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 16px 16px 0 0;
  z-index: 2100;
  max-height: 72vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: env(safe-area-inset-bottom);
}
.m-select__header[data-v-7235266c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 14px 16px 12px;
  border-bottom: 1px solid #f0f0f0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-select__header-title[data-v-7235266c] {
  font-size: 15px;
  font-weight: 600;
  color: #303133;
}
.m-select__header-action[data-v-7235266c] {
  font-size: 14px;
  min-width: 36px;
  cursor: pointer;
}
.m-select__header-cancel[data-v-7235266c] {
  color: #909399;
}
.m-select__header-confirm[data-v-7235266c] {
  color: #409eff;
  text-align: right;
}
.m-select__tags[data-v-7235266c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 8px 16px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-bottom: 1px solid #f0f0f0;
  scrollbar-width: none;
}
.m-select__tags[data-v-7235266c]::-webkit-scrollbar {
  display: none;
}
.m-select__tag[data-v-7235266c] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  padding: 2px 6px;
  background: #ecf5ff;
  border: 1px solid #d9ecff;
  border-radius: 4px;
  white-space: nowrap;
}
.m-select__tag-label[data-v-7235266c] {
  font-size: 12px;
  color: #409eff;
  max-width: 72px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-select__tag-close[data-v-7235266c] {
  font-size: 10px;
  color: #a0cfff;
  cursor: pointer;
}
.m-select__search[data-v-7235266c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 16px;
  padding: 8px 10px;
  background: #f5f5f5;
  border-radius: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-select__search-icon[data-v-7235266c] {
  font-size: 14px;
  color: #909399;
  margin-right: 6px;
}
.m-select__search-input[data-v-7235266c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: none;
  background: transparent;
  outline: none;
  font-size: 14px;
  color: #303133;
}
.m-select__search-clear[data-v-7235266c] {
  font-size: 14px;
  color: #c0c4cc;
  cursor: pointer;
  margin-left: 4px;
}
.m-select__list[data-v-7235266c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.m-select__item[data-v-7235266c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
  min-height: 50px;
  border-bottom: 1px solid #f5f5f5;
  cursor: pointer;
}
.m-select__item[data-v-7235266c]:active {
  background: #f5f5f5;
}
.m-select__item.is-disabled[data-v-7235266c] {
  color: #c0c4cc;
  cursor: not-allowed;
}
.m-select__item-label[data-v-7235266c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  color: #303133;
  line-height: 1.4;
  padding: 13px 0;
}
.m-select__item-check[data-v-7235266c] {
  font-size: 16px;
  color: #409eff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-select__checkbox[data-v-7235266c] {
  width: 18px;
  height: 18px;
  border: 1.5px solid #dcdfe6;
  border-radius: 3px;
  margin-right: 10px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: background 0.15s, border-color 0.15s;
  transition: background 0.15s, border-color 0.15s;
}
.m-select__checkbox.is-checked[data-v-7235266c] {
  background: #409eff;
  border-color: #409eff;
}
.m-select__checkbox.is-checked[data-v-7235266c]::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  width: 4px;
  height: 8px;
  border: 1.5px solid #fff;
  border-top: none;
  border-left: none;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.m-select__empty[data-v-7235266c] {
  text-align: center;
  padding: 32px 16px;
  font-size: 14px;
  color: #c0c4cc;
}
.m-select__footer[data-v-7235266c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 16px;
  border-top: 1px solid #f0f0f0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.m-select__footer-count[data-v-7235266c] {
  font-size: 13px;
  color: #909399;
}
.m-select__footer-confirm[data-v-7235266c] {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  background: #409eff;
  padding: 8px 28px;
  border-radius: 20px;
  cursor: pointer;
}
.m-select__footer-confirm[data-v-7235266c]:active {
  opacity: 0.8;
}
.m-select-fade-enter-active[data-v-7235266c],
.m-select-fade-leave-active[data-v-7235266c] {
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
.m-select-fade-enter[data-v-7235266c],
.m-select-fade-leave-to[data-v-7235266c] {
  opacity: 0;
}
.m-select-slide-enter-active[data-v-7235266c],
.m-select-slide-leave-active[data-v-7235266c] {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.m-select-slide-enter[data-v-7235266c],
.m-select-slide-leave-to[data-v-7235266c] {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.task-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  background: #f5f6f7;
}
.task-search__header {
  background: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-bottom: 12px;
}
.task-search__drag-bar {
  width: 36px;
  height: 4px;
  background: #e4e7ed;
  border-radius: 2px;
  margin: 10px auto 0;
}
.task-search__header-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 16px 0;
}
.task-search__title {
  font-size: 16px;
  font-weight: 600;
  color: #303133;
}
.task-search__close {
  font-size: 18px;
  color: #909399;
  cursor: pointer;
  padding: 4px;
}
.task-search__close:active {
  color: #606266;
}
.task-search__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 12px;
  -webkit-overflow-scrolling: touch;
}
.task-search__body .el-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.task-search__footer {
  padding: 12px 16px;
  padding-bottom: calc(12px + env(safe-area-inset-bottom));
  background: #fff;
  border-top: 1px solid #f0f0f0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.search-card {
  background: #fff;
  border-radius: 12px;
  padding: 4px 16px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.04);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.04);
}
.form-item-group {
  padding: 12px 0;
  border-bottom: 1px solid #f5f5f5;
}
.form-item-group:last-child {
  border-bottom: none;
}
.form-item-group .form-label {
  font-size: 12px;
  font-weight: 600;
  color: #909399;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.form-item-group .el-input__inner {
  border-radius: 8px;
  border-color: #ebeef5;
  background: #f9fafc;
  font-size: 14px;
  height: 36px;
  line-height: 36px;
}
.form-item-group .el-input__inner:focus {
  border-color: #409eff;
  background: #fff;
}
.keyword-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.keyword-row .keyword-type-select {
  width: 96px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.keyword-row .el-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tag-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.tag-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
  padding: 0 14px;
  border-radius: 15px;
  font-size: 13px;
  color: #606266;
  background: #f5f6f7;
  border: 1px solid transparent;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tag-item:active {
  opacity: 0.75;
}
.tag-item.is-active {
  color: #409eff;
  background: #ecf5ff;
  border-color: #c6e2ff;
  font-weight: 500;
}
.footer-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 42px;
  border-radius: 21px;
  font-size: 15px;
  font-weight: 500;
  margin: 0 !important;
}
.footer-btn--reset {
  color: #606266;
  border-color: #dcdfe6;
  background: #fff;
}
.footer-btn--search {
  background: linear-gradient(135deg, #4f6cf7 0%, #6aa8ff 100%);
  border: none;
  -webkit-box-shadow: 0 4px 12px rgba(91, 124, 255, 0.3);
          box-shadow: 0 4px 12px rgba(91, 124, 255, 0.3);
}
@charset "UTF-8";
/* ===================== Header ===================== */
.wi-header {
  background: #fff;
  border-bottom: 1px solid #ebeef5;
}
.workorder-nav-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  margin-right: 8px;
  border: none;
  border-radius: 50%;
  background-color: #5080f4;
  cursor: pointer;
  font-size: 16px;
  color: #fff;
}
.workorder-nav-avatar:active {
  opacity: 0.8;
}
/* ===================== Search ===================== */
.wi-search {
  padding: 8px 12px 12px;
}
.wi-search__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.wi-search__bar {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f0f3fa;
  border-radius: 10px;
  padding: 0 10px;
  height: 38px;
  gap: 4px;
  border: 1.5px solid #e8ecf5;
  -webkit-transition: border-color 0.2s, background 0.2s, -webkit-box-shadow 0.2s;
  transition: border-color 0.2s, background 0.2s, -webkit-box-shadow 0.2s;
  transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
  transition: border-color 0.2s, background 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s;
}
.wi-search__bar:focus-within {
  border-color: #a8c0ff;
  background: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(22, 93, 255, 0.08);
          box-shadow: 0 2px 8px rgba(22, 93, 255, 0.08);
}
.wi-search__icon {
  font-size: 15px;
  color: #5b8aed;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.wi-search__select {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 72px !important;
}
.wi-search__select .el-input__inner {
  border: none !important;
  background: transparent !important;
  padding: 0 18px 0 2px !important;
  height: 32px !important;
  line-height: 32px !important;
  font-size: 13px;
  color: #165dff;
  font-weight: 500;
}
.wi-search__select .el-input__suffix {
  right: 0;
}
.wi-search__select .el-input__suffix .el-select__caret {
  color: #165dff;
}
.wi-search__divider {
  width: 1px;
  height: 14px;
  background: #d0d8f0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 4px;
}
.wi-search__input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: none;
  outline: none;
  background: transparent;
  font-size: 13px;
  color: #1d2129;
  min-width: 0;
}
.wi-search__input::-webkit-input-placeholder {
  color: #bcc5d8;
}
.wi-search__input::-moz-placeholder {
  color: #bcc5d8;
}
.wi-search__input::-ms-input-placeholder {
  color: #bcc5d8;
}
.wi-search__input::placeholder {
  color: #bcc5d8;
}
.wi-search__clear {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: none;
  border: none;
  padding: 0 4px;
  color: #bcc5d8;
  font-size: 15px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wi-search__clear:active {
  color: #86909c;
}
.wi-search__filter {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: #fff;
  border: 1.5px solid #dce5ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: background 0.15s, border-color 0.15s;
  transition: background 0.15s, border-color 0.15s;
}
.wi-search__filter i {
  font-size: 16px;
  color: #5b8aed;
}
.wi-search__filter:active {
  background: #eef2ff;
  border-color: #a8c0ff;
}
/* ===================== List ===================== */
.workorder-index {
  height: 100%;
  background: #f3f5f8;
}
.wi-list {
  padding: 14px 14px 24px;
}
.wi-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  background: #fff;
  border-radius: 16px;
  padding: 16px 16px 14px;
  margin-bottom: 12px;
  cursor: pointer;
  position: relative;
  -webkit-transition: -webkit-box-shadow 0.15s, -webkit-transform 0.15s;
  transition: -webkit-box-shadow 0.15s, -webkit-transform 0.15s;
  transition: box-shadow 0.15s, transform 0.15s;
  transition: box-shadow 0.15s, transform 0.15s, -webkit-box-shadow 0.15s, -webkit-transform 0.15s;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  /* 头像 */
  /* 内容区 */
  /* 行：顶部 */
  /* 标签行 */
  /* 标题 */
  /* 行：底部 */
}
.wi-item--active {
  background: #fff;
  border: 1.5px solid #a8c0ff;
  -webkit-box-shadow: 0 4px 16px rgba(22, 93, 255, 0.14);
          box-shadow: 0 4px 16px rgba(22, 93, 255, 0.14);
}
.wi-item--active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: #165dff;
}
.wi-item:active {
  -webkit-transform: scale(0.99);
          transform: scale(0.99);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.wi-item__avatar {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 19px;
  font-weight: 700;
  color: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  letter-spacing: 0;
}
.wi-item__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.wi-item__row--top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 4px;
}
.wi-item__email {
  font-size: 15px;
  font-weight: 600;
  color: #1d2129;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 8px;
}
.wi-item__time {
  font-size: 12px;
  color: #86909c;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  white-space: nowrap;
}
.wi-item__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  overflow: hidden;
  min-height: 24px;
  margin-bottom: 5px;
}
.wi-item__tag {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wi-item__tags-more {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 13px;
  color: #909399;
  line-height: 1;
}
.wi-item__title {
  font-size: 14px;
  color: #86909c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-height: 20px;
  line-height: 20px;
  margin-bottom: 8px;
}
.wi-item__row--bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.wi-item__left-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  overflow: hidden;
}
.wi-item__admin {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #86909c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wi-item__admin i {
  font-size: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.wi-item__right-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 8px;
}
.wi-item__unread {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 22px;
  height: 20px;
  padding: 0 6px;
  margin-left: 6px;
  border-radius: 10px;
  background: linear-gradient(135deg, #ff4757 0%, #ff6b81 100%);
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  line-height: 1;
}
.wi-item__emotion {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  padding: 0 7px;
  border-radius: 10px;
  background: #e8f0fb;
  font-size: 11px;
  color: #165dff;
  font-weight: 500;
}
/* 全局 ElementUI 覆盖（搜索 select 下拉） */
.wi-search__select .el-input__inner {
  border: none !important;
  background: transparent !important;
  padding-left: 2px !important;
  padding-right: 18px !important;
  height: 32px !important;
  line-height: 32px !important;
  font-size: 13px;
  color: #165dff !important;
  font-weight: 500;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.wi-search__select .el-input {
  width: 72px !important;
}
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  display: none;
}

*[data-v-22321b69] {
  padding: 0;
  margin: 0;
}
.faceDivBox[data-v-22321b69] {
  overflow: auto;
  /* margin-right: 1%;
  float: left; */
  width: 100%;
  height: 200px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.15);
  z-index: 100;
}
.faceDivBox[data-v-22321b69] {
  /* position: absolute; */
  /* bottom: -40px; */
  background-color: #fff;
  /* width: 70%; */
}
#content[data-v-22321b69] {
  border: 1px solid #dcdfe6;
  height: 96px;
  width: 80%;
  overflow: auto;
}
.faceClassify[data-v-22321b69] {
  width: 94px;
  height: 580px;
  float: left;
  margin-right: 12px;
  border-right: 1px solid #e0e0e0;
}
.faceClassify a[data-v-22321b69] {
  width: 100%;
  text-align: center;
  display: block;
  color: #999;
  border-radius: 4px;
  height: 44px;
  line-height: 44px;
  text-decoration: none;
}
.faceClassify a.active[data-v-22321b69] {
  background: #ff9000;
  color: #fff;
}
.faceClassify a[data-v-22321b69]:hover {
  color: #ff9000;
}
.faceClassify a.active[data-v-22321b69]:hover {
  color: #fff;
}
.faceDiv .emoji-box img[data-v-22321b69] {
  position: relative;
  padding: 6px;
  cursor: pointer;
  border-radius: 4px;
}
.faceDiv .emoji-box img[data-v-22321b69]:hover {
  background-color: #d8d8d8;
}
.faceDiv .emoji-box section[data-v-22321b69] {
  text-align: left !important;
  padding: 10px 0;
  /* overflow-y: scroll; */
  height: 580px;
}

.h5-template-drawer[data-v-b9a5202c]  .el-drawer {
  border-radius: 16px 16px 0 0;
}
.h5-template-drawer[data-v-b9a5202c]  .el-drawer__header {
  margin-bottom: 0;
  padding: 14px 16px;
  font-size: 16px;
  font-weight: 600;
  color: #1d2129;
  border-bottom: 1px solid #f2f3f5;
}
.h5-template-drawer[data-v-b9a5202c]  .el-drawer__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  padding: 12px 12px 0;
}
.template-drawer[data-v-b9a5202c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  min-height: 0;
}
.template-drawer__filter[data-v-b9a5202c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-bottom: 10px;
}
.template-drawer__input[data-v-b9a5202c] {
  width: 100%;
}
.template-drawer__btn[data-v-b9a5202c] {
  width: 100%;
  border-radius: 8px;
  font-size: 14px;
}
.template-drawer__list-wrap[data-v-b9a5202c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.template-drawer__list-tip[data-v-b9a5202c] {
  font-size: 12px;
  color: #86909c;
  margin-bottom: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.template-drawer__list[data-v-b9a5202c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  min-height: 120px;
}
.template-drawer__item[data-v-b9a5202c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 12px;
  margin-bottom: 8px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e5e6eb;
  -webkit-transition: border-color 0.15s;
  transition: border-color 0.15s;
}
.template-drawer__item.is-selected[data-v-b9a5202c] {
  border-color: #165dff;
  background: #f0f5ff;
}
.template-drawer__radio[data-v-b9a5202c] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
  margin-top: 2px;
}
.template-drawer__radio[data-v-b9a5202c]  .el-radio__label {
  display: none;
}
.template-drawer__item-body[data-v-b9a5202c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.template-drawer__item-header[data-v-b9a5202c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 4px;
  gap: 8px;
}
.template-drawer__item-header .template-drawer__item-row[data-v-b9a5202c] {
  margin-bottom: 0;
}
.template-drawer__item-header .template-drawer__meta[data-v-b9a5202c] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: right;
}
.template-drawer__item-row[data-v-b9a5202c] {
  font-size: 12px;
  margin-bottom: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
}
.template-drawer__label[data-v-b9a5202c] {
  color: #86909c;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.template-drawer__value[data-v-b9a5202c] {
  color: #1d2129;
  word-break: break-all;
}
.template-drawer__value--ellipsis[data-v-b9a5202c] {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.template-drawer__content-preview[data-v-b9a5202c] {
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.template-drawer__item-title[data-v-b9a5202c] {
  font-weight: 600;
  color: #1d2129;
  margin-bottom: 6px;
  font-size: 14px;
}
.template-drawer__meta[data-v-b9a5202c] {
  color: #86909c;
  font-size: 11px;
}
.template-drawer__empty[data-v-b9a5202c] {
  text-align: center;
  color: #86909c;
  padding: 32px 0;
  font-size: 14px;
}
.template-drawer__load-more[data-v-b9a5202c] {
  text-align: center;
  color: #86909c;
  padding: 10px 0 16px;
  font-size: 12px;
}
.template-drawer__preview[data-v-b9a5202c] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 10px;
  padding: 12px;
  background: #f7f8fa;
  border-radius: 8px;
  border: 1px solid #e5e6eb;
  max-height: 16vh;
  overflow-y: auto;
}
.template-drawer__preview-label[data-v-b9a5202c] {
  font-size: 11px;
  color: #86909c;
  margin-bottom: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.template-drawer__preview-content[data-v-b9a5202c] {
  font-size: 13px;
  color: #1d2129;
  margin-bottom: 10px;
  word-break: break-all;
  white-space: pre-wrap;
}
.template-drawer__preview-body[data-v-b9a5202c] {
  font-size: 12px;
  max-height: none;
  overflow: visible;
}
.template-drawer__preview-body[data-v-b9a5202c]  .ql-syntax {
  white-space: pre-wrap;
}
.template-drawer__placeholder[data-v-b9a5202c] {
  color: #c9cdd4;
}
.template-drawer__footer[data-v-b9a5202c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 10px;
  padding: 10px 0 16px;
  border-top: 1px solid #f2f3f5;
}
.template-drawer__footer-cancel[data-v-b9a5202c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 22px;
  height: 42px;
  background: #f2f3f5 !important;
  border-color: #f2f3f5 !important;
  color: #4e5969 !important;
}
.template-drawer__footer-confirm[data-v-b9a5202c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 22px;
  height: 42px;
}
.h5-quality-inspection-drawer[data-v-67fd9655]  .el-drawer__header {
  margin-bottom: 8px;
  padding: 12px 16px;
  font-size: 16px;
}
.h5-quality-inspection-drawer[data-v-67fd9655]  .el-drawer__body {
  padding: 0;
  overflow: hidden;
}
.h5-quality-inspection-drawer__body[data-v-67fd9655] {
  height: 100%;
  overflow: auto;
  background: #fff;
  padding: 0 12px 16px;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-37358f15]:export {
  theme: #409eff;
}
.config-card[data-v-37358f15] {
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 12px;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.config-card[data-v-37358f15]:hover {
  -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
          box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.config-card .card-title[data-v-37358f15] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.config-card .card-title i[data-v-37358f15] {
  color: #3e64ff;
  margin-right: 6px;
  font-size: 16px;
}
.original-content-box[data-v-37358f15] {
  background: #f8f9fb;
  border-radius: 8px;
  padding: 12px;
  border: 1px solid #ebeef5;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.original-content-box[data-v-37358f15]:hover {
  border-color: #dcdfe6;
  background: #fff;
}
.original-content-box .content-text[data-v-37358f15] {
  font-size: 13px;
  color: #606266;
  line-height: 1.6;
  max-height: 200px;
  overflow-y: auto;
  word-break: break-all;
}
.original-content-box .content-text[data-v-37358f15]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.original-content-box .content-text[data-v-37358f15]::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #c0c4cc;
}
.original-content-box .content-text[data-v-37358f15]::-webkit-scrollbar-track {
  background: transparent;
}
.input-label[data-v-37358f15] {
  font-size: 12px;
  color: #606266;
  margin-bottom: 8px;
  font-weight: 700;
}
.submit-wrapper[data-v-37358f15] {
  margin: 20px 0;
  padding: 0 5px;
}
.magic-btn-container[data-v-37358f15] {
  position: relative;
  height: 38px;
  cursor: pointer;
  border-radius: 19px;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 15px rgba(64, 158, 255, 0.3);
          box-shadow: 0 4px 15px rgba(64, 158, 255, 0.3);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.magic-btn-container[data-v-37358f15]:hover {
  -webkit-box-shadow: 0 2px 4px -1px rgba(64, 158, 255, 0.3), 0 4px 8px 0 rgba(64, 158, 255, 0.25), 0 6px 20px 2px rgba(64, 158, 255, 0.15);
          box-shadow: 0 2px 4px -1px rgba(64, 158, 255, 0.3), 0 4px 8px 0 rgba(64, 158, 255, 0.25), 0 6px 20px 2px rgba(64, 158, 255, 0.15);
}
.magic-btn-container:hover .magic-btn-bg[data-v-37358f15] {
  -webkit-animation: gradient-flow-data-v-37358f15 3s linear infinite;
          animation: gradient-flow-data-v-37358f15 3s linear infinite;
}
.magic-btn-container.is-loading[data-v-37358f15] {
  cursor: wait;
  pointer-events: none;
}
.magic-btn-container.is-loading .magic-btn-bg[data-v-37358f15] {
  -webkit-animation: gradient-flow-data-v-37358f15 3s linear infinite;
          animation: gradient-flow-data-v-37358f15 3s linear infinite;
}
.magic-btn-container .magic-btn-bg[data-v-37358f15] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #3e64ff, #4facfe, #3e64ff, #4facfe);
  background-size: 300% 100%;
  -webkit-transition: background-position 0.5s ease;
  transition: background-position 0.5s ease;
}
.magic-btn-container .magic-btn-content[data-v-37358f15] {
  position: relative;
  z-index: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
}
.magic-btn-container .magic-btn-content i[data-v-37358f15] {
  margin-right: 8px;
  font-size: 16px;
}
@-webkit-keyframes gradient-flow-data-v-37358f15 {
0% {
    background-position: 0% 50%;
}
100% {
    background-position: 100% 50%;
}
}
@keyframes gradient-flow-data-v-37358f15 {
0% {
    background-position: 0% 50%;
}
100% {
    background-position: 100% 50%;
}
}
.result-area[data-v-37358f15] {
  background: #fff;
  border-radius: 12px;
  border: none;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.result-area[data-v-37358f15]:hover {
  -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
          box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.result-area .result-header[data-v-37358f15] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
  border-bottom: 1px solid #f0f2f5;
  background: #ecf5ff;
}
.result-area .result-header .header-left[data-v-37358f15] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.result-area .result-header .header-left .title[data-v-37358f15] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin-left: 8px;
}
.result-area .result-header .header-left i[data-v-37358f15] {
  font-size: 16px;
  color: #3e64ff;
}
.result-area .result-header .actions .el-button[data-v-37358f15] {
  padding: 0 !important;
  color: #3e64ff;
}
.result-area .result-content-wrapper[data-v-37358f15] {
  padding: 20px;
  min-height: 100px;
}
.result-area .result-content-wrapper .markdown-content[data-v-37358f15] {
  -webkit-text-size-adjust: 100%;
  font-size: 14px;
  color: #101828;
  line-height: 1.6;
  word-wrap: break-word;
  word-break: break-word;
}
.result-area .result-content-wrapper .markdown-content[data-v-37358f15]  ol,
.result-area .result-content-wrapper .markdown-content[data-v-37358f15]  ul,
.result-area .result-content-wrapper .markdown-content[data-v-37358f15]  li {
  list-style-type: auto;
}
.result-area .result-content-wrapper .markdown-content[data-v-37358f15]  .marked-list-no-number {
  list-style: none !important;
}
.result-area .result-content-wrapper .markdown-content[data-v-37358f15]  ol.marked-list-no-number,
.result-area .result-content-wrapper .markdown-content[data-v-37358f15]  ul.marked-list-no-number {
  -webkit-padding-start: 1.5em !important;
          padding-inline-start: 1.5em !important;
}
.result-area .result-content-wrapper .markdown-content[data-v-37358f15]  hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  overflow: hidden;
  background: transparent;
  height: 0.25em;
  padding: 0;
  margin: 24px 0;
  background-color: #e5e8f7;
  border: 0;
}
.result-area .result-content-wrapper .markdown-content[data-v-37358f15]  blockquote,
.result-area .result-content-wrapper .markdown-content[data-v-37358f15]  details,
.result-area .result-content-wrapper .markdown-content[data-v-37358f15]  dl,
.result-area .result-content-wrapper .markdown-content[data-v-37358f15]  ol,
.result-area .result-content-wrapper .markdown-content[data-v-37358f15]  p,
.result-area .result-content-wrapper .markdown-content[data-v-37358f15]  pre,
.result-area .result-content-wrapper .markdown-content[data-v-37358f15]  table,
.result-area .result-content-wrapper .markdown-content[data-v-37358f15]  ul {
  margin-top: 0;
  margin-bottom: 12px;
}
.empty-state[data-v-37358f15] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 60px 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.empty-state .empty-icon[data-v-37358f15] {
  width: 70px;
  height: 70px;
  background: linear-gradient(135deg, #f5f7fa 0%, #e4e7ed 100%);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 16px;
  -webkit-box-shadow: inset 0 2px 4px white, 0 4px 10px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px white, 0 4px 10px rgba(0, 0, 0, 0.05);
}
.empty-state .empty-icon i[data-v-37358f15] {
  font-size: 30px;
  color: #909399;
}
.empty-state .empty-text[data-v-37358f15] {
  color: #909399;
  font-size: 14px;
  font-weight: 500;
}
.ai-optimize-drawer[data-v-37358f15]  .el-drawer {
  border-radius: 16px 16px 0 0;
}
.ai-optimize-drawer[data-v-37358f15]  .el-drawer__header {
  margin-bottom: 10px;
}
.ai-optimize-assistant[data-v-37358f15] {
  padding: 10px 20px 20px 20px;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-740bbeca]:export {
  theme: #409eff;
}
.mail-draft[data-v-740bbeca] {
  padding: 10px 20px 20px 20px;
}
.config-card[data-v-740bbeca] {
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 12px;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.config-card[data-v-740bbeca]:hover {
  -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
          box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.config-card .card-title[data-v-740bbeca] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.config-card .card-title i[data-v-740bbeca] {
  color: #3e64ff;
  margin-right: 6px;
  font-size: 16px;
}
.type-selector[data-v-740bbeca] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.type-selector .type-option[data-v-740bbeca] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 10px;
  border: 1px solid #dcdfe6;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.type-selector .type-option .icon-box[data-v-740bbeca] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #f0f2f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 8px;
  color: #909399;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1;
}
.type-selector .type-option .icon-box i[data-v-740bbeca] {
  font-size: 14px;
}
.type-selector .type-option .option-info[data-v-740bbeca] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.type-selector .type-option .option-info .main-text[data-v-740bbeca] {
  font-size: 12px;
  font-weight: 600;
  color: #606266;
  line-height: 1.2;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  white-space: nowrap;
}
.type-selector .type-option[data-v-740bbeca]:hover {
  border-color: #c0c4cc;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.type-selector .type-option.active[data-v-740bbeca] {
  border-color: #3e64ff;
  background: #ecf5ff;
}
.type-selector .type-option.active .icon-box[data-v-740bbeca] {
  background: #3e64ff;
  color: #fff;
}
.type-selector .type-option.active .option-info[data-v-740bbeca] {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}
.type-selector .type-option.active .option-info .main-text[data-v-740bbeca] {
  color: #3e64ff;
}
.flex-row[data-v-740bbeca] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
  gap: 12px;
}
.flex-row .flex-item[data-v-740bbeca] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.role-section .sub-label[data-v-740bbeca] {
  font-size: 12px;
  color: #606266;
  margin-bottom: 8px;
  font-weight: 700;
}
.role-separator[data-v-740bbeca] {
  height: 1px;
  background: #ebeef5;
  margin: 20px 0;
}
.submit-wrapper[data-v-740bbeca] {
  margin: 20px 0;
  padding: 0 5px;
}
.magic-btn-container[data-v-740bbeca] {
  position: relative;
  height: 38px;
  cursor: pointer;
  border-radius: 19px;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 15px rgba(64, 158, 255, 0.3);
          box-shadow: 0 4px 15px rgba(64, 158, 255, 0.3);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.magic-btn-container[data-v-740bbeca]:hover {
  -webkit-box-shadow: 0 2px 4px -1px rgba(64, 158, 255, 0.3), 0 4px 8px 0 rgba(64, 158, 255, 0.25), 0 6px 20px 2px rgba(64, 158, 255, 0.15);
          box-shadow: 0 2px 4px -1px rgba(64, 158, 255, 0.3), 0 4px 8px 0 rgba(64, 158, 255, 0.25), 0 6px 20px 2px rgba(64, 158, 255, 0.15);
}
.magic-btn-container:hover .magic-btn-bg[data-v-740bbeca] {
  -webkit-animation: gradient-flow-data-v-740bbeca 3s linear infinite;
          animation: gradient-flow-data-v-740bbeca 3s linear infinite;
}
.magic-btn-container.is-loading[data-v-740bbeca] {
  cursor: wait;
  pointer-events: none;
}
.magic-btn-container.is-loading .magic-btn-bg[data-v-740bbeca] {
  -webkit-animation: gradient-flow-data-v-740bbeca 3s linear infinite;
          animation: gradient-flow-data-v-740bbeca 3s linear infinite;
}
.magic-btn-container .magic-btn-bg[data-v-740bbeca] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #3e64ff, #4facfe, #3e64ff, #4facfe);
  background-size: 300% 100%;
  -webkit-transition: background-position 0.5s ease;
  transition: background-position 0.5s ease;
}
.magic-btn-container .magic-btn-content[data-v-740bbeca] {
  position: relative;
  z-index: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
}
.magic-btn-container .magic-btn-content i[data-v-740bbeca] {
  margin-right: 8px;
  font-size: 16px;
}
@-webkit-keyframes gradient-flow-data-v-740bbeca {
0% {
    background-position: 0% 50%;
}
100% {
    background-position: 100% 50%;
}
}
@keyframes gradient-flow-data-v-740bbeca {
0% {
    background-position: 0% 50%;
}
100% {
    background-position: 100% 50%;
}
}
.result-area[data-v-740bbeca] {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.result-area[data-v-740bbeca]:hover {
  -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
          box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.result-area .result-header[data-v-740bbeca] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
  border-bottom: 1px solid #f0f2f5;
  background: #ecf5ff;
}
.result-area .result-header .header-left[data-v-740bbeca] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.result-area .result-header .header-left .title[data-v-740bbeca] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin-left: 8px;
}
.result-area .result-header .header-left i[data-v-740bbeca] {
  font-size: 16px;
  color: #3e64ff;
}
.result-area .result-header .actions .el-button[data-v-740bbeca] {
  padding: 0 !important;
  color: #3e64ff;
}
.result-area .result-content-wrapper[data-v-740bbeca] {
  padding: 20px;
  min-height: 100px;
}
.result-area .result-content-wrapper .markdown-content[data-v-740bbeca] {
  -webkit-text-size-adjust: 100%;
  font-size: 14px;
  color: #101828;
  line-height: 1.6;
  word-wrap: break-word;
  word-break: break-word;
}
.result-area .result-content-wrapper .markdown-content[data-v-740bbeca]  ol,
.result-area .result-content-wrapper .markdown-content[data-v-740bbeca]  ul,
.result-area .result-content-wrapper .markdown-content[data-v-740bbeca]  li {
  list-style-type: auto;
}
.result-area .result-content-wrapper .markdown-content[data-v-740bbeca]  .marked-list-no-number {
  list-style: none !important;
}
.result-area .result-content-wrapper .markdown-content[data-v-740bbeca]  ol.marked-list-no-number,
.result-area .result-content-wrapper .markdown-content[data-v-740bbeca]  ul.marked-list-no-number {
  -webkit-padding-start: 1.5em !important;
          padding-inline-start: 1.5em !important;
}
.result-area .result-content-wrapper .markdown-content[data-v-740bbeca]  hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  overflow: hidden;
  background: transparent;
  height: 0.25em;
  padding: 0;
  margin: 24px 0;
  background-color: #e5e8f7;
  border: 0;
}
.result-area .result-content-wrapper .markdown-content[data-v-740bbeca]  blockquote,
.result-area .result-content-wrapper .markdown-content[data-v-740bbeca]  details,
.result-area .result-content-wrapper .markdown-content[data-v-740bbeca]  dl,
.result-area .result-content-wrapper .markdown-content[data-v-740bbeca]  ol,
.result-area .result-content-wrapper .markdown-content[data-v-740bbeca]  p,
.result-area .result-content-wrapper .markdown-content[data-v-740bbeca]  pre,
.result-area .result-content-wrapper .markdown-content[data-v-740bbeca]  table,
.result-area .result-content-wrapper .markdown-content[data-v-740bbeca]  ul {
  margin-top: 0;
  margin-bottom: 12px;
}
.empty-state[data-v-740bbeca] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 60px 0;
}
.empty-state .empty-icon[data-v-740bbeca] {
  width: 70px;
  height: 70px;
  background: linear-gradient(135deg, #f5f7fa 0%, #e4e7ed 100%);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 16px;
  -webkit-box-shadow: inset 0 2px 4px white, 0 4px 10px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px white, 0 4px 10px rgba(0, 0, 0, 0.05);
}
.empty-state .empty-icon i[data-v-740bbeca] {
  font-size: 30px;
  color: #909399;
}
.empty-state .empty-text[data-v-740bbeca] {
  color: #909399;
  font-size: 14px;
  font-weight: 500;
}
[data-v-740bbeca] .el-form-item__label {
  padding-bottom: 6px;
  font-size: 13px;
  color: #606266;
  line-height: 1.2;
}
[data-v-740bbeca] .el-form-item {
  margin-bottom: 0;
}
.mb-18[data-v-740bbeca] {
  margin-bottom: 18px !important;
}
.mb-0[data-v-740bbeca] {
  margin-bottom: 0 !important;
}
.ai-draft-drawer[data-v-740bbeca]  .el-drawer {
  border-radius: 16px 16px 0 0;
}
.ai-draft-drawer[data-v-740bbeca]  .el-drawer__header {
  margin-bottom: 10px;
}
@charset "UTF-8";
.reply-drawer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  background-color: #f0f2f5;
}
.reply-drawer__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 57px;
  padding: 0 16px;
  border-bottom: 1px solid #ebeef5;
  background-color: #ffffff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}
.reply-drawer__back {
  padding: 0;
  font-size: 22px;
  color: #303133;
  position: absolute;
  left: 16px;
  line-height: 1;
}
.reply-drawer__title {
  font-size: 17px;
  font-weight: 600;
  color: #303133;
  letter-spacing: 0.5px;
}
.reply-drawer__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 16px 14px 10px;
}
.reply-drawer__mail-info {
  background: #fff;
  border-radius: 14px;
  padding: 0 16px;
  margin-bottom: 14px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}
.reply-drawer__mail-divider {
  height: 1px;
  background: #f2f3f5;
  margin: 0 -16px;
  padding: 0 16px;
}
.reply-drawer__mail-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 11px 0;
  gap: 10px;
}
.reply-drawer__mail-tag {
  font-size: 13px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 5px;
  background: #ebf0ff;
  color: #165dff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  letter-spacing: 0.3px;
}
.reply-drawer__mail-tag--from {
  background: #f0faf0;
  color: #00b42a;
}
.reply-drawer__mail-value {
  font-size: 15px;
  color: #1d2129;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.reply-drawer__section {
  margin-bottom: 12px;
  margin-top: 20px;
}
.reply-drawer__section-label {
  font-size: 15px;
  color: #1d2129;
  font-weight: 700;
  margin-bottom: 8px;
  padding-left: 10px;
  position: relative;
}
.reply-drawer__section-label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3px;
  height: 16px;
  background: #165dff;
  border-radius: 2px;
}
.reply-drawer__subject-input .el-input__inner {
  border-radius: 12px !important;
  font-size: 16px;
  border: 1.5px solid #d0d8f0 !important;
  height: 44px !important;
  line-height: 44px !important;
  max-height: 44px !important;
  background: #fff;
  color: #1d2129;
  padding: 0 16px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-transition: border-color 0.2s, -webkit-box-shadow 0.2s;
  transition: border-color 0.2s, -webkit-box-shadow 0.2s;
  transition: border-color 0.2s, box-shadow 0.2s;
  transition: border-color 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s;
}
.reply-drawer__subject-input .el-input__inner::-webkit-input-placeholder {
  color: #c9cdd4;
}
.reply-drawer__subject-input .el-input__inner::-moz-placeholder {
  color: #c9cdd4;
}
.reply-drawer__subject-input .el-input__inner::-ms-input-placeholder {
  color: #c9cdd4;
}
.reply-drawer__subject-input .el-input__inner::placeholder {
  color: #c9cdd4;
}
.reply-drawer__subject-input .el-input__inner:focus {
  border-color: #165dff !important;
  -webkit-box-shadow: 0 0 0 3px rgba(22, 93, 255, 0.08) !important;
          box-shadow: 0 0 0 3px rgba(22, 93, 255, 0.08) !important;
}
.reply-drawer__editor-wrap {
  background: #fff;
  border: 1.5px solid #e5e6eb;
  border-radius: 12px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
}
.reply-drawer__toolbar {
  border-bottom: 1px solid #f0f1f3 !important;
  padding: 6px 8px !important;
  background: #fafbfc;
}
.reply-drawer__toolbar .ql-formats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1px;
  margin-right: 0 !important;
}
.reply-drawer__toolbar button {
  width: 32px;
  height: 32px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 6px;
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
}
.reply-drawer__toolbar button:hover {
  background: rgba(22, 93, 255, 0.08);
  color: #165dff;
}
.reply-drawer__toolbar button svg {
  width: 17px;
  height: 17px;
}
.reply-drawer__quill {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.reply-drawer__quill .ql-container {
  border: none !important;
}
.reply-drawer__quill .ql-editor {
  min-height: 160px;
  max-height: 300px;
  overflow-y: auto;
  font-size: 15px;
  padding: 14px 16px;
  color: #1d2129;
  line-height: 1.7;
}
.reply-drawer__quill .ql-editor p {
  margin: 0;
  padding: 0;
}
.reply-drawer__quill .ql-editor.ql-blank::before {
  font-style: normal;
  color: #c9cdd4;
  font-size: 14px;
  left: 14px;
}
.reply-drawer__template-append {
  padding: 0 14px 14px;
  background: #fff;
  border-top: 1px solid #eef2f7;
}
.reply-drawer__template-append ::v-deep img {
  max-width: 100%;
  height: auto;
}
.reply-drawer__editor-action-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 6px 10px 8px;
  border-top: 1px solid #f0f1f3;
  background: #fafbfc;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
}
.reply-drawer__action-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.reply-drawer__action-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.reply-drawer__action-btn {
  background: none;
  border: none;
  outline: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  cursor: pointer;
  padding: 6px 8px;
  border-radius: 8px;
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
}
.reply-drawer__action-btn span:last-child {
  font-size: 11px;
  color: #86909c;
  white-space: nowrap;
  font-weight: 500;
}
.reply-drawer__action-btn:active {
  background: #f0f1f3;
}
.reply-drawer__action-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.reply-drawer__action-icon {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.reply-drawer__action-icon i,
.reply-drawer__action-icon .svg-icon {
  font-size: 18px;
}
.reply-drawer__action-btn--template .reply-drawer__action-icon {
  background: #ebf0ff;
}
.reply-drawer__action-btn--template .reply-drawer__action-icon i {
  color: #165dff;
}
.reply-drawer__action-btn--attach .reply-drawer__action-icon {
  background: #fff3e8;
}
.reply-drawer__action-btn--attach .reply-drawer__action-icon i {
  color: #ff7d00;
}
.reply-drawer__action-btn--ai-draft .reply-drawer__action-icon {
  background: #f2eeff;
}
.reply-drawer__action-btn--ai-draft .reply-drawer__action-icon .svg-icon {
  color: #7b61ff;
}
.reply-drawer__action-btn--ai-opt .reply-drawer__action-icon {
  background: #e8fafb;
}
.reply-drawer__action-btn--ai-opt .reply-drawer__action-icon .svg-icon {
  color: #0fc6c2;
}
.reply-drawer__action-btn--quality .reply-drawer__action-icon {
  background: #e8ffea;
}
.reply-drawer__action-btn--quality .reply-drawer__action-icon i {
  color: #00b42a;
}
.reply-drawer__count {
  font-size: 11px;
  color: #c9cdd4;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-weight: 500;
}
.reply-drawer__quality-status {
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  border: 1px solid transparent;
}
.reply-drawer__quality-status.is-default {
  background: #f2f3f5;
  color: #86909c;
  border-color: #e5e6eb;
}
.reply-drawer__quality-status.is-pass {
  background: #e8ffea;
  color: #00b42a;
  border-color: #aff0b5;
}
.reply-drawer__quality-status.is-warning {
  background: #fff7e8;
  color: #ff7d00;
  border-color: #ffcf8b;
}
.reply-drawer__quality-status.is-fail {
  background: #ffece8;
  color: #f53f3f;
  border-color: #fbaea4;
}
.reply-drawer__file-list {
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.reply-drawer__file-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 12px;
  background: #fff;
  border-radius: 10px;
  gap: 10px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}
.reply-drawer__file-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #ede5f9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.reply-drawer__file-icon i {
  font-size: 22px;
  color: #7b5ea7;
}
.reply-drawer__file-icon.is-success {
  background: #e8ffea;
}
.reply-drawer__file-icon.is-success i {
  color: #00b42a;
}
.reply-drawer__file-icon.is-fail {
  background: #ffece8;
}
.reply-drawer__file-icon.is-fail i {
  color: #f53f3f;
}
.reply-drawer__file-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.reply-drawer__file-name {
  font-size: 13px;
  font-weight: 500;
  color: #1d2129;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 2px;
}
.reply-drawer__file-progress-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  margin-bottom: 2px;
}
.reply-drawer__file-progress {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.reply-drawer__file-percent {
  font-size: 11px;
  color: #165dff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.reply-drawer__file-status {
  font-size: 12px;
  margin-bottom: 2px;
}
.reply-drawer__file-status.is-success {
  color: #00b42a;
}
.reply-drawer__file-status.is-fail {
  color: #f53f3f;
}
.reply-drawer__file-size {
  font-size: 11px;
  color: #86909c;
}
.reply-drawer__file-remove {
  font-size: 16px;
  color: #c9cdd4;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 4px;
  border-radius: 50%;
  -webkit-transition: background 0.15s, color 0.15s;
  transition: background 0.15s, color 0.15s;
}
.reply-drawer__file-remove:active {
  background: #f2f3f5;
  color: #86909c;
}
.reply-drawer__footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #fff;
  border-top: 1px solid #f0f1f3;
  padding: 12px 16px;
  -webkit-box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06);
          box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06);
}
.reply-drawer__footer-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.reply-drawer__footer-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 50px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 25px;
  margin: 0 !important;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.reply-drawer__footer-btn--cancel {
  -webkit-box-flex: 0.7;
      -ms-flex: 0.7;
          flex: 0.7;
  background: #f0f2f5 !important;
  border-color: #f0f2f5 !important;
  color: #86909c !important;
  font-weight: 500;
}
.reply-drawer__footer-btn--timing {
  background: #fff !important;
  border: 1.5px solid #165dff !important;
  color: #165dff !important;
}
.reply-drawer__footer-btn--timing.is-disabled {
  background: #f5f6f7 !important;
  border-color: #e5e6eb !important;
  color: #c9cdd4 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  cursor: not-allowed;
}
.reply-drawer__footer-btn--primary {
  background: linear-gradient(135deg, #1a56ff 0%, #0e3dc4 100%) !important;
  border-color: transparent !important;
  color: #fff !important;
  -webkit-box-shadow: 0 4px 12px rgba(22, 93, 255, 0.35);
          box-shadow: 0 4px 12px rgba(22, 93, 255, 0.35);
}
.reply-drawer__footer-btn--primary.is-disabled {
  background: #c0c4cc !important;
  border-color: #c0c4cc !important;
  color: #fff !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  cursor: not-allowed;
  opacity: 0.6;
}
.reply-drawer__timing-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-bottom: 10px;
}
.reply-drawer__timing-tz {
  width: 110px !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.reply-drawer__timing-tz ::v-deep .el-input__inner {
  border-radius: 22px !important;
  padding-left: 12px;
}
.reply-drawer__timing-picker {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 0 !important;
}
.reply-drawer__timing-picker ::v-deep .el-input__inner {
  border-radius: 22px !important;
  font-size: 14px;
  border: 1.5px solid #d0d8f0 !important;
  height: 42px;
  line-height: 42px;
  background: #fff;
  color: #1d2129;
  padding: 0 36px 0 36px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-transition: border-color 0.2s, -webkit-box-shadow 0.2s;
  transition: border-color 0.2s, -webkit-box-shadow 0.2s;
  transition: border-color 0.2s, box-shadow 0.2s;
  transition: border-color 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s;
}
.reply-drawer__timing-picker ::v-deep .el-input__inner::-webkit-input-placeholder {
  color: #c9cdd4;
}
.reply-drawer__timing-picker ::v-deep .el-input__inner::-moz-placeholder {
  color: #c9cdd4;
}
.reply-drawer__timing-picker ::v-deep .el-input__inner::-ms-input-placeholder {
  color: #c9cdd4;
}
.reply-drawer__timing-picker ::v-deep .el-input__inner::placeholder {
  color: #c9cdd4;
}
.reply-drawer__timing-picker ::v-deep .el-input__inner:focus {
  border-color: #165dff !important;
  -webkit-box-shadow: 0 0 0 3px rgba(22, 93, 255, 0.08) !important;
          box-shadow: 0 0 0 3px rgba(22, 93, 255, 0.08) !important;
}
.reply-drawer__timing-picker ::v-deep .el-input__prefix {
  left: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.reply-drawer__timing-picker ::v-deep .el-input__prefix .el-input__icon {
  font-size: 16px;
  color: #165dff;
  line-height: 1;
  width: auto;
}
.reply-drawer__timing-picker ::v-deep .el-input__suffix {
  right: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.reply-drawer__timing-picker ::v-deep .el-input__suffix .el-input__icon {
  line-height: 1;
  width: auto;
}
.reply-drawer__quality-wrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.reply-drawer__editor-wrap .ql-toolbar.ql-snow {
  border: none;
  border-bottom: 1px solid #f0f1f3;
  padding: 6px 8px;
}
.reply-drawer__editor-wrap .ql-container.ql-snow {
  border: none;
}
/* 质检提示弹窗 */
.h5-message-confirm.el-message-box {
  top: 50% !important;
  width: 80%;
}
/* 定时发送时间选择器：右对齐，防止面板超出屏幕右侧 */
.reply-drawer__timing-popper {
  right: 16px !important;
  left: auto !important;
}
.email-item + .email-item[data-v-39a86bf1] {
  margin-top: 8px;
}
.email-item.el-collapse[data-v-39a86bf1] {
  border: none;
}
.email-item[data-v-39a86bf1]  .el-collapse-item__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 12px;
  min-height: 48px;
  height: auto;
  border-bottom: none;
  background-color: transparent;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.email-item[data-v-39a86bf1]  .el-collapse-item__header:active {
  background-color: rgba(0, 0, 0, 0.04);
}
.email-item.email-item--left[data-v-39a86bf1]  .el-collapse-item__header {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.email-item[data-v-39a86bf1]  .el-collapse-item__arrow {
  margin-left: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.email-item[data-v-39a86bf1]  .el-collapse-item__wrap {
  border-bottom: none;
  background-color: transparent;
}
.email-item[data-v-39a86bf1]  .el-collapse-item__content {
  padding-bottom: 0;
}
.email-item-title-wrap[data-v-39a86bf1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  line-height: 1.2;
}
.email-item-title-wrap--left[data-v-39a86bf1] {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.email-item-title-wrap--right[data-v-39a86bf1] {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.email-item-subject[data-v-39a86bf1] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.email-item-time[data-v-39a86bf1] {
  font-size: 12px;
  color: #6c7ac0;
}
.email-item-body[data-v-39a86bf1] {
  font-size: 13px;
  color: #606266;
  line-height: 1.6;
  word-break: break-word;
  padding: 10px 12px 12px;
  border-top: 1px solid #f2f3f5;
}
.email-item-body-wrap[data-v-39a86bf1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px 12px;
  border-top: 1px solid #f2f3f5;
}
.email-item-body-wrap[data-v-39a86bf1]:has(+ .mail-ai-summarize-wrap) {
  padding-bottom: 6px;
}
.email-item-body-wrap--left[data-v-39a86bf1] {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.email-item-body-wrap--left .email-item-bubble[data-v-39a86bf1] {
  background-color: #fff;
  border-radius: 0 12px 12px 12px;
}
.email-item-body-wrap--right[data-v-39a86bf1] {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.email-item-body-wrap--right .email-item-bubble[data-v-39a86bf1] {
  background-color: #e5e8f7;
  border-radius: 12px 0 12px 12px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.email-item-body-inner[data-v-39a86bf1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 92%;
  min-width: 0;
}
.email-item-bubble[data-v-39a86bf1] {
  padding: 10px 12px;
  font-size: 14px;
  color: #000;
  line-height: 1.6;
  word-break: break-word;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
.email-item-translate-btn[data-v-39a86bf1] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #3b82f6;
  cursor: pointer;
  padding: 4px 10px;
  margin-top: 6px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.email-item-translate-btn[data-v-39a86bf1]:active {
  background: rgba(59, 130, 246, 0.15);
}
.email-item-translation[data-v-39a86bf1] {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  margin-top: 8px;
  padding: 6px 10px 6px 12px;
  border-radius: 4px;
  font-size: 12px;
  color: #606266;
}
.email-item-translation--left[data-v-39a86bf1] {
  border-left: 3px solid rgba(59, 130, 246, 0.5);
  background-color: rgba(0, 0, 0, 0.04);
}
.email-item-translation--right[data-v-39a86bf1] {
  border-left: 3px solid rgba(99, 102, 241, 0.7);
  background-color: rgba(0, 0, 0, 0.04);
}
.email-item-translation-loading[data-v-39a86bf1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  color: #6c7ac0;
  font-size: 12px;
  padding: 4px 0;
}
.email-item-translation-content[data-v-39a86bf1] {
  font-size: 13px;
  color: #303133;
  line-height: 1.7;
  word-break: break-word;
}
.email-item-translation-content[data-v-39a86bf1]  p,
.email-item-translation-content[data-v-39a86bf1]  ol,
.email-item-translation-content[data-v-39a86bf1]  ul,
.email-item-translation-content[data-v-39a86bf1]  blockquote,
.email-item-translation-content[data-v-39a86bf1]  pre {
  margin-top: 0;
  margin-bottom: 8px;
}
.email-item-translation-content[data-v-39a86bf1]  p:last-child,
.email-item-translation-content[data-v-39a86bf1]  ol:last-child,
.email-item-translation-content[data-v-39a86bf1]  ul:last-child,
.email-item-translation-content[data-v-39a86bf1]  blockquote:last-child,
.email-item-translation-content[data-v-39a86bf1]  pre:last-child {
  margin-bottom: 0;
}
.email-item-translation-content[data-v-39a86bf1]  pre {
  white-space: pre-wrap;
}
.email-item-html-content[data-v-39a86bf1] {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.email-item-html-content[data-v-39a86bf1]  img {
  max-width: 100% !important;
  height: auto !important;
}
.email-item-html-content[data-v-39a86bf1]  table {
  max-width: none;
}
.email-item-attachments[data-v-39a86bf1] {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.email-item-attachments-header[data-v-39a86bf1] {
  margin-bottom: 6px;
}
.email-item-attachments-label[data-v-39a86bf1] {
  font-size: 12px;
  color: #6c7ac0;
}
.email-item-attachments-chips[data-v-39a86bf1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
}
.email-item-attachment-chip[data-v-39a86bf1] {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 6px 8px;
  min-height: 36px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  font-size: 12px;
  color: #303133;
  cursor: pointer;
  max-width: 160px;
}
.email-item-attachment-chip > i[data-v-39a86bf1]:first-child {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 14px;
  color: #6c7ac0;
}
.email-item-attachment-chip[data-v-39a86bf1]:active {
  background-color: rgba(0, 0, 0, 0.1);
}
.email-item-attachment-chip-name[data-v-39a86bf1] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.email-item-attachment-chip-dl[data-v-39a86bf1] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #6c7ac0;
  font-size: 13px;
  padding: 6px 4px;
  margin: -6px -4px -6px 0;
}
.email-item-attachment-chip--batch[data-v-39a86bf1] {
  background-color: rgba(108, 122, 192, 0.12);
  color: #6c7ac0;
  max-width: none;
}
.email-item-attachment-chip--batch > i[data-v-39a86bf1]:first-child {
  color: #6c7ac0;
}
.email-item-attachment-chip--batch[data-v-39a86bf1]:active {
  background-color: rgba(108, 122, 192, 0.22);
}
.email-item-timing-banner[data-v-39a86bf1] {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  margin-top: 8px;
  padding: 6px 10px;
  background-color: rgba(230, 162, 60, 0.1);
  border-radius: 6px;
  font-size: 12px;
  color: #e6a23c;
  line-height: 1.4;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.email-item-timing-icon[data-v-39a86bf1] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 13px;
}
.email-item-timing-text[data-v-39a86bf1] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  word-break: break-all;
}
.email-item-timing-text strong[data-v-39a86bf1] {
  font-weight: 600;
}
.email-item-timing-cancel[data-v-39a86bf1] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #409eff;
  cursor: pointer;
  font-size: 12px;
  white-space: nowrap;
}
.email-item-timing-cancel[data-v-39a86bf1]:active {
  opacity: 0.7;
}
.email-item-recall-bar[data-v-39a86bf1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: center;
      align-self: center;
  font-size: 12px;
  color: #666;
  margin-right: 8px;
  white-space: nowrap;
}
.email-item-recall-btn[data-v-39a86bf1] {
  color: #409eff;
  margin-left: 4px;
  cursor: pointer;
}
.email-item-recall-btn[data-v-39a86bf1]:active {
  opacity: 0.7;
}
.mail-ai-summarize-wrap[data-v-39a86bf1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 12px 12px;
}
.mail-ai-summarize-wrap--left[data-v-39a86bf1] {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.mail-ai-summarize-wrap--right[data-v-39a86bf1] {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.mail-ai-summarize[data-v-39a86bf1] {
  max-width: 80%;
  padding: 8px 12px;
  font-size: 12px;
  color: #606266;
  line-height: 1.6;
  word-break: break-word;
  border-left: 2px solid #6c7ac0;
  background-color: #f0f5ff;
  border-radius: 3px;
}
.email-thread-content-wrap {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.email-thread-content {
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #f4f7fa;
}
.email-thread-content__tip {
  text-align: center;
  font-size: 12px;
  color: #6c7ac0;
  padding: 8px 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.email-thread-scroll-bottom-btn {
  position: absolute;
  bottom: 16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  background-color: rgba(0, 0, 0, 0.35);
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.fade-enter-active,
.fade-leave-active {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-7305a313]:export {
  theme: #409eff;
}
[data-v-7305a313] .el-drawer {
  border-radius: 16px 16px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
[data-v-7305a313] .el-drawer .el-drawer__header {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-bottom: 0;
  padding: 16px 20px;
  border-bottom: 1px solid #f0f2f5;
  font-size: 16px;
  font-weight: 600;
  color: #1f2f3d;
}
[data-v-7305a313] .el-drawer .el-drawer__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
}
.drawer-body[data-v-7305a313] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px;
  padding: 14px 14px 0;
}
.search-section[data-v-7305a313] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  background: #fff;
  border-radius: 12px;
  padding: 14px;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.07);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.07);
}
.search-section .search-select[data-v-7305a313] {
  width: 100%;
}
.search-section .search-select[data-v-7305a313]  .el-input__inner {
  border-radius: 10px;
}
.search-section[data-v-7305a313]  .el-input__inner {
  border-radius: 10px;
}
.search-section .search-btn[data-v-7305a313] {
  width: 100%;
  height: 40px;
  border-radius: 10px;
  font-size: 14px;
}
.result-area[data-v-7305a313] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-bottom: 14px;
}
.result-section-title[data-v-7305a313] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #1f2f3d;
  margin-bottom: 10px;
}
.result-section-title i[data-v-7305a313] {
  color: #3e64ff;
  font-size: 14px;
}
.result-section-title .result-count[data-v-7305a313] {
  margin-left: auto;
  font-size: 12px;
  font-weight: normal;
  color: #909399;
}
.state-placeholder[data-v-7305a313] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 52px 0 24px;
  color: #c0c4cc;
}
.state-placeholder i[data-v-7305a313] {
  font-size: 42px;
  margin-bottom: 10px;
}
.state-placeholder p[data-v-7305a313] {
  font-size: 13px;
  color: #909399;
  margin: 0;
}
.order-card[data-v-7305a313] {
  background: #fff;
  border-radius: 12px;
  padding: 14px;
  margin-bottom: 12px;
  border: 1px solid #ebeef5;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.order-card .order-card-top[data-v-7305a313] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #f0f2f5;
}
.order-card .order-card-top .order-id[data-v-7305a313] {
  font-size: 13px;
  font-weight: 600;
  color: #3e64ff;
  word-break: break-all;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.order-card .order-card-top .order-price[data-v-7305a313] {
  font-size: 14px;
  font-weight: 700;
  color: #303133;
  margin-left: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.order-card .order-meta-grid[data-v-7305a313] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 12px;
}
.order-card .order-meta-grid .meta-cell[data-v-7305a313] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}
.order-card .order-meta-grid .meta-cell .meta-label[data-v-7305a313] {
  font-size: 11px;
  color: #909399;
}
.order-card .order-meta-grid .meta-cell .meta-value[data-v-7305a313] {
  font-size: 12px;
  color: #303133;
  font-weight: 500;
  word-break: break-all;
}
.order-card .product-list-label[data-v-7305a313] {
  font-size: 12px;
  color: #909399;
  margin-bottom: 8px;
}
.order-card .product-item[data-v-7305a313] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  padding: 8px;
  background: #f8f9fa;
  border-radius: 8px;
  margin-bottom: 6px;
}
.order-card .product-item[data-v-7305a313]:last-child {
  margin-bottom: 0;
}
.order-card .product-item .product-img-wrap[data-v-7305a313] {
  width: 50px;
  height: 50px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #ebeef5;
}
.order-card .product-item .product-img-wrap .product-thumb[data-v-7305a313] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
}
.order-card .product-item .product-img-wrap .product-img-placeholder[data-v-7305a313] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 10px;
  color: #c0c4cc;
  background: #f5f7fa;
}
.order-card .product-item .product-info[data-v-7305a313] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.order-card .product-item .product-info .product-title[data-v-7305a313] {
  font-size: 12px;
  color: #303133;
  line-height: 1.4;
  margin-bottom: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.order-card .product-item .product-info .product-tags[data-v-7305a313] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
}
.order-card .product-item .product-info .product-tags .p-tag[data-v-7305a313] {
  font-size: 11px;
  color: #909399;
  background: #fff;
  border: 1px solid #ebeef5;
  padding: 1px 6px;
  border-radius: 4px;
}
.comment-card[data-v-7305a313] {
  background: #fff;
  border-radius: 12px;
  padding: 14px;
  border: 1px solid #ebeef5;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.comment-card .comment-card-header[data-v-7305a313] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
.comment-card .comment-card-header .result-rate[data-v-7305a313]  .el-rate__icon {
  font-size: 16px;
  margin-right: 2px;
}
.comment-card .comment-card-header .comment-date[data-v-7305a313] {
  margin-left: auto;
  font-size: 11px;
  color: #c0c4cc;
  white-space: nowrap;
}
.comment-card .comment-chips[data-v-7305a313] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
}
.comment-card .comment-chips .chip[data-v-7305a313] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 11px;
  color: #606266;
  background: #f4f4f5;
  padding: 3px 8px;
  border-radius: 20px;
}
.comment-card .comment-chips .chip i[data-v-7305a313] {
  font-size: 11px;
  color: #909399;
}
.comment-card .comment-body[data-v-7305a313] {
  font-size: 13px;
  color: #303133;
  line-height: 1.6;
  padding: 10px;
  background: #f8f9fa;
  border-radius: 8px;
  word-break: break-all;
}
.mobile-pagination[data-v-7305a313] {
  margin: 12px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
}
.mobile-pagination .page-btn[data-v-7305a313] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1.5px solid #e4e7ed;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.mobile-pagination .page-btn i[data-v-7305a313] {
  font-size: 14px;
  color: #606266;
}
.mobile-pagination .page-btn[data-v-7305a313]:hover:not(.is-disabled) {
  border-color: #3e64ff;
  background: rgba(62, 100, 255, 0.1);
}
.mobile-pagination .page-btn:hover:not(.is-disabled) i[data-v-7305a313] {
  color: #3e64ff;
}
.mobile-pagination .page-btn.is-disabled[data-v-7305a313] {
  opacity: 0.35;
  cursor: not-allowed;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mobile-pagination .page-info[data-v-7305a313] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  background: rgba(62, 100, 255, 0.1);
  border-radius: 20px;
  padding: 6px 16px;
}
.mobile-pagination .page-info .page-current[data-v-7305a313] {
  color: #3e64ff;
  font-weight: 700;
  font-size: 15px;
}
.mobile-pagination .page-info .page-sep[data-v-7305a313] {
  color: #c0c4cc;
  font-size: 12px;
}
.mobile-pagination .page-info .page-total[data-v-7305a313] {
  color: #909399;
  font-size: 13px;
}
.drawer-footer[data-v-7305a313] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  padding: 12px 14px;
  border-top: 1px solid #f0f2f5;
  background: #fff;
}
.drawer-footer .footer-btn[data-v-7305a313] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 44px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 500;
}
.drawer-footer .cancel-btn[data-v-7305a313] {
  background: #f4f4f5;
  border-color: transparent;
  color: #606266;
}
.drawer-footer .cancel-btn[data-v-7305a313]:hover {
  background: #e9e9eb;
  border-color: transparent;
  color: #606266;
}
[data-v-464a4a32] .h5-label-drawer {
  border-radius: 16px 16px 0 0;
}
[data-v-464a4a32] .h5-label-drawer .el-drawer__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  height: 100%;
  padding: 0;
}
.cat-slide-enter-active[data-v-464a4a32],
.cat-slide-leave-active[data-v-464a4a32] {
  overflow: hidden;
  -webkit-transition: max-height 0.25s ease, opacity 0.2s ease;
  transition: max-height 0.25s ease, opacity 0.2s ease;
}
.cat-slide-enter[data-v-464a4a32],
.cat-slide-leave-to[data-v-464a4a32] {
  max-height: 0;
  opacity: 0;
}
.cat-slide-enter-to[data-v-464a4a32],
.cat-slide-leave[data-v-464a4a32] {
  max-height: 600px;
  opacity: 1;
}
.cat-children[data-v-464a4a32],
.cat-grandchildren[data-v-464a4a32] {
  overflow: hidden;
}
.drawer-top[data-v-464a4a32] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-bottom: 1px solid #f0f0f0;
}
.drawer-top .drawer-header[data-v-464a4a32] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 14px 16px 8px;
}
.drawer-top .drawer-header .drawer-title[data-v-464a4a32] {
  font-size: 16px;
  font-weight: 600;
  color: #303133;
}
.drawer-top .drawer-header .drawer-close[data-v-464a4a32] {
  font-size: 18px;
  color: #909399;
  padding: 4px;
  cursor: pointer;
}
.drawer-top .search-bar[data-v-464a4a32] {
  padding: 0 12px 10px;
}
.split-body[data-v-464a4a32] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.cat-panel[data-v-464a4a32] {
  width: 100px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow-y: auto;
  background: #f7f8fa;
  -webkit-overflow-scrolling: touch;
}
.cat-panel[data-v-464a4a32]::-webkit-scrollbar {
  display: none;
}
.cat-panel .cat-item[data-v-464a4a32] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 44px;
  padding: 10px 10px 10px 12px;
  font-size: 13px;
  color: #606266;
  cursor: pointer;
  line-height: 1.4;
  -webkit-tap-highlight-color: transparent;
  position: relative;
}
.cat-panel .cat-item.active[data-v-464a4a32] {
  color: #409eff;
  font-weight: 500;
  background: #fff;
}
.cat-panel .cat-item.active[data-v-464a4a32]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3px;
  height: 60%;
  background: #409eff;
  border-radius: 0 2px 2px 0;
}
.cat-panel .cat-item[data-v-464a4a32]:active {
  background: #eee;
}
.cat-panel .cat-item.cat-parent[data-v-464a4a32] {
  font-weight: 500;
  color: #303133;
}
.cat-panel .cat-item.cat-parent.active[data-v-464a4a32] {
  color: #409eff;
}
.cat-panel .cat-item.cat-child[data-v-464a4a32] {
  padding-left: 20px;
  font-size: 12px;
  color: #909399;
  min-height: 38px;
}
.cat-panel .cat-item.cat-child.active[data-v-464a4a32] {
  color: #409eff;
  font-weight: 500;
}
.cat-panel .cat-item.cat-grandchild[data-v-464a4a32] {
  padding-left: 28px;
  font-size: 12px;
  color: #b0b3b8;
  min-height: 34px;
}
.cat-panel .cat-item.cat-grandchild.active[data-v-464a4a32] {
  color: #409eff;
  font-weight: 500;
}
.cat-panel .cat-item .cat-name[data-v-464a4a32] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  word-break: break-all;
}
.cat-panel .cat-item .cat-arrow[data-v-464a4a32] {
  font-size: 11px;
  color: #c0c4cc;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 2px;
}
.label-panel[data-v-464a4a32] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: #fff;
}
.label-panel[data-v-464a4a32]::-webkit-scrollbar {
  display: none;
}
.label-panel .list-loading[data-v-464a4a32],
.label-panel .list-empty[data-v-464a4a32] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 120px;
  font-size: 13px;
  color: #c0c4cc;
}
.label-panel .list-loading[data-v-464a4a32] {
  font-size: 20px;
}
.label-panel .label-row[data-v-464a4a32] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 12px;
  border-bottom: 1px solid #f5f5f5;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.label-panel .label-row[data-v-464a4a32]:active {
  background: #f5f7fa;
}
.label-panel .label-row.selected[data-v-464a4a32] {
  background: #ecf5ff;
}
.label-panel .label-row.selected .label-name[data-v-464a4a32] {
  color: #409eff;
  font-weight: 500;
}
.label-panel .label-row .label-info[data-v-464a4a32] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}
.label-panel .label-row .label-name[data-v-464a4a32] {
  font-size: 14px;
  font-weight: 700;
  color: #1a1a1a;
  word-break: break-all;
  line-height: 1.4;
}
.label-panel .label-row .label-code[data-v-464a4a32] {
  font-size: 11px;
  color: #c0c4cc;
}
.label-panel .label-row .label-meta[data-v-464a4a32] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1px;
  margin-top: 4px;
}
.label-panel .label-row .label-meta .label-meta-row[data-v-464a4a32] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  overflow: hidden;
}
.label-panel .label-row .label-meta .label-meta-label[data-v-464a4a32] {
  font-size: 10px;
  color: #909399;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.label-panel .label-row .label-meta .label-meta-item[data-v-464a4a32] {
  font-size: 10px;
  color: #606266;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.label-panel .label-row .check-icon[data-v-464a4a32] {
  font-size: 15px;
  color: #409eff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 8px;
}
.label-panel .simple-pagination[data-v-464a4a32] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
  padding: 10px 0;
}
.label-panel .simple-pagination .page-btn[data-v-464a4a32] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #f4f4f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 13px;
  color: #606266;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.label-panel .simple-pagination .page-btn.disabled[data-v-464a4a32] {
  opacity: 0.35;
  pointer-events: none;
}
.label-panel .simple-pagination .page-btn[data-v-464a4a32]:active {
  background: #e9e9eb;
}
.label-panel .simple-pagination .page-info[data-v-464a4a32] {
  font-size: 12px;
  color: #909399;
  min-width: 40px;
  text-align: center;
}
.drawer-footer[data-v-464a4a32] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-top: 1px solid #f0f0f0;
  padding: 10px 16px 16px;
}
.drawer-footer .selected-tags[data-v-464a4a32] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
  max-height: 72px;
  overflow-y: auto;
}
.drawer-footer .footer-actions[data-v-464a4a32] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.drawer-footer .footer-actions .footer-btn[data-v-464a4a32] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 44px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 500;
}
.drawer-footer .footer-actions .cancel-btn[data-v-464a4a32] {
  background: #f4f4f5;
  border-color: transparent;
  color: #606266;
}
.drawer-footer .footer-actions .cancel-btn[data-v-464a4a32]:active {
  background: #e9e9eb;
}
.goods-card[data-v-35052606] {
  margin-bottom: 10px;
  border: 1px solid #ebeef5;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}
.goods-card .goods-header[data-v-35052606] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  background: #f5f7fa;
  border-bottom: 1px solid #ebeef5;
}
.goods-card .goods-header .goods-img-box[data-v-35052606] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
}
.goods-card .goods-header .goods-img-box .goods-thumb[data-v-35052606] {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
  cursor: pointer;
}
.goods-card .goods-header .goods-img-box .goods-img-placeholder[data-v-35052606] {
  width: 50px;
  height: 50px;
  background: #f5f5f5;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 11px;
  color: #c0c4cc;
}
.goods-card .goods-header .goods-title[data-v-35052606] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 13px;
  color: #303133;
  line-height: 1.5;
  word-break: break-all;
}
.goods-card .goods-fields[data-v-35052606] {
  padding: 4px 0;
}
.goods-card .goods-fields .field-row[data-v-35052606] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 7px 12px;
  border-bottom: 1px solid #f5f7fa;
  font-size: 13px;
}
.goods-card .goods-fields .field-row[data-v-35052606]:last-child {
  border-bottom: none;
}
.goods-card .goods-fields .field-row .field-label[data-v-35052606] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  color: #909399;
}
.goods-card .goods-fields .field-row .field-value[data-v-35052606] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #303133;
  word-break: break-all;
}
.goods-card .goods-fields .field-row .field-value.price-row[data-v-35052606] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.goods-card .goods-fields .field-row .field-value .edit-icon[data-v-35052606] {
  color: #035cc0;
  font-size: 16px;
  cursor: pointer;
}
.empty-tip[data-v-35052606] {
  text-align: center;
  font-size: 13px;
  color: #c0c4cc;
  padding: 30px 0;
}
.shipping-card[data-v-68364d9a] {
  margin-bottom: 10px;
  border: 1px solid #ebeef5;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}
.shipping-card .card-header[data-v-68364d9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  background: #f5f7fa;
  border-bottom: 1px solid #ebeef5;
}
.shipping-card .card-header .img-box[data-v-68364d9a] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
}
.shipping-card .card-header .img-box .thumb[data-v-68364d9a] {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
  cursor: pointer;
}
.shipping-card .card-header .img-box .img-placeholder[data-v-68364d9a] {
  width: 50px;
  height: 50px;
  background: #f5f5f5;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 11px;
  color: #c0c4cc;
}
.shipping-card .card-header .header-info[data-v-68364d9a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.shipping-card .card-header .header-info .goods-title[data-v-68364d9a] {
  font-size: 13px;
  color: #303133;
  line-height: 1.5;
  word-break: break-all;
}
.shipping-card .card-header .header-info .goods-sub[data-v-68364d9a] {
  font-size: 12px;
  color: #909399;
  margin-top: 2px;
}
.shipping-card .card-fields[data-v-68364d9a] {
  padding: 4px 0;
}
.shipping-card .card-fields .field-row[data-v-68364d9a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 7px 12px;
  border-bottom: 1px solid #f5f7fa;
  font-size: 13px;
}
.shipping-card .card-fields .field-row[data-v-68364d9a]:last-child {
  border-bottom: none;
}
.shipping-card .card-fields .field-row .field-label[data-v-68364d9a] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  color: #909399;
}
.shipping-card .card-fields .field-row .field-value[data-v-68364d9a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #303133;
  word-break: break-all;
}
.empty-tip[data-v-68364d9a] {
  text-align: center;
  font-size: 13px;
  color: #c0c4cc;
  padding: 30px 0;
}
.expense-card[data-v-427fb5c1] {
  margin-bottom: 10px;
  border: 1px solid #ebeef5;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}
.expense-card.is-total[data-v-427fb5c1] {
  border-color: #409eff;
}
.expense-card.is-total .card-header[data-v-427fb5c1] {
  background: #d9ecff;
  border-bottom-color: #b3d8ff;
}
.expense-card .card-header[data-v-427fb5c1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 12px;
  background: #f5f7fa;
  border-bottom: 1px solid #ebeef5;
  font-size: 13px;
}
.expense-card .card-header .total-label[data-v-427fb5c1] {
  font-weight: 600;
  color: #409eff;
}
.expense-card .card-header .fee-type[data-v-427fb5c1] {
  font-weight: 600;
  color: #303133;
}
.expense-card .card-header .fee-item[data-v-427fb5c1] {
  color: #606266;
  font-size: 12px;
}
.expense-card .card-fields[data-v-427fb5c1] {
  padding: 4px 0;
}
.expense-card .card-fields .field-row[data-v-427fb5c1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 7px 12px;
  border-bottom: 1px solid #f5f7fa;
  font-size: 13px;
}
.expense-card .card-fields .field-row[data-v-427fb5c1]:last-child {
  border-bottom: none;
}
.expense-card .card-fields .field-row.amount-row[data-v-427fb5c1] {
  background: #fafafa;
}
.expense-card .card-fields .field-row .field-label[data-v-427fb5c1] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  color: #909399;
  line-height: 1.5;
}
.expense-card .card-fields .field-row .field-value[data-v-427fb5c1] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #303133;
  word-break: break-all;
  line-height: 1.5;
}
.expense-card .card-fields .field-row .field-value.amount[data-v-427fb5c1] {
  font-weight: 500;
  color: #f56c6c;
}
.empty-tip[data-v-427fb5c1] {
  text-align: center;
  font-size: 13px;
  color: #c0c4cc;
  padding: 30px 0;
}
.log-card[data-v-45095994] {
  margin-bottom: 8px;
  border: 1px solid #ebeef5;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}
.log-card .log-header[data-v-45095994] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 12px;
  background: #f5f7fa;
  border-bottom: 1px solid #ebeef5;
  font-size: 12px;
}
.log-card .log-header .log-time[data-v-45095994] {
  color: #909399;
}
.log-card .log-header .log-type[data-v-45095994] {
  font-weight: 600;
  color: #303133;
}
.log-card .log-body[data-v-45095994] {
  padding: 4px 0;
}
.log-card .log-body .field-row[data-v-45095994] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 7px 12px;
  border-bottom: 1px solid #f5f7fa;
  font-size: 13px;
}
.log-card .log-body .field-row[data-v-45095994]:last-child {
  border-bottom: none;
}
.log-card .log-body .field-row .field-label[data-v-45095994] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70px;
          flex: 0 0 70px;
  color: #909399;
  line-height: 1.5;
}
.log-card .log-body .field-row .field-value[data-v-45095994] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #303133;
  word-break: break-all;
  line-height: 1.5;
}
.empty-tip[data-v-45095994] {
  text-align: center;
  font-size: 13px;
  color: #c0c4cc;
  padding: 30px 0;
}
.order-detail-drawer {
  border-radius: 16px 16px 0 0;
}
.order-detail-drawer .el-drawer__header {
  padding: 16px 16px 12px;
  margin-bottom: 0;
  border-bottom: 1px solid #f0f2f5;
}
.order-detail-drawer .el-drawer__body {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-30df949d]:export {
  theme: #409eff;
}
.drawer-title .drawer-order-id[data-v-30df949d] {
  font-size: 15px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 4px;
}
.drawer-title .drawer-sub-info[data-v-30df949d] {
  font-size: 12px;
  color: #909399;
  word-break: break-all;
  line-height: 1.5;
}
.drawer-body[data-v-30df949d] {
  padding: 12px 12px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.detail-section[data-v-30df949d] {
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.detail-section.tabs-section[data-v-30df949d] {
  padding: 12px;
}
.section-header[data-v-30df949d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  margin-bottom: 12px;
}
.section-header .section-icon[data-v-30df949d] {
  font-size: 15px;
}
.section-header .section-icon.fi-blue[data-v-30df949d] {
  color: #3e64ff;
}
.section-header .section-icon.fi-teal[data-v-30df949d] {
  color: #20c997;
}
.section-header .section-title[data-v-30df949d] {
  font-size: 14px;
  font-weight: 600;
  color: #1f2f3d;
}
.detail-tabs[data-v-30df949d]  .el-tabs__nav-wrap {
  padding: 0 4px;
}
.detail-tabs[data-v-30df949d]  .el-tabs__item {
  font-size: 13px;
  padding: 0 12px;
}
.detail-tabs[data-v-30df949d]  .el-tabs__content {
  padding: 12px 0 0;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-2ddf6c2b]:export {
  theme: #409eff;
}
[data-v-2ddf6c2b] .shopify-detail-drawer {
  border-radius: 16px 16px 0 0;
}
[data-v-2ddf6c2b] .shopify-detail-drawer .el-drawer__header {
  padding: 16px 16px 12px;
  margin-bottom: 0;
  border-bottom: 1px solid #f0f2f5;
}
[data-v-2ddf6c2b] .shopify-detail-drawer .el-drawer__body {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.drawer-title .drawer-order-id[data-v-2ddf6c2b] {
  font-size: 15px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 6px;
  word-break: break-all;
}
.drawer-title .drawer-status-tags[data-v-2ddf6c2b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}
.drawer-title .drawer-status-tags .status-tag[data-v-2ddf6c2b] {
  border-radius: 6px;
}
.drawer-title .drawer-status-message[data-v-2ddf6c2b] {
  color: #606266;
  font-size: 12px;
  line-height: 18px;
}
.drawer-body[data-v-2ddf6c2b] {
  padding: 12px 12px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.detail-section[data-v-2ddf6c2b] {
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.section-header[data-v-2ddf6c2b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  margin-bottom: 12px;
}
.section-header .section-icon[data-v-2ddf6c2b] {
  font-size: 15px;
}
.section-header .section-icon.fi-blue[data-v-2ddf6c2b] {
  color: #3e64ff;
}
.section-header .section-icon.fi-green[data-v-2ddf6c2b] {
  color: #67c23a;
}
.section-header .section-icon.fi-orange[data-v-2ddf6c2b] {
  color: #e6a23c;
}
.section-header .section-icon.fi-teal[data-v-2ddf6c2b] {
  color: #20c997;
}
.section-header .section-icon.fi-purple[data-v-2ddf6c2b] {
  color: #9c27b0;
}
.section-header .section-icon.fi-gray[data-v-2ddf6c2b] {
  color: #909399;
}
.section-header .section-title[data-v-2ddf6c2b] {
  font-size: 14px;
  font-weight: 600;
  color: #1f2f3d;
}
[data-v-2ddf6c2b] .el-descriptions .el-descriptions-item__label {
  font-size: 12px;
  color: #909399;
  white-space: nowrap;
}
[data-v-2ddf6c2b] .el-descriptions .el-descriptions-item__content {
  font-size: 13px;
  color: #303133;
  word-break: break-all;
}
.amount-highlight[data-v-2ddf6c2b] {
  color: #f56c6c;
  font-weight: 700;
}
.section-total[data-v-2ddf6c2b] {
  margin-top: 10px;
  text-align: right;
  font-size: 13px;
  color: #606266;
}
.section-total .total-amount[data-v-2ddf6c2b] {
  color: #f56c6c;
  font-weight: 700;
  font-size: 15px;
  margin-left: 4px;
}
.goods-card[data-v-2ddf6c2b] {
  border: 1px solid #ebeef5;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 10px;
}
.goods-card[data-v-2ddf6c2b]:last-of-type {
  margin-bottom: 0;
}
.goods-card .goods-header[data-v-2ddf6c2b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  padding: 10px;
}
.goods-card .goods-header .goods-img-box[data-v-2ddf6c2b] {
  width: 56px;
  height: 56px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: 1px solid #f0f0f0;
  border-radius: 6px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f5f7fa;
}
.goods-card .goods-header .goods-img-box .goods-thumb[data-v-2ddf6c2b] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
}
.goods-card .goods-header .goods-img-box .goods-img-placeholder[data-v-2ddf6c2b] {
  font-size: 10px;
  color: #c0c4cc;
}
.goods-card .goods-header .goods-title[data-v-2ddf6c2b] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 13px;
  color: #303133;
  font-weight: 500;
  line-height: 1.5;
  word-break: break-all;
}
.goods-card .goods-specs[data-v-2ddf6c2b] {
  border-top: 1px solid #f5f5f5;
  padding: 8px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}
.spec-row[data-v-2ddf6c2b],
.logistics-row[data-v-2ddf6c2b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-size: 12px;
  gap: 4px;
}
.spec-row .spec-label[data-v-2ddf6c2b],
.spec-row .logistics-label[data-v-2ddf6c2b],
.logistics-row .spec-label[data-v-2ddf6c2b],
.logistics-row .logistics-label[data-v-2ddf6c2b] {
  color: #909399;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 42px;
}
.spec-row .spec-label-gap[data-v-2ddf6c2b],
.logistics-row .spec-label-gap[data-v-2ddf6c2b] {
  margin-left: 12px;
}
.spec-row .spec-value[data-v-2ddf6c2b],
.spec-row .logistics-value[data-v-2ddf6c2b],
.logistics-row .spec-value[data-v-2ddf6c2b],
.logistics-row .logistics-value[data-v-2ddf6c2b] {
  color: #606266;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  word-break: break-all;
}
.spec-row .track-btn[data-v-2ddf6c2b],
.logistics-row .track-btn[data-v-2ddf6c2b] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0;
  margin-left: 6px;
}
.logistics-card[data-v-2ddf6c2b] {
  border: 1px solid #ebeef5;
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}
.logistics-card[data-v-2ddf6c2b]:last-of-type {
  margin-bottom: 0;
}
[data-v-2ddf6c2b] .el-collapse {
  border: none;
}
[data-v-2ddf6c2b] .el-collapse .el-collapse-item__header {
  border: none;
  background: transparent;
  height: auto;
  padding: 0;
  line-height: normal;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
[data-v-2ddf6c2b] .el-collapse .el-collapse-item__wrap {
  border: none;
}
[data-v-2ddf6c2b] .el-collapse .el-collapse-item__content {
  padding: 12px 0 0;
}
.collapse-header[data-v-2ddf6c2b] {
  margin-bottom: 0;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.collapse-header .log-count[data-v-2ddf6c2b] {
  margin-left: 6px;
  font-size: 12px;
  color: #909399;
  font-weight: 400;
  line-height: 1;
}
.log-card[data-v-2ddf6c2b] {
  border: 1px solid #ebeef5;
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 8px;
  background: #fafafa;
}
.log-card[data-v-2ddf6c2b]:last-of-type {
  margin-bottom: 0;
}
.log-card .log-meta[data-v-2ddf6c2b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
}
.log-card .log-meta .log-time[data-v-2ddf6c2b] {
  font-size: 11px;
  color: #c0c4cc;
}
.log-card .log-meta .log-operator[data-v-2ddf6c2b] {
  font-size: 12px;
  color: #909399;
}
.log-card .log-status[data-v-2ddf6c2b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  margin-bottom: 6px;
}
.log-card .log-msg[data-v-2ddf6c2b] {
  font-size: 12px;
  color: #606266;
  line-height: 1.5;
  word-break: break-all;
}
.empty-tip[data-v-2ddf6c2b] {
  text-align: center;
  font-size: 13px;
  color: #c0c4cc;
  padding: 20px 0;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-cd936dec]:export {
  theme: #409eff;
}
.mobile-pagination[data-v-cd936dec] {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
}
.page-btn[data-v-cd936dec] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #3e64ff;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: background-color 0.2s, border-color 0.2s;
  transition: background-color 0.2s, border-color 0.2s;
}
.page-btn.is-disabled[data-v-cd936dec] {
  background-color: #b2c1ff;
  cursor: not-allowed;
}
.page-info[data-v-cd936dec] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  background: rgba(62, 100, 255, 0.1);
  border-radius: 20px;
  padding: 6px 16px;
  font-size: 13px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.page-info .page-current[data-v-cd936dec] {
  color: #3e64ff;
  font-weight: 700;
  font-size: 15px;
}
.page-info .page-sep[data-v-cd936dec] {
  color: #c0c4cc;
  font-size: 12px;
}
.page-info .page-total[data-v-cd936dec] {
  color: #909399;
  font-size: 13px;
}
.page-info .jump-input[data-v-cd936dec] {
  width: 36px;
  border: none;
  outline: none;
  background: transparent;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  color: #3e64ff;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
          appearance: textfield;
}
.page-info .jump-input[data-v-cd936dec]::-webkit-outer-spin-button, .page-info .jump-input[data-v-cd936dec]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
@charset "UTF-8";
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-2da9989e]:export {
  theme: #409eff;
}
.order-info-container[data-v-2da9989e] {
  padding: 12px;
  min-height: 100%;
}
.order-info-container .fz12[data-v-2da9989e] {
  font-size: 12px;
}
.order-info-container .head-search[data-v-2da9989e] {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.order-info-container .head-search .search-select[data-v-2da9989e] {
  width: 100%;
}
.order-info-container .head-search .search-select[data-v-2da9989e]  .el-input__inner {
  border-radius: 12px;
}
.order-info-container .head-search .search-btn[data-v-2da9989e] {
  width: 100%;
  border-radius: 12px;
}
.order-info-container .custom-tabs[data-v-2da9989e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 32px;
  gap: 12px;
}
.order-info-container .custom-tabs .tab-item[data-v-2da9989e] {
  padding: 8px 24px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 6px;
  color: #606266;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: 1px solid transparent;
  font-weight: 500;
}
.order-info-container .custom-tabs .tab-item[data-v-2da9989e]:hover {
  color: #3e64ff;
  background-color: rgba(62, 100, 255, 0.05);
}
.order-info-container .custom-tabs .tab-item.active[data-v-2da9989e] {
  color: #3e64ff;
  background-color: rgba(62, 100, 255, 0.1);
  border-color: rgba(62, 100, 255, 0.2);
  font-weight: 600;
  -webkit-box-shadow: 0 2px 6px rgba(62, 100, 255, 0.1);
          box-shadow: 0 2px 6px rgba(62, 100, 255, 0.1);
}
.order-info-container .animate-card[data-v-2da9989e] {
  -webkit-animation: slideUp-data-v-2da9989e 0.4s ease-out forwards;
          animation: slideUp-data-v-2da9989e 0.4s ease-out forwards;
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
@-webkit-keyframes slideUp-data-v-2da9989e {
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes slideUp-data-v-2da9989e {
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
.order-info-container .info-card[data-v-2da9989e] {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 16px;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.order-info-container .info-card .card-header[data-v-2da9989e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed #f0f2f5;
}
.order-info-container .info-card .card-header .card-title-wrapper[data-v-2da9989e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.order-info-container .info-card .card-header .card-title-wrapper .icon-box[data-v-2da9989e] {
  width: 24px;
  height: 24px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 12px;
}
.order-info-container .info-card .card-header .card-title-wrapper .icon-box i[data-v-2da9989e] {
  font-size: 16px;
}
.order-info-container .info-card .card-header .card-title-wrapper .icon-box.blue-bg[data-v-2da9989e] {
  background: #ecf5ff;
  color: #3e64ff;
}
.order-info-container .info-card .card-header .card-title-wrapper .icon-box.orange-bg[data-v-2da9989e] {
  background: #fdf6ec;
  color: #e6a23c;
}
.order-info-container .info-card .card-header .card-title-wrapper .icon-box.purple-bg[data-v-2da9989e] {
  background: #f4f4f5;
  color: #909399;
}
.order-info-container .info-card .card-header .card-title-wrapper .title-text[data-v-2da9989e] {
  font-size: 14px;
  font-weight: 600;
  color: #1f2f3d;
  letter-spacing: 0.5px;
}
.order-info-container .info-card .card-header .action-btn[data-v-2da9989e] {
  background-color: rgba(62, 100, 255, 0.1);
  border-color: transparent;
  color: #3e64ff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 20px;
  padding: 5px 10px;
}
.order-info-container .info-card .card-header .action-btn[data-v-2da9989e]:hover {
  background-color: #3e64ff;
  color: #fff;
  border-color: #3e64ff;
}
.order-info-container .info-card .card-header .action-btn[data-v-2da9989e]:focus {
  background-color: rgba(62, 100, 255, 0.1);
  color: #3e64ff;
  border-color: transparent;
}
.order-info-container .info-card .card-header .action-btn[data-v-2da9989e]:focus:hover {
  background-color: #3e64ff;
  color: #fff;
  border-color: #3e64ff;
}
.order-info-container .info-card .card-header .action-btn.is-danger[data-v-2da9989e] {
  background-color: rgba(255, 73, 73, 0.1);
  color: #ff4949;
}
.order-info-container .info-card .card-header .action-btn.is-danger[data-v-2da9989e]:hover {
  background-color: #ff4949;
  color: #fff;
  border-color: #ff4949;
}
.order-info-container .info-card .card-header .action-btn.is-danger[data-v-2da9989e]:focus {
  background-color: rgba(255, 73, 73, 0.1);
  color: #ff4949;
}
.order-info-container .info-card .card-header .action-btn.is-danger[data-v-2da9989e]:focus:hover {
  background-color: #ff4949;
  color: #fff;
}
.order-info-container .info-card .product-list[data-v-2da9989e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.order-info-container .info-card .product-list .product-item[data-v-2da9989e] {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #ebeef5;
  overflow: hidden;
}
.order-info-container .info-card .product-list .product-item .product-header[data-v-2da9989e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  padding: 10px;
}
.order-info-container .info-card .product-list .product-item .product-header .product-img-box[data-v-2da9989e] {
  width: 56px;
  height: 56px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: 1px solid #f0f0f0;
  border-radius: 6px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f5f7fa;
}
.order-info-container .info-card .product-list .product-item .product-header .product-img-box .product-thumb[data-v-2da9989e] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
}
.order-info-container .info-card .product-list .product-item .product-header .product-img-box .product-img-placeholder[data-v-2da9989e] {
  font-size: 10px;
  color: #c0c4cc;
}
.order-info-container .info-card .product-list .product-item .product-header .product-title[data-v-2da9989e] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 13px;
  color: #303133;
  font-weight: 500;
  line-height: 1.5;
  word-break: break-all;
}
.order-info-container .info-card .product-list .product-item .product-specs[data-v-2da9989e] {
  border-top: 1px solid #f5f5f5;
  padding: 8px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}
.order-info-container .info-card .product-list .product-item .product-specs .spec-row[data-v-2da9989e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-size: 12px;
  gap: 4px;
}
.order-info-container .info-card .product-list .product-item .product-specs .spec-row .spec-label[data-v-2da9989e] {
  color: #909399;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 34px;
}
.order-info-container .info-card .product-list .product-item .product-specs .spec-row .spec-value[data-v-2da9989e] {
  color: #606266;
  word-break: break-all;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.order-info-container .info-card .product-list .product-item .product-actions[data-v-2da9989e] {
  border-top: 1px solid #f5f5f5;
  padding: 6px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.order-info-container .info-card .product-list .product-item .product-actions .action-chip[data-v-2da9989e] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 10px;
  border: 1px solid #dcdfe6;
  border-radius: 20px;
  font-size: 12px;
  color: #3e64ff;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.order-info-container .info-card .product-list .product-item .product-actions .action-chip[data-v-2da9989e]:active {
  background: #f5f7fa;
  border-color: #c0c4cc;
}
.order-info-container .comment-card[data-v-2da9989e] {
  background: #f8f9fa;
  border-radius: 12px;
  padding: 14px;
  margin-bottom: 12px;
  border: 1px solid #ebeef5;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.order-info-container .comment-card[data-v-2da9989e]:hover {
  background: #fff;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}
.order-info-container .comment-card .comment-card-header[data-v-2da9989e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.order-info-container .comment-card .comment-card-header .comment-rate[data-v-2da9989e] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.order-info-container .comment-card .comment-card-header .comment-rate[data-v-2da9989e]  .el-rate__icon {
  font-size: 16px;
  margin-right: 2px;
}
.order-info-container .comment-card .comment-card-header .comment-type-tag[data-v-2da9989e] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 6px;
}
.order-info-container .comment-card .comment-card-header .comment-date[data-v-2da9989e] {
  margin-left: auto;
  font-size: 11px;
  color: #c0c4cc;
  white-space: nowrap;
}
.order-info-container .comment-card .comment-body[data-v-2da9989e] {
  font-size: 13px;
  color: #303133;
  line-height: 1.6;
  padding: 10px 12px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #ebeef5;
  margin-bottom: 10px;
  word-break: break-all;
}
.order-info-container .comment-card .comment-meta[data-v-2da9989e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.order-info-container .comment-card .comment-meta .meta-item[data-v-2da9989e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 12px;
}
.order-info-container .comment-card .comment-meta .meta-item i[data-v-2da9989e] {
  font-size: 13px;
  color: #c0c4cc;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.order-info-container .comment-card .comment-meta .meta-item .meta-label[data-v-2da9989e] {
  color: #909399;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.order-info-container .comment-card .comment-meta .meta-item .meta-label[data-v-2da9989e]::after {
  content: "：";
}
.order-info-container .comment-card .comment-meta .meta-item .meta-value[data-v-2da9989e] {
  color: #606266;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.order-info-container .remark-item[data-v-2da9989e] {
  margin-bottom: 16px;
}
.order-info-container .remark-item .order-tags[data-v-2da9989e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  margin-bottom: 12px;
}
.order-info-container .remark-item .order-tags .order-tag[data-v-2da9989e] {
  cursor: pointer;
}
.order-info-container .remark-item .order-tags .add-tag-btn[data-v-2da9989e] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  height: 24px;
  padding: 0 8px;
  font-size: 12px;
  color: #3e64ff;
  border: 1px dashed #3e64ff;
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.order-info-container .remark-item .order-tags .add-tag-btn[data-v-2da9989e]:active {
  background: rgba(62, 100, 255, 0.08);
}
.order-info-container .remark-item .order-fields[data-v-2da9989e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.order-info-container .remark-item .order-fields .field-cell[data-v-2da9989e] {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 8px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.order-info-container .remark-item .order-fields .field-cell .field-label[data-v-2da9989e] {
  font-size: 11px;
  color: #909399;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
}
.order-info-container .remark-item .order-fields .field-cell .field-label i[data-v-2da9989e] {
  font-size: 11px;
}
.order-info-container .remark-item .order-fields .field-cell .field-label i.fi-blue[data-v-2da9989e] {
  color: #3e64ff;
}
.order-info-container .remark-item .order-fields .field-cell .field-label i.fi-orange[data-v-2da9989e] {
  color: #e6a23c;
}
.order-info-container .remark-item .order-fields .field-cell .field-label i.fi-green[data-v-2da9989e] {
  color: #67c23a;
}
.order-info-container .remark-item .order-fields .field-cell .field-label i.fi-purple[data-v-2da9989e] {
  color: #909399;
}
.order-info-container .remark-item .order-fields .field-cell .field-label i.fi-teal[data-v-2da9989e] {
  color: #20c997;
}
.order-info-container .remark-item .order-fields .field-cell .field-label i.fi-yellow[data-v-2da9989e] {
  color: #faad14;
}
.order-info-container .remark-item .order-fields .field-cell .field-label i.fi-red[data-v-2da9989e] {
  color: #f56c6c;
}
.order-info-container .remark-item .order-fields .field-cell .field-label i.fi-cyan[data-v-2da9989e] {
  color: #13c2c2;
}
.order-info-container .remark-item .order-fields .field-cell .field-value[data-v-2da9989e] {
  font-size: 13px;
  color: #303133;
  font-weight: 500;
  word-break: break-all;
  line-height: 1.4;
}
.order-info-container .remark-item .order-fields .field-cell .field-value .link-text[data-v-2da9989e] {
  color: #3e64ff;
  cursor: pointer;
}
.order-info-container .related-order-list[data-v-2da9989e] {
  max-height: 240px;
  overflow-y: auto;
}
.order-info-container .related-order-list .related-order-item[data-v-2da9989e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 0;
  font-size: 13px;
  border-bottom: 1px solid #f0f2f5;
}
.order-info-container .related-order-list .related-order-item[data-v-2da9989e]:last-child {
  border-bottom: none;
}
.order-info-container .related-order-list .related-order-item .related-order-date[data-v-2da9989e] {
  font-size: 12px;
  color: #909399;
  margin-left: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.order-info-container .empty-placeholder[data-v-2da9989e] {
  padding: 40px 0;
  text-align: center;
  color: #909399;
}
.order-info-container .empty-placeholder .empty-icon-box[data-v-2da9989e] {
  font-size: 40px;
  margin-bottom: 10px;
  color: #e0e3e9;
}
.order-info-container .empty-placeholder p[data-v-2da9989e] {
  font-size: 13px;
  margin: 0;
}
.initiate-form-container[data-v-5d02ab80] {
  min-height: 100%;
  background: #fff;
}
.initiate-form-container[data-v-5d02ab80]  .associated-form > div > .el-form {
  background: #fff;
  padding: 14px 16px 10px;
}
.initiate-form-container[data-v-5d02ab80]  .associated-form > div > .el-form .el-form-item {
  width: 100% !important;
  margin-bottom: 4px;
}
.initiate-form-container[data-v-5d02ab80]  .associated-form > div > .el-form .el-form-item__label {
  display: none;
}
.initiate-form-container[data-v-5d02ab80]  .associated-form > div > .el-form .el-form-item__content {
  margin-left: 0 !important;
}
.initiate-form-container[data-v-5d02ab80]  .associated-form > div > .el-form .el-form-item__content .el-select {
  width: 100%;
}
.initiate-form-container[data-v-5d02ab80]  .el-divider--horizontal {
  margin: 0;
  border-color: #f0f2f5;
}
.initiate-form-container[data-v-5d02ab80]  .comment-form-main > div:first-child {
  margin: 0;
  padding: 10px 16px;
  background: #f0f7ff;
  border-left: 3px solid #409eff;
}
.initiate-form-container[data-v-5d02ab80]  .comment-form-main > div:first-child h3 {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  color: #606266;
  line-height: 1.5;
  text-align: left;
}
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .el-divider--horizontal {
  margin: 12px 0;
  border-color: #f0f2f5;
}
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .el-divider--horizontal .el-divider__text {
  background: #fff;
  padding: 0 8px;
}
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .el-divider--horizontal .el-divider__text h4 {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: #303133;
}
.initiate-form-container[data-v-5d02ab80]  .comment-form-main > .el-form > h4 {
  margin: 0;
  padding: 12px 16px 4px;
  font-size: 13px;
  font-weight: 600;
  color: #303133;
}
.initiate-form-container[data-v-5d02ab80]  .return-form-main,
.initiate-form-container[data-v-5d02ab80]  .comment-form-main,
.initiate-form-container[data-v-5d02ab80]  .feedbak-form-main {
  background: #fff;
  padding: 0 0 82px;
}
.initiate-form-container[data-v-5d02ab80]  .return-form-main .process-form,
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .process-form,
.initiate-form-container[data-v-5d02ab80]  .feedbak-form-main .process-form {
  width: 100%;
}
.initiate-form-container[data-v-5d02ab80]  .return-form-main .el-form-item,
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .el-form-item,
.initiate-form-container[data-v-5d02ab80]  .feedbak-form-main .el-form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 0;
  padding: 13px 16px;
  border-bottom: 1px solid #f0f2f5 !important;
}
.initiate-form-container[data-v-5d02ab80]  .return-form-main .el-form-item .el-form-item__label,
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .el-form-item .el-form-item__label,
.initiate-form-container[data-v-5d02ab80]  .feedbak-form-main .el-form-item .el-form-item__label {
  float: none;
  width: auto !important;
  text-align: left;
  line-height: 1.4;
  padding: 0 0 6px;
  font-size: 13px;
  color: #888;
}
.initiate-form-container[data-v-5d02ab80]  .return-form-main .el-form-item .el-form-item__label::before,
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .el-form-item .el-form-item__label::before,
.initiate-form-container[data-v-5d02ab80]  .feedbak-form-main .el-form-item .el-form-item__label::before {
  margin-right: 2px;
}
.initiate-form-container[data-v-5d02ab80]  .return-form-main .el-form-item .el-form-item__content,
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .el-form-item .el-form-item__content,
.initiate-form-container[data-v-5d02ab80]  .feedbak-form-main .el-form-item .el-form-item__content {
  margin-left: 0 !important;
  line-height: 1;
}
.initiate-form-container[data-v-5d02ab80]  .return-form-main .el-form-item .el-form-item__error,
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .el-form-item .el-form-item__error,
.initiate-form-container[data-v-5d02ab80]  .feedbak-form-main .el-form-item .el-form-item__error {
  position: static;
  padding-top: 4px;
  font-size: 12px;
}
.initiate-form-container[data-v-5d02ab80]  .return-form-main .el-input__inner,
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .el-input__inner,
.initiate-form-container[data-v-5d02ab80]  .feedbak-form-main .el-input__inner {
  height: 42px;
  line-height: 42px;
  border-radius: 8px;
  border: 1px solid #e4e7ed;
  background: #fafafa;
  font-size: 14px;
  color: #333;
  -webkit-transition: border-color 0.2s, background 0.2s;
  transition: border-color 0.2s, background 0.2s;
}
.initiate-form-container[data-v-5d02ab80]  .return-form-main .el-input__inner:focus,
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .el-input__inner:focus,
.initiate-form-container[data-v-5d02ab80]  .feedbak-form-main .el-input__inner:focus {
  border-color: #409eff;
  background: #fff;
}
.initiate-form-container[data-v-5d02ab80]  .return-form-main .el-input__inner::-webkit-input-placeholder,
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .el-input__inner::-webkit-input-placeholder,
.initiate-form-container[data-v-5d02ab80]  .feedbak-form-main .el-input__inner::-webkit-input-placeholder {
  color: #c0c4cc;
  font-size: 13px;
}
.initiate-form-container[data-v-5d02ab80]  .return-form-main .el-input__inner::-moz-placeholder,
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .el-input__inner::-moz-placeholder,
.initiate-form-container[data-v-5d02ab80]  .feedbak-form-main .el-input__inner::-moz-placeholder {
  color: #c0c4cc;
  font-size: 13px;
}
.initiate-form-container[data-v-5d02ab80]  .return-form-main .el-input__inner::-ms-input-placeholder,
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .el-input__inner::-ms-input-placeholder,
.initiate-form-container[data-v-5d02ab80]  .feedbak-form-main .el-input__inner::-ms-input-placeholder {
  color: #c0c4cc;
  font-size: 13px;
}
.initiate-form-container[data-v-5d02ab80]  .return-form-main .el-input__inner::placeholder,
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .el-input__inner::placeholder,
.initiate-form-container[data-v-5d02ab80]  .feedbak-form-main .el-input__inner::placeholder {
  color: #c0c4cc;
  font-size: 13px;
}
.initiate-form-container[data-v-5d02ab80]  .return-form-main .el-input__suffix,
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .el-input__suffix,
.initiate-form-container[data-v-5d02ab80]  .feedbak-form-main .el-input__suffix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.initiate-form-container[data-v-5d02ab80]  .return-form-main .el-textarea__inner,
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .el-textarea__inner,
.initiate-form-container[data-v-5d02ab80]  .feedbak-form-main .el-textarea__inner {
  border-radius: 8px;
  border: 1px solid #e4e7ed;
  background: #fafafa;
  font-size: 14px;
  color: #333;
  padding: 10px 12px;
  min-height: 80px !important;
}
.initiate-form-container[data-v-5d02ab80]  .return-form-main .el-textarea__inner:focus,
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .el-textarea__inner:focus,
.initiate-form-container[data-v-5d02ab80]  .feedbak-form-main .el-textarea__inner:focus {
  border-color: #409eff;
  background: #fff;
}
.initiate-form-container[data-v-5d02ab80]  .return-form-main .el-select,
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .el-select,
.initiate-form-container[data-v-5d02ab80]  .feedbak-form-main .el-select {
  width: 100%;
}
.initiate-form-container[data-v-5d02ab80]  .return-form-main .el-select .el-input__inner,
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .el-select .el-input__inner,
.initiate-form-container[data-v-5d02ab80]  .feedbak-form-main .el-select .el-input__inner {
  padding-right: 30px;
}
.initiate-form-container[data-v-5d02ab80]  .return-form-main .el-input-number,
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .el-input-number,
.initiate-form-container[data-v-5d02ab80]  .feedbak-form-main .el-input-number {
  width: 100%;
}
.initiate-form-container[data-v-5d02ab80]  .return-form-main .el-input-number .el-input__inner,
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .el-input-number .el-input__inner,
.initiate-form-container[data-v-5d02ab80]  .feedbak-form-main .el-input-number .el-input__inner {
  text-align: left;
}
.initiate-form-container[data-v-5d02ab80]  .return-form-main .el-date-editor.el-input,
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .el-date-editor.el-input,
.initiate-form-container[data-v-5d02ab80]  .feedbak-form-main .el-date-editor.el-input {
  width: 100%;
}
.initiate-form-container[data-v-5d02ab80]  .return-form-main .associate-btn,
.initiate-form-container[data-v-5d02ab80]  .return-form-main .el-button--text,
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .associate-btn,
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .el-button--text,
.initiate-form-container[data-v-5d02ab80]  .feedbak-form-main .associate-btn,
.initiate-form-container[data-v-5d02ab80]  .feedbak-form-main .el-button--text {
  font-size: 14px;
  padding: 8px 0;
}
.initiate-form-container[data-v-5d02ab80]  .return-form-main .form-confirm-btn,
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .form-confirm-btn,
.initiate-form-container[data-v-5d02ab80]  .feedbak-form-main .form-confirm-btn {
  margin-left: 0 !important;
  margin-top: 20px;
  text-align: center;
}
.initiate-form-container[data-v-5d02ab80]  .return-form-main .form-confirm-btn .middle-btn-normal,
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .form-confirm-btn .middle-btn-normal,
.initiate-form-container[data-v-5d02ab80]  .feedbak-form-main .form-confirm-btn .middle-btn-normal {
  border-radius: 23px;
  color: #fff;
}
.initiate-form-container[data-v-5d02ab80]  .return-form-main .form-confirm-btn .middle-btn-normal:not(.el-button--primary),
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .form-confirm-btn .middle-btn-normal:not(.el-button--primary),
.initiate-form-container[data-v-5d02ab80]  .feedbak-form-main .form-confirm-btn .middle-btn-normal:not(.el-button--primary) {
  background: #f5f7fa;
  border-color: #dcdfe6;
  color: #606266;
}
.initiate-form-container[data-v-5d02ab80]  .return-form-main .form-confirm-btn .middle-btn-normal:not(.el-button--primary):active,
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .form-confirm-btn .middle-btn-normal:not(.el-button--primary):active,
.initiate-form-container[data-v-5d02ab80]  .feedbak-form-main .form-confirm-btn .middle-btn-normal:not(.el-button--primary):active {
  background: #e8eaed;
}
.initiate-form-container[data-v-5d02ab80]  .return-form-main .form-confirm-btn .middle-btn-normal.el-button--primary:active,
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .form-confirm-btn .middle-btn-normal.el-button--primary:active,
.initiate-form-container[data-v-5d02ab80]  .feedbak-form-main .form-confirm-btn .middle-btn-normal.el-button--primary:active {
  opacity: 0.85;
}
.initiate-form-container[data-v-5d02ab80]  .return-form-main .el-form-item:last-child,
.initiate-form-container[data-v-5d02ab80]  .feedbak-form-main .el-form-item:last-child,
.initiate-form-container[data-v-5d02ab80]  .comment-form-main .el-form-item:last-child {
  border-bottom: none;
}
@media (max-width: 768px) {
.el-date-picker.has-sidebar .el-picker-panel__sidebar {
    width: 80px !important;
}
.el-date-picker.has-sidebar .el-picker-panel__body {
    width: 72%;
    margin-left: 80px !important;
}
}
.associated-form-container[data-v-45554e1f] {
  min-height: 100%;
  background: #fff;
}
.associated-form-container[data-v-45554e1f]  .associated-form > div > .el-form {
  background: #fff;
  padding: 14px 16px 10px;
}
.associated-form-container[data-v-45554e1f]  .associated-form > div > .el-form .el-form-item {
  width: 100% !important;
  margin-bottom: 4px;
}
.associated-form-container[data-v-45554e1f]  .associated-form > div > .el-form .el-form-item__label {
  display: none;
}
.associated-form-container[data-v-45554e1f]  .associated-form > div > .el-form .el-form-item__content {
  margin-left: 0 !important;
}
.associated-form-container[data-v-45554e1f]  .associated-form > div > .el-form .el-form-item__content .el-select {
  width: 100%;
}
.associated-form-container[data-v-45554e1f]  .el-divider--horizontal {
  margin: 0;
  border-color: #f0f2f5;
}
.associated-form-container[data-v-45554e1f]  .comment-form-main > div:first-child {
  margin: 0;
  padding: 10px 16px;
  background: #f0f7ff;
  border-left: 3px solid #409eff;
}
.associated-form-container[data-v-45554e1f]  .comment-form-main > div:first-child h3 {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  color: #606266;
  line-height: 1.5;
  text-align: left;
}
.associated-form-container[data-v-45554e1f]  .comment-form-main .el-divider--horizontal {
  margin: 12px 0;
  border-color: #f0f2f5;
}
.associated-form-container[data-v-45554e1f]  .comment-form-main .el-divider--horizontal .el-divider__text {
  background: #fff;
  padding: 0 8px;
}
.associated-form-container[data-v-45554e1f]  .comment-form-main .el-divider--horizontal .el-divider__text h4 {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: #303133;
}
.associated-form-container[data-v-45554e1f]  .comment-form-main > .el-form > h4 {
  margin: 0;
  padding: 12px 16px 4px;
  font-size: 13px;
  font-weight: 600;
  color: #303133;
}
.associated-form-container[data-v-45554e1f]  .return-form-main,
.associated-form-container[data-v-45554e1f]  .comment-form-main,
.associated-form-container[data-v-45554e1f]  .feedbak-form-main {
  background: #fff;
  padding: 0 0 82px;
}
.associated-form-container[data-v-45554e1f]  .return-form-main .process-form,
.associated-form-container[data-v-45554e1f]  .comment-form-main .process-form,
.associated-form-container[data-v-45554e1f]  .feedbak-form-main .process-form {
  width: 100%;
}
.associated-form-container[data-v-45554e1f]  .return-form-main .el-form-item,
.associated-form-container[data-v-45554e1f]  .comment-form-main .el-form-item,
.associated-form-container[data-v-45554e1f]  .feedbak-form-main .el-form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 0;
  padding: 13px 16px;
  border-bottom: 1px solid #f0f2f5 !important;
}
.associated-form-container[data-v-45554e1f]  .return-form-main .el-form-item .el-form-item__label,
.associated-form-container[data-v-45554e1f]  .comment-form-main .el-form-item .el-form-item__label,
.associated-form-container[data-v-45554e1f]  .feedbak-form-main .el-form-item .el-form-item__label {
  float: none;
  width: auto !important;
  text-align: left;
  line-height: 1.4;
  padding: 0 0 6px;
  font-size: 13px;
  color: #888;
}
.associated-form-container[data-v-45554e1f]  .return-form-main .el-form-item .el-form-item__label::before,
.associated-form-container[data-v-45554e1f]  .comment-form-main .el-form-item .el-form-item__label::before,
.associated-form-container[data-v-45554e1f]  .feedbak-form-main .el-form-item .el-form-item__label::before {
  margin-right: 2px;
}
.associated-form-container[data-v-45554e1f]  .return-form-main .el-form-item .el-form-item__content,
.associated-form-container[data-v-45554e1f]  .comment-form-main .el-form-item .el-form-item__content,
.associated-form-container[data-v-45554e1f]  .feedbak-form-main .el-form-item .el-form-item__content {
  margin-left: 0 !important;
  line-height: 1;
}
.associated-form-container[data-v-45554e1f]  .return-form-main .el-form-item .el-form-item__error,
.associated-form-container[data-v-45554e1f]  .comment-form-main .el-form-item .el-form-item__error,
.associated-form-container[data-v-45554e1f]  .feedbak-form-main .el-form-item .el-form-item__error {
  position: static;
  padding-top: 4px;
  font-size: 12px;
}
.associated-form-container[data-v-45554e1f]  .return-form-main .el-input__inner,
.associated-form-container[data-v-45554e1f]  .comment-form-main .el-input__inner,
.associated-form-container[data-v-45554e1f]  .feedbak-form-main .el-input__inner {
  height: 42px;
  line-height: 42px;
  border-radius: 8px;
  border: 1px solid #e4e7ed;
  background: #fafafa;
  font-size: 14px;
  color: #333;
  -webkit-transition: border-color 0.2s, background 0.2s;
  transition: border-color 0.2s, background 0.2s;
}
.associated-form-container[data-v-45554e1f]  .return-form-main .el-input__inner:focus,
.associated-form-container[data-v-45554e1f]  .comment-form-main .el-input__inner:focus,
.associated-form-container[data-v-45554e1f]  .feedbak-form-main .el-input__inner:focus {
  border-color: #409eff;
  background: #fff;
}
.associated-form-container[data-v-45554e1f]  .return-form-main .el-input__inner::-webkit-input-placeholder,
.associated-form-container[data-v-45554e1f]  .comment-form-main .el-input__inner::-webkit-input-placeholder,
.associated-form-container[data-v-45554e1f]  .feedbak-form-main .el-input__inner::-webkit-input-placeholder {
  color: #c0c4cc;
  font-size: 13px;
}
.associated-form-container[data-v-45554e1f]  .return-form-main .el-input__inner::-moz-placeholder,
.associated-form-container[data-v-45554e1f]  .comment-form-main .el-input__inner::-moz-placeholder,
.associated-form-container[data-v-45554e1f]  .feedbak-form-main .el-input__inner::-moz-placeholder {
  color: #c0c4cc;
  font-size: 13px;
}
.associated-form-container[data-v-45554e1f]  .return-form-main .el-input__inner::-ms-input-placeholder,
.associated-form-container[data-v-45554e1f]  .comment-form-main .el-input__inner::-ms-input-placeholder,
.associated-form-container[data-v-45554e1f]  .feedbak-form-main .el-input__inner::-ms-input-placeholder {
  color: #c0c4cc;
  font-size: 13px;
}
.associated-form-container[data-v-45554e1f]  .return-form-main .el-input__inner::placeholder,
.associated-form-container[data-v-45554e1f]  .comment-form-main .el-input__inner::placeholder,
.associated-form-container[data-v-45554e1f]  .feedbak-form-main .el-input__inner::placeholder {
  color: #c0c4cc;
  font-size: 13px;
}
.associated-form-container[data-v-45554e1f]  .return-form-main .el-input__suffix,
.associated-form-container[data-v-45554e1f]  .comment-form-main .el-input__suffix,
.associated-form-container[data-v-45554e1f]  .feedbak-form-main .el-input__suffix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.associated-form-container[data-v-45554e1f]  .return-form-main .el-textarea__inner,
.associated-form-container[data-v-45554e1f]  .comment-form-main .el-textarea__inner,
.associated-form-container[data-v-45554e1f]  .feedbak-form-main .el-textarea__inner {
  border-radius: 8px;
  border: 1px solid #e4e7ed;
  background: #fafafa;
  font-size: 14px;
  color: #333;
  padding: 10px 12px;
  min-height: 80px !important;
}
.associated-form-container[data-v-45554e1f]  .return-form-main .el-textarea__inner:focus,
.associated-form-container[data-v-45554e1f]  .comment-form-main .el-textarea__inner:focus,
.associated-form-container[data-v-45554e1f]  .feedbak-form-main .el-textarea__inner:focus {
  border-color: #409eff;
  background: #fff;
}
.associated-form-container[data-v-45554e1f]  .return-form-main .el-select,
.associated-form-container[data-v-45554e1f]  .comment-form-main .el-select,
.associated-form-container[data-v-45554e1f]  .feedbak-form-main .el-select {
  width: 100%;
}
.associated-form-container[data-v-45554e1f]  .return-form-main .el-select .el-input__inner,
.associated-form-container[data-v-45554e1f]  .comment-form-main .el-select .el-input__inner,
.associated-form-container[data-v-45554e1f]  .feedbak-form-main .el-select .el-input__inner {
  padding-right: 30px;
}
.associated-form-container[data-v-45554e1f]  .return-form-main .el-input-number,
.associated-form-container[data-v-45554e1f]  .comment-form-main .el-input-number,
.associated-form-container[data-v-45554e1f]  .feedbak-form-main .el-input-number {
  width: 100%;
}
.associated-form-container[data-v-45554e1f]  .return-form-main .el-input-number .el-input__inner,
.associated-form-container[data-v-45554e1f]  .comment-form-main .el-input-number .el-input__inner,
.associated-form-container[data-v-45554e1f]  .feedbak-form-main .el-input-number .el-input__inner {
  text-align: left;
}
.associated-form-container[data-v-45554e1f]  .return-form-main .el-date-editor.el-input,
.associated-form-container[data-v-45554e1f]  .comment-form-main .el-date-editor.el-input,
.associated-form-container[data-v-45554e1f]  .feedbak-form-main .el-date-editor.el-input {
  width: 100%;
}
.associated-form-container[data-v-45554e1f]  .return-form-main .associate-btn,
.associated-form-container[data-v-45554e1f]  .return-form-main .el-button--text,
.associated-form-container[data-v-45554e1f]  .comment-form-main .associate-btn,
.associated-form-container[data-v-45554e1f]  .comment-form-main .el-button--text,
.associated-form-container[data-v-45554e1f]  .feedbak-form-main .associate-btn,
.associated-form-container[data-v-45554e1f]  .feedbak-form-main .el-button--text {
  font-size: 14px;
  padding: 8px 0;
}
.associated-form-container[data-v-45554e1f]  .return-form-main .form-confirm-btn,
.associated-form-container[data-v-45554e1f]  .comment-form-main .form-confirm-btn,
.associated-form-container[data-v-45554e1f]  .feedbak-form-main .form-confirm-btn {
  margin-left: 0 !important;
  margin-top: 20px;
  text-align: center;
}
.associated-form-container[data-v-45554e1f]  .return-form-main .form-confirm-btn .middle-btn-normal,
.associated-form-container[data-v-45554e1f]  .comment-form-main .form-confirm-btn .middle-btn-normal,
.associated-form-container[data-v-45554e1f]  .feedbak-form-main .form-confirm-btn .middle-btn-normal {
  border-radius: 23px;
  color: #fff;
}
.associated-form-container[data-v-45554e1f]  .return-form-main .form-confirm-btn .middle-btn-normal:not(.el-button--primary),
.associated-form-container[data-v-45554e1f]  .comment-form-main .form-confirm-btn .middle-btn-normal:not(.el-button--primary),
.associated-form-container[data-v-45554e1f]  .feedbak-form-main .form-confirm-btn .middle-btn-normal:not(.el-button--primary) {
  background: #f5f7fa;
  border-color: #dcdfe6;
  color: #606266;
}
.associated-form-container[data-v-45554e1f]  .return-form-main .form-confirm-btn .middle-btn-normal:not(.el-button--primary):active,
.associated-form-container[data-v-45554e1f]  .comment-form-main .form-confirm-btn .middle-btn-normal:not(.el-button--primary):active,
.associated-form-container[data-v-45554e1f]  .feedbak-form-main .form-confirm-btn .middle-btn-normal:not(.el-button--primary):active {
  background: #e8eaed;
}
.associated-form-container[data-v-45554e1f]  .return-form-main .form-confirm-btn .middle-btn-normal.el-button--primary:active,
.associated-form-container[data-v-45554e1f]  .comment-form-main .form-confirm-btn .middle-btn-normal.el-button--primary:active,
.associated-form-container[data-v-45554e1f]  .feedbak-form-main .form-confirm-btn .middle-btn-normal.el-button--primary:active {
  opacity: 0.85;
}
.associated-form-container[data-v-45554e1f]  .return-form-main .el-form-item:last-child,
.associated-form-container[data-v-45554e1f]  .feedbak-form-main .el-form-item:last-child,
.associated-form-container[data-v-45554e1f]  .comment-form-main .el-form-item:last-child {
  border-bottom: none;
}
.associated-form-container[data-v-45554e1f]  .mobile-pagination {
  padding-bottom: 16px;
}
@media (max-width: 768px) {
.el-date-picker.has-sidebar .el-picker-panel__sidebar {
    width: 80px !important;
}
.el-date-picker.has-sidebar .el-picker-panel__body {
    width: 72%;
    margin-left: 80px !important;
}
}
@charset "UTF-8";
.associated-tasks[data-v-6d367cfd] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  /* 卡片基础样式 */
  /* 详情行样式 */
  /* 底部悬浮按钮 */
}
.associated-tasks__tabs[data-v-6d367cfd] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #fff;
  position: relative;
  z-index: 10;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.associated-tasks__tabs[data-v-6d367cfd]  .el-tabs__header {
  margin: 0;
  padding: 0 12px;
}
.associated-tasks__tabs[data-v-6d367cfd]  .el-tabs__content {
  display: none;
  /* 仅用作头部切换，隐藏多余内容区域 */
}
.associated-tasks__tabs[data-v-6d367cfd]  .el-tabs__nav-wrap::after {
  display: none;
}
.associated-tasks__tabs[data-v-6d367cfd]  .el-tabs__item {
  font-size: 15px;
  height: 48px;
  line-height: 48px;
  padding: 0 20px;
}
.associated-tasks__tabs[data-v-6d367cfd]  .el-tabs__item.is-active {
  color: #409eff;
  font-weight: 600;
}
.associated-tasks__tabs[data-v-6d367cfd]  .el-tabs__active-bar {
  background-color: #409eff;
  height: 3px;
  border-radius: 3px;
}
.associated-tasks__list[data-v-6d367cfd] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  position: relative;
}
.associated-tasks__list[data-v-6d367cfd]  .el-checkbox-group {
  padding: 12px;
}
.associated-tasks__list[data-v-6d367cfd]  .el-empty {
  padding-top: 60px;
}
.associated-tasks .task-card[data-v-6d367cfd] {
  border-radius: 12px;
  margin-bottom: 12px;
  padding: 16px;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.associated-tasks .task-card[data-v-6d367cfd]:last-child {
  margin-bottom: 0;
}
.associated-tasks .task-card__header[data-v-6d367cfd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f0f2f5;
}
.associated-tasks .task-card__title[data-v-6d367cfd] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.associated-tasks .task-card__title[data-v-6d367cfd]  .el-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 0;
}
.associated-tasks .task-card__title[data-v-6d367cfd]  .el-checkbox__label {
  font-size: 15px;
  color: #303133;
  font-weight: 600;
  padding-left: 8px;
}
.associated-tasks .task-card__status[data-v-6d367cfd] {
  margin-left: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
  padding: 0 10px;
}
.associated-tasks .task-card__content[data-v-6d367cfd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.associated-tasks .info-row[data-v-6d367cfd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 13px;
  line-height: 1.5;
}
.associated-tasks .info-row .info-label[data-v-6d367cfd] {
  color: #909399;
  width: 68px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.associated-tasks .info-row .info-value[data-v-6d367cfd] {
  color: #606266;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  word-break: break-all;
}
.associated-tasks .info-row .time-text[data-v-6d367cfd] {
  color: #909399;
}
.associated-tasks .info-row .tag-text[data-v-6d367cfd] {
  color: #606266;
}
.associated-tasks__footer[data-v-6d367cfd] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 12px 16px;
  background-color: #fff;
  -webkit-box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.associated-tasks__footer .merge-btn[data-v-6d367cfd] {
  width: 100%;
  height: 44px;
  border-radius: 22px;
  font-size: 16px;
  font-weight: 500;
}
.merge-dialog .el-dialog__body[data-v-6d367cfd] {
  padding: 16px;
}
.merge-dialog__header[data-v-6d367cfd] {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
}
.merge-dialog__header .header-item[data-v-6d367cfd] {
  font-size: 13px;
  line-height: 1.5;
}
.merge-dialog__header .header-item.full-width[data-v-6d367cfd] {
  width: 100%;
  border-top: 1px dashed #ebeef5;
  padding-top: 10px;
}
.merge-dialog__header .header-item .label[data-v-6d367cfd] {
  color: #909399;
}
.merge-dialog__header .header-item .value[data-v-6d367cfd] {
  color: #303133;
  word-break: break-all;
}
.merge-dialog__title[data-v-6d367cfd] {
  font-size: 15px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 12px;
}
.merge-dialog__list[data-v-6d367cfd] {
  max-height: 240px;
  overflow-y: auto;
  margin-bottom: 12px;
}
.merge-dialog__list .target-task-card[data-v-6d367cfd] {
  border: 1px solid #ebeef5;
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 6px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: #fff;
}
.merge-dialog__list .target-task-card[data-v-6d367cfd]:last-child {
  margin-bottom: 0;
}
.merge-dialog__list .target-task-card.is-active[data-v-6d367cfd] {
  border-color: #409eff;
  background-color: #f0f7ff;
}
.merge-dialog__list .target-task-card__radio[data-v-6d367cfd] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.merge-dialog__list .target-task-card__radio[data-v-6d367cfd]  .el-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  white-space: normal;
  width: 100%;
  margin-right: 0;
}
.merge-dialog__list .target-task-card__radio[data-v-6d367cfd]  .el-radio .el-radio__input {
  margin-top: 2px;
}
.merge-dialog__list .target-task-card__radio[data-v-6d367cfd]  .el-radio .el-radio__label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
  padding-left: 8px;
}
.merge-dialog__list .target-task-card__info[data-v-6d367cfd] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0px;
  /* 详情行之间的间距 */
}
.merge-dialog__list .target-task-card__info .info-row[data-v-6d367cfd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 14px;
  line-height: 1.5;
}
.merge-dialog__list .target-task-card__info .info-row .label[data-v-6d367cfd] {
  color: #909399;
  width: 90px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.merge-dialog__list .target-task-card__info .info-row .value[data-v-6d367cfd] {
  color: #606266;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.merge-dialog__list .target-task-card__info .info-row .value.font-bold[data-v-6d367cfd] {
  font-weight: 600;
  color: #303133;
}
.merge-dialog__list .target-task-card__info .info-row .value.time-text[data-v-6d367cfd] {
  font-size: 12px;
}
.merge-dialog__form .el-form-item__label[data-v-6d367cfd] {
  font-weight: 500;
  color: #606266;
}
.product-group-wrap[data-v-5e56a767] {
  margin-top: 16px;
}
.product-group-collapse[data-v-5e56a767] {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  -webkit-box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
          box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
  background: #fff;
}
.product-group-collapse .skip-combination[data-v-5e56a767] {
  position: absolute;
  top: 9px;
  right: 44px;
  height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  border-color: #dbe7ff;
  background: #f5f9ff;
  color: #4f8df7;
  font-size: 12px;
}
.product-group-collapse[data-v-5e56a767]  .el-collapse-item__header {
  min-height: 56px;
  padding: 0 14px;
  background: #fff;
  font-size: 15px;
  font-weight: 600;
  color: #1f2937;
  border-bottom: 1px solid #eef2f7;
}
.product-group-collapse[data-v-5e56a767]  .el-collapse-item__wrap {
  border-bottom: 1px solid #f4f6fa;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8fbff), to(#fdfefe));
  background: linear-gradient(180deg, #f8fbff 0%, #fdfefe 100%);
}
.product-group-collapse[data-v-5e56a767]  .el-collapse-item__content {
  padding: 12px;
}
.group-filter-form[data-v-5e56a767] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 0;
  margin: 0 0 10px;
  padding: 8px;
  border-radius: 14px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fbfcff));
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
  border: 1px solid #edf2f7;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}
.group-filter-form[data-v-5e56a767]  .el-form-item {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  margin: 0 0 6px !important;
  margin-right: 0 !important;
}
.group-filter-form[data-v-5e56a767]  .el-form-item:last-of-type {
  margin-bottom: 0 !important;
}
.group-filter-form[data-v-5e56a767]  .el-form-item__content {
  width: 100% !important;
}
.group-filter-form[data-v-5e56a767]  .el-input,
.group-filter-form[data-v-5e56a767]  .el-select {
  width: 100%;
}
.group-filter-form[data-v-5e56a767]  .el-input__inner {
  height: 36px;
  line-height: 36px;
  padding: 0 12px;
  border-radius: 9px;
  border: 1px solid #dfe4ee;
  background: #fff;
  color: #303133;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
.group-filter-form[data-v-5e56a767]  .el-input__inner:focus,
.group-filter-form[data-v-5e56a767]  .el-select .el-input.is-focus .el-input__inner,
.group-filter-form[data-v-5e56a767]  .el-select .el-input__inner:focus {
  border-color: #5b7cff;
}
.group-filter-form[data-v-5e56a767]  .el-input__inner::-webkit-input-placeholder {
  color: #b6bfcb;
}
.group-filter-form[data-v-5e56a767]  .el-input__inner::-moz-placeholder {
  color: #b6bfcb;
}
.group-filter-form[data-v-5e56a767]  .el-input__inner::-ms-input-placeholder {
  color: #b6bfcb;
}
.group-filter-form[data-v-5e56a767]  .el-input__inner::placeholder {
  color: #b6bfcb;
}
.group-filter-form[data-v-5e56a767]  .el-input__prefix,
.group-filter-form[data-v-5e56a767]  .el-input__suffix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.group-filter-form[data-v-5e56a767]  .el-select .el-input .el-select__caret {
  color: #b7bfcc;
}
.group-filter-form .search-buttons[data-v-5e56a767] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  gap: 10px;
  width: 100%;
  margin: 8px 0 0;
}
.group-filter-form .search-buttons .search-btn[data-v-5e56a767] {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  width: 100%;
  height: 38px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
  background: linear-gradient(135deg, #4f6cf7 0%, #6aa8ff 100%);
  border: none;
  -webkit-box-shadow: 0 6px 16px rgba(91, 124, 255, 0.28);
          box-shadow: 0 6px 16px rgba(91, 124, 255, 0.28);
}
.group-filter-form .search-buttons .search-btn i[data-v-5e56a767] {
  margin-right: 6px;
}
.group-filter-form .search-buttons .reset-btn[data-v-5e56a767] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  height: 38px;
  border-radius: 10px;
  font-size: 14px;
  color: #606266;
  border-color: #dfe4ee;
  background: #fff;
}
.product-card-list[data-v-5e56a767] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  min-height: 120px;
}
.product-option-card[data-v-5e56a767] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  padding: 14px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #e9edf5;
  -webkit-box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05);
          box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.product-option-card.selected[data-v-5e56a767] {
  border-color: #4f8df7;
  -webkit-box-shadow: 0 8px 18px rgba(79, 141, 247, 0.16);
          box-shadow: 0 8px 18px rgba(79, 141, 247, 0.16);
}
.product-option-card__check[data-v-5e56a767] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18px;
          flex: 0 0 18px;
  padding-top: 4px;
}
.product-option-card__content[data-v-5e56a767] {
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.product-option-card__top[data-v-5e56a767] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}
.product-option-card__title[data-v-5e56a767] {
  min-width: 0;
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  word-break: break-all;
}
.product-option-card__tag[data-v-5e56a767] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 4px 10px;
  border-radius: 999px;
  background: #eef4ff;
  color: #4f8df7;
  font-size: 12px;
  line-height: 1;
}
.product-option-card__images[data-v-5e56a767] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-top: 12px;
}
.product-option-card__image[data-v-5e56a767] {
  width: 88px;
  height: 66px;
  border-radius: 10px;
  background: #f8fafc;
  border: 1px solid #ebeef5;
}
.product-option-card__image[data-v-5e56a767]  .el-image__inner {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 10px;
}
.product-option-card__desc[data-v-5e56a767] {
  margin-top: 12px;
  color: #1f2937;
  line-height: 1.5;
  word-break: break-word;
}
.product-option-card__info[data-v-5e56a767] {
  margin-top: 12px;
  border-top: 1px dashed #e5e7eb;
  padding-top: 8px;
}
.product-option-card__actions[data-v-5e56a767] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
  margin-top: 8px;
}
.info-row[data-v-5e56a767] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  padding: 6px 0;
  line-height: 1.5;
  color: #4b5563;
}
.info-row span[data-v-5e56a767]:first-child {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #909399;
}
.info-row span[data-v-5e56a767]:last-child {
  text-align: right;
  word-break: break-word;
}
.check-radio[data-v-5e56a767],
.check-checkbox[data-v-5e56a767] {
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #d6dbe7;
  background: #fff;
}
.check-radio[data-v-5e56a767] {
  border-radius: 50%;
}
.check-radio.active[data-v-5e56a767] {
  border-color: #4f8df7;
  -webkit-box-shadow: inset 0 0 0 4px #fff;
          box-shadow: inset 0 0 0 4px #fff;
  background: #4f8df7;
}
.check-checkbox[data-v-5e56a767] {
  border-radius: 6px;
}
.check-checkbox.active[data-v-5e56a767] {
  position: relative;
  border-color: #4f8df7;
  background: #4f8df7;
}
.check-checkbox.active[data-v-5e56a767]::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.group-empty-state[data-v-5e56a767] {
  padding: 32px 12px;
  border-radius: 16px;
  background: #fff;
  border: 1px dashed #dbe4f0;
  color: #909399;
  text-align: center;
}
.group-pagination-wrap[data-v-5e56a767] {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.preview-dialog-body[data-v-5e56a767] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  padding-bottom: 0;
}
.preview-section-title[data-v-5e56a767] {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
}
.preview-car-card[data-v-5e56a767],
.preview-product-card[data-v-5e56a767] {
  border-radius: 16px;
  background: #fff;
  border: 1px solid #e9edf5;
  -webkit-box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
          box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
}
.preview-car-card[data-v-5e56a767] {
  padding: 14px;
}
.preview-car-card__images[data-v-5e56a767] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin-top: 12px;
  overflow-x: auto;
}
.preview-car-card__image-item[data-v-5e56a767] {
  min-width: 88px;
}
.preview-car-card__image-label[data-v-5e56a767] {
  margin-bottom: 6px;
  font-size: 12px;
  color: #606266;
  text-align: center;
}
.preview-car-card__image[data-v-5e56a767] {
  width: 88px;
  height: 66px;
  border-radius: 10px;
  border: 1px solid #ebeef5;
  background: #f8fafc;
}
.preview-car-card__info[data-v-5e56a767] {
  margin-top: 12px;
}
.preview-product-list[data-v-5e56a767] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.preview-product-list[data-v-5e56a767]:last-child {
  margin-bottom: 0;
}
.preview-product-card[data-v-5e56a767] {
  padding: 14px;
}
.preview-product-card.selected[data-v-5e56a767] {
  border-color: #4f8df7;
  -webkit-box-shadow: 0 8px 18px rgba(79, 141, 247, 0.16);
          box-shadow: 0 8px 18px rgba(79, 141, 247, 0.16);
}
.preview-product-card__header[data-v-5e56a767] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.preview-product-card__check[data-v-5e56a767] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18px;
          flex: 0 0 18px;
}
.preview-product-card__title-wrap[data-v-5e56a767] {
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}
.preview-product-card__title[data-v-5e56a767] {
  min-width: 0;
  font-size: 15px;
  font-weight: 600;
  color: #1f2937;
  word-break: break-all;
}
.preview-product-card__tag[data-v-5e56a767] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 4px 10px;
  border-radius: 999px;
  background: #eef4ff;
  color: #4f8df7;
  font-size: 12px;
  line-height: 1;
}
.preview-product-card__image-wrap[data-v-5e56a767] {
  margin-top: 12px;
}
.preview-product-card__image[data-v-5e56a767] {
  width: 88px;
  height: 66px;
  border-radius: 10px;
  border: 1px solid #ebeef5;
  background: #f8fafc;
}
.preview-product-card__desc[data-v-5e56a767] {
  margin-top: 12px;
  color: #1f2937;
  line-height: 1.5;
  word-break: break-word;
}
.preview-product-card__info[data-v-5e56a767] {
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px dashed #e5e7eb;
}
.preview-product-card__actions[data-v-5e56a767] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 8px;
}
.preview-product-card__children[data-v-5e56a767] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #eef2f7;
}
.preview-product-child[data-v-5e56a767] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  background: #f8fbff;
}
.preview-product-child__image-wrap[data-v-5e56a767] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 62px;
          flex: 0 0 62px;
}
.preview-product-child__image[data-v-5e56a767] {
  width: 62px;
  height: 46px;
  border-radius: 8px;
  border: 1px solid #ebeef5;
  background: #fff;
}
.preview-product-child__content[data-v-5e56a767] {
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.preview-product-child__title[data-v-5e56a767] {
  font-size: 13px;
  font-weight: 600;
  color: #1f2937;
  word-break: break-all;
}
.preview-product-child__desc[data-v-5e56a767] {
  margin-top: 4px;
  font-size: 12px;
  color: #606266;
  line-height: 1.4;
  word-break: break-word;
}
.preview-product-child__type[data-v-5e56a767] {
  margin-top: 4px;
  font-size: 12px;
  color: #909399;
}
.preview-dialog-footer[data-v-5e56a767] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  width: 100%;
  margin-top: 0;
}
.preview-dialog-footer__btn[data-v-5e56a767] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 40px;
  margin-left: 0 !important;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
}
.preview-dialog-footer__btn--ghost[data-v-5e56a767] {
  color: #606266;
  border-color: #dfe4ee;
  background: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.preview-dialog-footer__btn--primary[data-v-5e56a767] {
  border: none;
  background: linear-gradient(135deg, #4f6cf7 0%, #6aa8ff 100%);
  -webkit-box-shadow: 0 6px 16px rgba(91, 124, 255, 0.28);
          box-shadow: 0 6px 16px rgba(91, 124, 255, 0.28);
}
.mail-dialog-form[data-v-5e56a767]  .el-form-item {
  margin-bottom: 12px;
}
.mail-dialog-form[data-v-5e56a767]  .el-form-item__label {
  padding: 0 0 6px;
  color: #606266;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}
.mail-dialog-form[data-v-5e56a767]  .el-form-item__content {
  line-height: 1.4;
}
.mail-dialog-form[data-v-5e56a767]  .el-input__inner {
  height: 40px;
  line-height: 40px;
  border-radius: 10px;
  border-color: #dfe4ee;
}
.mail-dialog-footer[data-v-5e56a767] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  width: 100%;
}
.mail-dialog-footer__btn[data-v-5e56a767] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 40px;
  margin-left: 0 !important;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
}
.mail-dialog-footer__btn--ghost[data-v-5e56a767] {
  color: #606266;
  border-color: #dfe4ee;
  background: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mail-dialog-footer__btn--primary[data-v-5e56a767] {
  border: none;
  background: linear-gradient(135deg, #4f6cf7 0%, #6aa8ff 100%);
  -webkit-box-shadow: 0 6px 16px rgba(91, 124, 255, 0.28);
          box-shadow: 0 6px 16px rgba(91, 124, 255, 0.28);
}
.product-group-footer[data-v-5e56a767] {
  position: sticky;
  bottom: 8px;
  z-index: 8;
  margin-top: 14px;
  padding-bottom: env(safe-area-inset-bottom);
}
.product-group-footer__btn[data-v-5e56a767] {
  width: 100%;
  height: 44px;
  border-radius: 12px;
  -webkit-box-shadow: 0 8px 20px rgba(64, 158, 255, 0.28);
          box-shadow: 0 8px 20px rgba(64, 158, 255, 0.28);
}
.three-group-sty[data-v-5e56a767] {
  position: relative;
}
.email-table-sty .el-table__expanded-cell[data-v-5e56a767] {
  padding: 0 0 0 50px !important;
}
.email-group-sty[data-v-5e56a767] {
  background-color: #f2f6fc;
}
.product-mail-sty .content-mail-sty[data-v-5e56a767] {
  padding: 12px;
  height: 100% !important;
  border: 1px solid #e5eaf3;
  border-radius: 14px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fbfcff));
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
}
.mail-dialog-section-label[data-v-5e56a767] {
  margin-bottom: 8px;
  color: #303133;
  font-size: 14px;
  font-weight: 600;
}
.mail-editor[data-v-5e56a767] {
  margin-bottom: 12px;
}
.mail-editor[data-v-5e56a767]  .ql-toolbar.ql-snow {
  border-color: #e5eaf3;
}
.mail-editor[data-v-5e56a767]  .ql-container.ql-snow {
  min-height: 260px;
  border-color: #e5eaf3;
}
.mail-product-preview[data-v-5e56a767] {
  margin-top: 12px;
}
.show-arrow .el-table__expand-icon > .el-icon[data-v-5e56a767] {
  display: none !important;
}
@media (max-width: 768px) {
.product-group-summary[data-v-5e56a767] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.product-group-summary__btn[data-v-5e56a767] {
    width: 100%;
}
.product-group-collapse .skip-combination[data-v-5e56a767] {
    position: static;
    margin-left: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 28px;
    padding: 0 12px;
}
.product-group-collapse[data-v-5e56a767]  .el-collapse-item__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    line-height: 1.4;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-right: 32px;
}
.product-group-collapse[data-v-5e56a767]  .el-collapse-item__arrow {
    -ms-flex-item-align: center;
        align-self: center;
    margin-top: 0;
}
.group-filter-form[data-v-5e56a767] {
    padding: 8px;
    border-radius: 12px;
    margin-bottom: 10px;
}
.group-filter-form[data-v-5e56a767]  .el-input__inner {
    height: 36px;
    line-height: 36px;
    border-radius: 9px;
    font-size: 13px;
}
.group-filter-form .search-buttons .search-btn[data-v-5e56a767] {
    height: 38px;
    border-radius: 20px;
}
.group-filter-form .search-buttons .reset-btn[data-v-5e56a767] {
    height: 38px;
    border-radius: 10px;
}
.product-group-preview-dialog[data-v-5e56a767]  .el-dialog,
.product-group-mail-dialog[data-v-5e56a767]  .el-dialog {
    width: calc(100% - 20px) !important;
    margin-top: 4vh !important;
}
.product-group-preview-dialog[data-v-5e56a767]  .el-dialog__body,
.product-group-mail-dialog[data-v-5e56a767]  .el-dialog__body {
    padding: 12px;
    max-height: 72vh;
    overflow: auto;
}
.product-group-preview-dialog[data-v-5e56a767]  .el-dialog__footer,
.product-group-mail-dialog[data-v-5e56a767]  .el-dialog__footer {
    padding: 12px;
}
.product-option-card[data-v-5e56a767] {
    padding: 12px;
    border-radius: 14px;
}
.product-option-card__title[data-v-5e56a767] {
    font-size: 15px;
}
.product-option-card__image[data-v-5e56a767] {
    width: 78px;
    height: 58px;
}
.info-row[data-v-5e56a767] {
    font-size: 13px;
}
.preview-car-card[data-v-5e56a767],
.preview-product-card[data-v-5e56a767] {
    border-radius: 14px;
}
.preview-car-card[data-v-5e56a767],
.preview-product-card[data-v-5e56a767] {
    padding: 12px;
}
.preview-dialog-footer[data-v-5e56a767] {
    gap: 8px;
    margin-top: 0;
}
.preview-dialog-footer__btn[data-v-5e56a767] {
    height: 38px;
    border-radius: 10px;
    font-size: 13px;
}
.mail-dialog-form[data-v-5e56a767]  .el-form-item {
    margin-bottom: 10px;
}
.mail-dialog-form[data-v-5e56a767]  .el-form-item__label {
    float: none;
    display: block;
    width: 100% !important;
    text-align: left;
    padding: 0 0 6px;
}
.mail-dialog-form[data-v-5e56a767]  .el-form-item__content {
    margin-left: 0 !important;
    width: 100%;
}
.mail-dialog-form[data-v-5e56a767]  .el-input__inner {
    height: 38px;
    line-height: 38px;
    border-radius: 10px;
    font-size: 13px;
}
.mail-dialog-form[data-v-5e56a767]  .ql-toolbar.ql-snow {
    border-radius: 10px 10px 0 0;
}
.mail-dialog-form[data-v-5e56a767]  .ql-container.ql-snow {
    min-height: 220px;
    max-height: 320px;
    overflow: auto;
    border-radius: 0 0 10px 10px;
}
.mail-editor[data-v-5e56a767] {
    margin-bottom: 10px;
}
.mail-dialog-footer[data-v-5e56a767] {
    gap: 8px;
}
.mail-dialog-footer__btn[data-v-5e56a767] {
    height: 38px;
    border-radius: 10px;
    font-size: 13px;
}
}
.product-group-preview-dialog .el-dialog {
  width: calc(100% - 20px) !important;
  margin-top: 4vh !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 88vh;
  border-radius: 18px;
  overflow: hidden;
}
.product-group-preview-dialog .el-dialog__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 12px;
  background: #f7f8fa;
}
.product-group-preview-dialog .el-dialog__footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
  background: #fff;
  border-top: 1px solid #eef2f7;
}
.product-group-mail-dialog .el-dialog {
  width: calc(100% - 20px) !important;
  margin-top: 3vh !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 88vh;
  border-radius: 18px;
  overflow: hidden;
}
.product-group-mail-dialog .el-dialog__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 12px;
  background: #f7f8fa;
}
.product-group-mail-dialog .el-dialog__footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
  background: #fff;
  border-top: 1px solid #eef2f7;
}
@charset "UTF-8";
.advanced-search-wrap.mobile-version[data-v-0dee6820] {
  padding: 12px;
  background: #f7f8fb;
  min-height: 100vh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 移动端搜索卡片 */
  /* 车辆卡片 */
  /* 移动端分页 */
  /* 图片预览对话框 */
  /* 图片预览对话框 */
  /* 产品组合组件适配 */
}
.advanced-search-wrap.mobile-version .mobile-search-card[data-v-0dee6820] {
  background: white;
  border-radius: 14px;
  margin-bottom: 6px;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.advanced-search-wrap.mobile-version .mobile-search-card .search-header[data-v-0dee6820] {
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: #fff;
  color: #303133;
  cursor: pointer;
  border-bottom: 1px solid #f0f2f5;
}
.advanced-search-wrap.mobile-version .mobile-search-card .search-header .search-header__left[data-v-0dee6820] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.advanced-search-wrap.mobile-version .mobile-search-card .search-header .search-title-wrap[data-v-0dee6820] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.advanced-search-wrap.mobile-version .mobile-search-card .search-header .search-title-wrap i[data-v-0dee6820] {
  font-size: 16px;
  color: #5b7cff;
}
.advanced-search-wrap.mobile-version .mobile-search-card .search-header .search-header__right[data-v-0dee6820] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding-top: 2px;
}
.advanced-search-wrap.mobile-version .mobile-search-card .search-header .search-title[data-v-0dee6820] {
  font-size: 15px;
  font-weight: 600;
}
.advanced-search-wrap.mobile-version .mobile-search-card .search-header .search-subtitle[data-v-0dee6820] {
  font-size: 11px;
  color: #909399;
  line-height: 1.4;
}
.advanced-search-wrap.mobile-version .mobile-search-card .search-header .filter-badge[data-v-0dee6820] {
  min-width: 62px;
  height: 22px;
  padding: 0 8px;
  border-radius: 12px;
  background: rgba(91, 124, 255, 0.1);
  color: #5b7cff;
  font-size: 11px;
  line-height: 22px;
  text-align: center;
}
.advanced-search-wrap.mobile-version .mobile-search-card .search-header i[data-v-0dee6820] {
  font-size: 16px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  color: #909399;
}
.advanced-search-wrap.mobile-version .mobile-search-card .search-summary[data-v-0dee6820] {
  padding: 8px 12px 2px;
  background: #fff;
}
.advanced-search-wrap.mobile-version .mobile-search-card .search-summary .summary-label[data-v-0dee6820] {
  margin-bottom: 6px;
  color: #909399;
  font-size: 12px;
}
.advanced-search-wrap.mobile-version .mobile-search-card .search-summary .summary-tags[data-v-0dee6820] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.advanced-search-wrap.mobile-version .mobile-search-card .search-summary .summary-tag[data-v-0dee6820] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100%;
  padding: 4px 8px;
  border-radius: 999px;
  background: #f5f7fa;
  color: #606266;
  font-size: 11px;
  line-height: 1.2;
}
.advanced-search-wrap.mobile-version .mobile-search-card .search-content[data-v-0dee6820] {
  padding: 0 12px 12px;
  max-height: 420px;
  overflow-y: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.advanced-search-wrap.mobile-version .mobile-search-card .mobile-search-form[data-v-0dee6820] {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fbfcff));
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
}
.advanced-search-wrap.mobile-version .mobile-search-card .mobile-search-form .form-item-group[data-v-0dee6820] {
  margin: 12px 0;
}
.advanced-search-wrap.mobile-version .mobile-search-card .mobile-search-form .form-item-group .form-label[data-v-0dee6820] {
  font-size: 12px;
  color: #606266;
  margin-bottom: 4px;
  font-weight: 600;
}
.advanced-search-wrap.mobile-version .mobile-search-card .mobile-search-form .form-item-group[data-v-0dee6820]  .el-input,
.advanced-search-wrap.mobile-version .mobile-search-card .mobile-search-form .form-item-group[data-v-0dee6820]  .el-select,
.advanced-search-wrap.mobile-version .mobile-search-card .mobile-search-form .form-item-group[data-v-0dee6820]  .el-cascader {
  width: 100%;
}
.advanced-search-wrap.mobile-version .mobile-search-card .mobile-search-form .form-item-group .mobile-cascader[data-v-0dee6820]  .el-input__inner {
  height: 38px;
  line-height: 38px;
}
.advanced-search-wrap.mobile-version .mobile-search-card .mobile-search-form .form-item-group[data-v-0dee6820]  .el-input__inner {
  height: 38px;
  line-height: 38px;
  border-radius: 10px;
  background: #fff;
  border-color: #dfe4ee;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.advanced-search-wrap.mobile-version .mobile-search-card .mobile-search-form .form-item-group[data-v-0dee6820]  .el-input__inner:focus {
  border-color: #5b7cff;
}
.advanced-search-wrap.mobile-version .mobile-search-card .mobile-search-form .form-item-group[data-v-0dee6820]  .el-input__suffix,
.advanced-search-wrap.mobile-version .mobile-search-card .mobile-search-form .form-item-group[data-v-0dee6820]  .el-select .el-input .el-select__caret {
  color: #b7bfcc;
}
.advanced-search-wrap.mobile-version .mobile-search-card .mobile-search-form .search-buttons[data-v-0dee6820] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin: 16px 0 4px;
}
.advanced-search-wrap.mobile-version .mobile-search-card .mobile-search-form .search-buttons .search-btn[data-v-0dee6820] {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  height: 40px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
  background: linear-gradient(135deg, #4f6cf7 0%, #6aa8ff 100%);
  border: none;
  -webkit-box-shadow: 0 6px 16px rgba(91, 124, 255, 0.28);
          box-shadow: 0 6px 16px rgba(91, 124, 255, 0.28);
}
.advanced-search-wrap.mobile-version .mobile-search-card .mobile-search-form .search-buttons .search-btn i[data-v-0dee6820] {
  margin-right: 6px;
}
.advanced-search-wrap.mobile-version .mobile-search-card .mobile-search-form .search-buttons .reset-btn[data-v-0dee6820] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 40px;
  border-radius: 12px;
  font-size: 14px;
  color: #606266;
  border-color: #dfe4ee;
  background: #fff;
}
.advanced-search-wrap.mobile-version .result-overview[data-v-0dee6820] {
  margin-bottom: 6px;
}
.advanced-search-wrap.mobile-version .stats-card[data-v-0dee6820] {
  background: white;
  border-radius: 14px;
  padding: 12px;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.advanced-search-wrap.mobile-version .stats-card .stat-item[data-v-0dee6820] {
  text-align: center;
}
.advanced-search-wrap.mobile-version .stats-card .stat-item .stat-label[data-v-0dee6820] {
  font-size: 11px;
  color: #909399;
  margin-bottom: 4px;
}
.advanced-search-wrap.mobile-version .stats-card .stat-item .stat-value[data-v-0dee6820] {
  font-size: 18px;
  font-weight: 600;
  color: #5b7cff;
}
.advanced-search-wrap.mobile-version .selected-car-banner[data-v-0dee6820] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background: #fff;
  border-radius: 14px;
  padding: 10px 12px;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.advanced-search-wrap.mobile-version .selected-car-banner .selected-car-banner__icon[data-v-0dee6820] {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(103, 194, 58, 0.12);
  color: #67c23a;
  font-size: 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.advanced-search-wrap.mobile-version .selected-car-banner .selected-car-banner__content[data-v-0dee6820] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.advanced-search-wrap.mobile-version .selected-car-banner .selected-car-banner__title[data-v-0dee6820] {
  font-size: 12px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 4px;
}
.advanced-search-wrap.mobile-version .selected-car-banner .selected-car-banner__text[data-v-0dee6820] {
  color: #606266;
  font-size: 11px;
  word-break: break-all;
}
.advanced-search-wrap.mobile-version .mobile-list-container .empty-state[data-v-0dee6820] {
  background: white;
  border-radius: 12px;
  padding: 28px 16px;
  text-align: center;
  margin-bottom: 8px;
}
.advanced-search-wrap.mobile-version .mobile-list-container .empty-state .empty-icon[data-v-0dee6820] {
  font-size: 44px;
  color: #c0c4cc;
  margin-bottom: 10px;
}
.advanced-search-wrap.mobile-version .mobile-list-container .empty-state .empty-text[data-v-0dee6820] {
  font-size: 14px;
  color: #909399;
  margin-bottom: 4px;
}
.advanced-search-wrap.mobile-version .mobile-list-container .empty-state .empty-subtext[data-v-0dee6820] {
  font-size: 12px;
  color: #c0c4cc;
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card[data-v-0dee6820] {
  background: white;
  border-radius: 12px;
  margin-bottom: 6px;
  padding: 12px;
  position: relative;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.06);
          box-shadow: 0 1px 8px rgba(0, 0, 0, 0.06);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: 2px solid transparent;
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card.selected[data-v-0dee6820] {
  border-color: #409eff;
  background: linear-gradient(135deg, #f8fbff 0%, #f0f7ff 100%);
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card.selected .selected-mark[data-v-0dee6820] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card[data-v-0dee6820]:active {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card .card-header[data-v-0dee6820] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #f0f0f0;
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card .card-header .car-radio[data-v-0dee6820] {
  margin-right: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card .card-header .car-radio[data-v-0dee6820]  .el-radio {
  margin-right: 0;
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card .card-header .car-radio[data-v-0dee6820]  .el-radio .el-radio__label {
  display: none;
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card .card-header .car-radio[data-v-0dee6820]  .el-radio .el-radio__inner {
  width: 18px;
  height: 18px;
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card .card-header .car-radio[data-v-0dee6820]  .el-radio .el-radio__inner::after {
  width: 7px;
  height: 7px;
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card .card-header .car-radio .radio-label[data-v-0dee6820] {
  font-size: 11px;
  color: #909399;
  margin-top: 2px;
  display: block;
  text-align: center;
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card .card-header .car-basic[data-v-0dee6820] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card .card-header .car-basic .car-id[data-v-0dee6820] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 2px;
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card .card-header .car-basic .car-code[data-v-0dee6820] {
  font-size: 11px;
  color: #909399;
  background: #f5f7fa;
  padding: 2px 6px;
  border-radius: 10px;
  display: inline-block;
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card .image-gallery[data-v-0dee6820] {
  margin-bottom: 10px;
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card .image-gallery .image-title[data-v-0dee6820] {
  font-size: 13px;
  color: #606266;
  margin-bottom: 6px;
  font-weight: 500;
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card .image-gallery .image-list[data-v-0dee6820] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 4px;
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card .image-gallery .image-list .image-item[data-v-0dee6820] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: center;
  cursor: pointer;
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card .image-gallery .image-list .image-item .car-image[data-v-0dee6820] {
  width: 64px;
  height: 48px;
  border-radius: 6px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid #ebeef5;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card .image-gallery .image-list .image-item .car-image[data-v-0dee6820]:active {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card .image-gallery .image-list .image-item .image-label[data-v-0dee6820] {
  font-size: 11px;
  color: #909399;
  margin-top: 2px;
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card .car-info .info-item[data-v-0dee6820] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 0;
  border-bottom: 1px dashed #f0f0f0;
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card .car-info .info-item[data-v-0dee6820]:last-child {
  border-bottom: none;
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card .car-info .info-item .info-label[data-v-0dee6820] {
  font-size: 12px;
  color: #909399;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card .car-info .info-item .info-value[data-v-0dee6820] {
  font-size: 12px;
  color: #303133;
  font-weight: 500;
  text-align: right;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card .card-actions[data-v-0dee6820] {
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid #f0f0f0;
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card .card-actions .detail-btn[data-v-0dee6820] {
  width: 100%;
  text-align: center;
  color: #409eff;
  font-size: 13px;
  padding: 6px;
  border-radius: 6px;
  background: #f0f7ff;
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card .card-actions .detail-btn[data-v-0dee6820]:active {
  background: #e8f3ff;
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card .card-actions .detail-btn i[data-v-0dee6820] {
  margin-right: 6px;
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card .selected-mark[data-v-0dee6820] {
  display: none;
  position: absolute;
  top: -6px;
  right: -6px;
  width: 20px;
  height: 20px;
  background: #409eff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.advanced-search-wrap.mobile-version .mobile-list-container .car-card .selected-mark .selected-icon[data-v-0dee6820] {
  color: white;
  font-size: 10px;
  line-height: 1;
  display: block;
}
.advanced-search-wrap.mobile-version .MobilePagination-wrap[data-v-0dee6820] {
  background: white;
  border-radius: 12px;
  padding: 10px 12px;
  margin-top: 6px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
}
.advanced-search-wrap.mobile-version .image-preview-dialog[data-v-0dee6820]  .el-dialog {
  border-radius: 12px;
  max-width: 100%;
  overflow: hidden;
  margin-bottom: 0;
}
.advanced-search-wrap.mobile-version .image-preview-dialog[data-v-0dee6820]  .el-dialog__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px;
  background: #000;
}
.advanced-search-wrap.mobile-version .image-preview-dialog .preview-image[data-v-0dee6820] {
  width: 100%;
  max-height: 75vh;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 6px;
}
.advanced-search-wrap.mobile-version .image-preview-dialog[data-v-0dee6820]  .el-dialog {
  border-radius: 12px;
  max-width: 100%;
  overflow: hidden;
  margin-bottom: 0;
}
.advanced-search-wrap.mobile-version .image-preview-dialog[data-v-0dee6820]  .el-dialog__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px;
  background: #000;
}
.advanced-search-wrap.mobile-version .image-preview-dialog .preview-image[data-v-0dee6820] {
  width: 100%;
  max-height: 75vh;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 6px;
}
.advanced-search-wrap.mobile-version .mobile-product-group[data-v-0dee6820] {
  margin-top: 20px;
}
.advanced-search-wrap.mobile-version .mobile-product-group[data-v-0dee6820]  .el-tabs__header {
  position: sticky;
  top: 0;
  background: white;
  z-index: 10;
}
/* 桌面端适配 */
@media (min-width: 769px) {
.app-container.advanced-search-wrap.mobile-version[data-v-0dee6820] {
    padding: 20px;
}
.app-container.advanced-search-wrap.mobile-version .mobile-search-card .search-header[data-v-0dee6820] {
    cursor: default;
}
.app-container.advanced-search-wrap.mobile-version .mobile-search-card .search-header i[data-v-0dee6820] {
    display: none;
}
.app-container.advanced-search-wrap.mobile-version .mobile-search-card .search-content[data-v-0dee6820] {
    max-height: none;
    overflow: visible;
}
.app-container.advanced-search-wrap.mobile-version .car-card[data-v-0dee6820] {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto 1fr;
    gap: 16px;
}
.app-container.advanced-search-wrap.mobile-version .car-card .card-header[data-v-0dee6820] {
    grid-column: 1/3;
    grid-row: 1;
    margin-bottom: 0;
}
.app-container.advanced-search-wrap.mobile-version .car-card .image-gallery[data-v-0dee6820] {
    grid-column: 1;
    grid-row: 2/4;
    margin-bottom: 0;
}
.app-container.advanced-search-wrap.mobile-version .car-card .image-gallery .image-list[data-v-0dee6820] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
}
.app-container.advanced-search-wrap.mobile-version .car-card .image-gallery .image-list .image-item .car-image[data-v-0dee6820] {
    width: 100px;
    height: 75px;
}
.app-container.advanced-search-wrap.mobile-version .car-card .car-info[data-v-0dee6820] {
    grid-column: 2;
    grid-row: 2;
}
.app-container.advanced-search-wrap.mobile-version .car-card .card-actions[data-v-0dee6820] {
    grid-column: 2;
    grid-row: 3;
    -ms-flex-item-align: end;
        align-self: end;
}
}
/* 平板端适配 */
@media (max-width: 768px) and (min-width: 481px) {
.car-card .card-header .car-basic .car-id[data-v-0dee6820] {
    font-size: 18px;
}
.car-card .image-gallery .image-list .image-item .car-image[data-v-0dee6820] {
    width: 100px;
    height: 75px;
}
}
@media (max-width: 480px) {
.app-container.advanced-search-wrap.mobile-version[data-v-0dee6820] {
    padding: 12px;
}
.app-container.advanced-search-wrap.mobile-version .stats-card[data-v-0dee6820] {
    padding: 12px;
}
.app-container.advanced-search-wrap.mobile-version .selected-car-banner[data-v-0dee6820] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.app-container.advanced-search-wrap.mobile-version .selected-car-banner[data-v-0dee6820]  .el-button {
    padding: 0;
    margin-top: 2px;
}
}
/* 动画效果 */
.fade-enter-active[data-v-0dee6820],
.fade-leave-active[data-v-0dee6820] {
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
.fade-enter[data-v-0dee6820],
.fade-leave-to[data-v-0dee6820] {
  opacity: 0;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
@charset "UTF-8";
/* 全局覆盖 Element UI 样式以适应移动端 */
@media (max-width: 768px) {
.el-select-dropdown,
.el-cascader__dropdown,
.el-dialog {
    width: 90% !important;
    max-width: 100% !important;
}
.el-dialog {
    margin: 5vh auto !important;
}
.el-message-box {
    width: 90% !important;
}
}
.communication[data-v-9722722a] {
  height: 100%;
}
.communication__tabs[data-v-9722722a] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #f5f7fa;
}
.communication__tabs[data-v-9722722a]  .el-tabs__header {
  margin: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #fff;
  padding: 0 16px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}
.communication__tabs[data-v-9722722a]  .el-tabs__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow: hidden;
}
.communication__tabs[data-v-9722722a]  .el-tab-pane {
  height: 100%;
}
.communication__tabs[data-v-9722722a]  .el-tabs__nav-wrap::after {
  display: none;
}
.communication__tabs[data-v-9722722a]  .el-tabs__item {
  font-size: 14px;
  color: #606266;
  height: 44px;
  line-height: 44px;
}
.communication__tabs[data-v-9722722a]  .el-tabs__item.is-active {
  color: #409eff;
  font-weight: 600;
}
.communication__tabs[data-v-9722722a]  .el-tabs__active-bar {
  background-color: #409eff;
}
.communication__email[data-v-9722722a], .communication__dropbox[data-v-9722722a] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #f5f7fa;
}
.communication__search-card[data-v-9722722a] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #fff;
  padding: 12px 16px 16px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.communication .form-item-group[data-v-9722722a] {
  margin-bottom: 10px;
}
.communication .form-item-group[data-v-9722722a]:last-of-type {
  margin-bottom: 0;
}
.communication .form-label[data-v-9722722a] {
  font-size: 12px;
  font-weight: 600;
  color: #606266;
  margin-bottom: 4px;
}
.communication[data-v-9722722a]  .el-input__inner {
  height: 38px;
  border-radius: 8px;
  border-color: #dfe4ee;
  font-size: 13px;
}
.communication__search-btn[data-v-9722722a] {
  width: 100%;
  height: 40px;
  border-radius: 10px;
  font-size: 14px;
  margin-top: 12px;
  letter-spacing: 1px;
}
.communication__search-btn i[data-v-9722722a] {
  margin-right: 4px;
}
.communication__dropbox-actions[data-v-9722722a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.communication__action-btn[data-v-9722722a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 38px;
  border-radius: 10px;
  font-size: 13px;
  margin: 0 !important;
}
.communication__action-btn i[data-v-9722722a] {
  margin-right: 4px;
}
.communication__link-box[data-v-9722722a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 6px;
  margin-top: 10px;
  padding: 10px 12px;
  background: #f0f7ff;
  border: 1px solid #d9ecff;
  border-radius: 8px;
}
.communication__link-icon[data-v-9722722a] {
  color: #409eff;
  font-size: 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 1px;
}
.communication__link-text[data-v-9722722a] {
  font-size: 12px;
  color: #409eff;
  word-break: break-all;
  line-height: 1.6;
}
.communication__list[data-v-9722722a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
}
.communication__empty[data-v-9722722a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 48px 0 32px;
  color: #c0c4cc;
  font-size: 13px;
}
.communication__empty-icon[data-v-9722722a] {
  font-size: 40px;
  color: #dcdfe6;
}
.communication__card[data-v-9722722a] {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  margin-bottom: 10px;
}
.communication__card[data-v-9722722a]:last-child {
  margin-bottom: 0;
}
.communication__card-header[data-v-9722722a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 14px;
  border-bottom: 1px solid #f2f3f5;
  background: #fafbfc;
}
.communication__card-body[data-v-9722722a] {
  padding: 10px 14px;
}
.communication__card-footer[data-v-9722722a] {
  padding: 0 14px 12px;
}
.communication__type-tag[data-v-9722722a] {
  border-radius: 6px;
  font-size: 12px;
}
.communication__type-tag i[data-v-9722722a] {
  margin-right: 2px;
  font-size: 11px;
}
.communication__date[data-v-9722722a] {
  font-size: 12px;
  color: #909399;
}
.communication__field[data-v-9722722a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  padding: 4px 0;
  min-height: 24px;
}
.communication__field--tags[data-v-9722722a] {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.communication__field-label[data-v-9722722a] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 60px;
  font-size: 12px;
  color: #909399;
  line-height: 20px;
}
.communication__field-value[data-v-9722722a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  text-align: right;
  font-size: 13px;
  color: #303133;
  line-height: 20px;
  word-break: break-word;
}
.communication__field-value--ep[data-v-9722722a] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.communication__field-value--muted[data-v-9722722a] {
  color: #c0c4cc;
}
.communication__tags[data-v-9722722a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
}
.communication__tag[data-v-9722722a] {
  margin: 0;
  border-radius: 6px;
}
.communication__attachment-count[data-v-9722722a] {
  color: #606266;
  font-size: 13px;
}
.communication__attachment-count i[data-v-9722722a] {
  margin-right: 3px;
  color: #909399;
}
.communication__attachments[data-v-9722722a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 4px;
  padding: 4px 0 2px;
}
.communication__attachment-link[data-v-9722722a] {
  font-size: 12px;
  color: #409eff !important;
  line-height: 1.6;
  white-space: normal;
  word-break: break-word;
  text-align: right;
  max-width: 100%;
}
.communication__attachment-link i[data-v-9722722a] {
  margin-right: 3px;
}
.communication__view-btn[data-v-9722722a] {
  width: 100%;
  height: 38px;
  border-radius: 10px;
  font-size: 14px;
}
.communication__file-name[data-v-9722722a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #303133;
  font-weight: 500;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  margin-right: 8px;
}
.communication__file-name span[data-v-9722722a] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.communication__file-icon[data-v-9722722a] {
  font-size: 16px;
  color: #409eff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.communication__link[data-v-9722722a] {
  color: #409eff;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 13px;
}
.communication__link[data-v-9722722a]:hover {
  opacity: 0.8;
}
.communication__divider[data-v-9722722a] {
  margin: 0 6px;
  color: #dcdfe6;
  font-size: 13px;
}
.communication[data-v-9722722a]  .communication__email-drawer {
  border-radius: 16px 16px 0 0;
  overflow: hidden;
}
.communication[data-v-9722722a]  .communication__email-drawer .el-drawer__body {
  padding: 0;
  overflow: hidden;
}
.communication__drawer-inner[data-v-9722722a] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
}
.communication__drawer-header[data-v-9722722a] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0 16px 12px;
  border-bottom: 1px solid #f2f3f5;
}
.communication__drawer-header-bar[data-v-9722722a] {
  width: 36px;
  height: 4px;
  background: #dcdfe6;
  border-radius: 2px;
  margin: 10px auto 14px;
}
.communication__drawer-title-wrap[data-v-9722722a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.communication__drawer-title[data-v-9722722a] {
  font-size: 16px;
  font-weight: 600;
  color: #303133;
}
.communication__drawer-close[data-v-9722722a] {
  font-size: 18px;
  color: #909399;
  cursor: pointer;
  padding: 4px;
}
.communication__drawer-close[data-v-9722722a]:active {
  color: #606266;
}
.communication__drawer-subject[data-v-9722722a] {
  margin-top: 6px;
  font-size: 12px;
  color: #909399;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.communication__drawer-body[data-v-9722722a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 16px;
}
.communication__email-html[data-v-9722722a] {
  font-size: 13px;
  color: #303133;
  line-height: 1.7;
  word-break: break-word;
}
.communication__email-html[data-v-9722722a]  img {
  max-width: 100% !important;
  height: auto !important;
}
.communication__email-html[data-v-9722722a]  table {
  max-width: 100%;
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.app-download[data-v-8d3712c4] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #f5f6f6;
}
.app-download__header[data-v-8d3712c4] {
  background-color: #fff;
  padding: 12px;
  border-radius: 12px;
  margin: 12px;
}
.app-download__header--search[data-v-8d3712c4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}
.app-download__header--search[data-v-8d3712c4]  .el-input__inner {
  border-radius: 20px;
  background-color: #f5f7fa;
  border: none;
}
.app-download__header--search .el-button[data-v-8d3712c4] {
  border-radius: 20px;
  padding: 8px 16px !important;
}
.app-download__header--select[data-v-8d3712c4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
.app-download__header--select-item[data-v-8d3712c4] {
  cursor: pointer;
  padding: 6px 12px;
  border-radius: 12px;
  border: 1px solid #ebeef5;
  font-size: 12px;
  color: #606266;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.app-download__header--select-item.is-active[data-v-8d3712c4] {
  color: #409eff;
  border-color: #c6e2ff;
  background-color: #ecf5ff;
}
.app-download__list[data-v-8d3712c4] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
}
.app-download__empty[data-v-8d3712c4] {
  text-align: center;
  color: #909399;
  font-size: 13px;
  padding: 24px 0;
}
.app-card[data-v-8d3712c4] {
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  margin-bottom: 8px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}
.app-card__main[data-v-8d3712c4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.app-card__row[data-v-8d3712c4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.app-card__icon[data-v-8d3712c4] {
  width: 40px;
  height: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.app-card__title[data-v-8d3712c4] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  font-size: 15px;
  font-weight: 600;
  color: #303133;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-card__meta[data-v-8d3712c4] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 12px;
  color: #909399;
  white-space: nowrap;
}
.app-card__expand-icon[data-v-8d3712c4] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 15px;
  color: #c0c4cc;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.app-card__actions[data-v-8d3712c4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
}
.app-card__actions .el-button[data-v-8d3712c4] {
  padding: 4px 14px !important;
  font-size: 12px;
  margin: 0;
}
.app-card__versions[data-v-8d3712c4] {
  margin-top: 16px;
  border-top: 1px dashed #ebeef5;
  padding-top: 16px;
}
.app-versions__header[data-v-8d3712c4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 13px;
  color: #606266;
  margin-bottom: 12px;
}
.app-version-item[data-v-8d3712c4] {
  background: #f9fafb;
  border-radius: 12px;
  padding: 12px;
  margin-bottom: 12px;
  font-size: 13px;
}
.app-version-item[data-v-8d3712c4]:last-child {
  margin-bottom: 0;
}
.app-version-row[data-v-8d3712c4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 10px;
  gap: 12px;
}
.app-version-row[data-v-8d3712c4]:last-child {
  margin-bottom: 0;
}
.app-version-label[data-v-8d3712c4] {
  width: 70px;
  color: #909399;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-weight: 500;
}
.app-version-value[data-v-8d3712c4] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #303133;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.app-version-value--bold[data-v-8d3712c4] {
  font-weight: 600;
  font-size: 14px;
}
.app-version-value--link[data-v-8d3712c4] {
  color: #409eff;
  cursor: pointer;
}
.app-version-link[data-v-8d3712c4] {
  color: #409eff;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 100%;
}
.qr-container[data-v-8d3712c4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
}
[data-v-8d3712c4] .app-qr-dialog {
  border-radius: 16px;
  overflow: hidden;
}
[data-v-8d3712c4] .app-qr-dialog .el-dialog__header {
  padding: 16px 20px;
  border-bottom: 1px solid #f2f3f5;
}
[data-v-8d3712c4] .app-qr-dialog .app-qr-dialog__title {
  font-size: 16px;
  font-weight: bold;
  color: #303133;
}
.pull-comment-drawer {
  border-radius: 16px 16px 0 0;
}
.pull-comment-drawer .el-drawer__header {
  padding: 16px 16px 12px;
  margin-bottom: 0;
  border-bottom: 1px solid #f0f2f5;
}
.pull-comment-drawer .el-drawer__header span {
  font-size: 15px;
  font-weight: 700;
  color: #1a1a1a;
}
.pull-comment-drawer .el-drawer__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-07c247fc]:export {
  theme: #409eff;
}
.drawer-body[data-v-07c247fc] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 16px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.hint-text[data-v-07c247fc] {
  font-size: 13px;
  color: #909399;
  margin-bottom: 12px;
}
.order-option[data-v-07c247fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 14px 16px;
  border-radius: 10px;
  border: 1.5px solid #ebeef5;
  margin-bottom: 10px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  background: #fff;
}
.order-option[data-v-07c247fc]:last-child {
  margin-bottom: 0;
}
.order-option.is-selected[data-v-07c247fc] {
  border-color: #3e64ff;
  background: rgba(62, 100, 255, 0.1);
}
.order-option .order-id[data-v-07c247fc] {
  font-size: 14px;
  color: #303133;
  word-break: break-all;
}
.order-option .check-icon[data-v-07c247fc] {
  font-size: 16px;
  color: #3e64ff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 8px;
}
.no-order-tip[data-v-07c247fc] {
  padding: 24px 0;
  text-align: center;
}
.no-order-tip .tip-icon[data-v-07c247fc] {
  font-size: 36px;
  color: #e6a23c;
  margin-bottom: 12px;
}
.no-order-tip p[data-v-07c247fc] {
  font-size: 15px;
  color: #303133;
  margin: 0 0 6px;
}
.no-order-tip .tip-sub[data-v-07c247fc] {
  font-size: 13px;
  color: #909399;
  margin: 0;
}
.drawer-footer[data-v-07c247fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  padding: 12px 16px;
  border-top: 1px solid #f0f2f5;
}
.drawer-footer .footer-btn[data-v-07c247fc] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 20px;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-45cf9210]:export {
  theme: #409eff;
}
.pending-praise-pane[data-v-45cf9210] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  padding: 12px;
}
.pane-section[data-v-45cf9210] {
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.section-header[data-v-45cf9210] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
}
.section-header .header-left[data-v-45cf9210] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.section-header .section-icon[data-v-45cf9210] {
  font-size: 15px;
}
.section-header .section-icon.fi-orange[data-v-45cf9210] {
  color: #e6a23c;
}
.section-header .section-icon.fi-blue[data-v-45cf9210] {
  color: #3e64ff;
}
.section-header .section-title[data-v-45cf9210] {
  font-size: 14px;
  font-weight: 600;
  color: #1f2f3d;
}
.section-header .count-badge[data-v-45cf9210] {
  background: #f0f0f0;
  color: #606266;
  font-size: 11px;
  padding: 1px 6px;
  border-radius: 10px;
}
.pulled-card[data-v-45cf9210] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  margin-bottom: 10px;
}
.pulled-card[data-v-45cf9210]:last-child {
  margin-bottom: 0;
}
.pulled-card .pulled-checkbox[data-v-45cf9210] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 10px;
}
.pulled-card .pulled-checkbox[data-v-45cf9210]  .el-checkbox__label {
  display: none;
}
.pulled-card .pulled-inner[data-v-45cf9210] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  border: 1px solid #ebeef5;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  -webkit-transition: border-color 0.2s, background-color 0.2s;
  transition: border-color 0.2s, background-color 0.2s;
}
.pulled-card .pulled-inner.is-checked[data-v-45cf9210] {
  border-color: #3e64ff;
  background-color: rgba(62, 100, 255, 0.1);
}
.filter-collapse[data-v-45cf9210] {
  margin-bottom: 12px;
}
.filter-collapse[data-v-45cf9210]  .el-collapse-item__header {
  border: none;
  background: #f5f7fa;
  border-radius: 8px;
  padding: 0 12px;
  height: 40px;
  line-height: 40px;
}
.filter-collapse[data-v-45cf9210]  .el-collapse-item__wrap {
  border: none;
}
.filter-collapse[data-v-45cf9210]  .el-collapse-item__content {
  padding: 12px 0 0;
}
.filter-collapse[data-v-45cf9210]  .el-collapse {
  border: none;
}
.filter-collapse-title[data-v-45cf9210] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #606266;
}
.filter-form[data-v-45cf9210] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.filter-item[data-v-45cf9210] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.filter-item .filter-label[data-v-45cf9210] {
  font-size: 12px;
  color: #909399;
}
.w-full[data-v-45cf9210] {
  width: 100%;
}
.keyword-row[data-v-45cf9210] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.keyword-row .keyword-type-select[data-v-45cf9210] {
  width: 90px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.keyword-row .keyword-input[data-v-45cf9210] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.filter-actions[data-v-45cf9210] {
  margin-top: 4px;
}
.asin-card[data-v-45cf9210] {
  border: 1px solid #ebeef5;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
  background: #fff;
}
.asin-card[data-v-45cf9210]:last-child {
  margin-bottom: 0;
}
.asin-header[data-v-45cf9210] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 12px 6px;
}
.asin-header .asin-link[data-v-45cf9210] {
  font-size: 13px;
  color: #409eff;
  word-break: break-all;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.asin-header .asin-text[data-v-45cf9210] {
  font-size: 13px;
  color: #303133;
  word-break: break-all;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.asin-header .site-tag[data-v-45cf9210] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 8px;
}
.asin-model[data-v-45cf9210] {
  padding: 0 12px 8px;
  font-size: 12px;
  color: #909399;
  border-bottom: 1px solid #f5f7fa;
}
.asin-metrics[data-v-45cf9210] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: #f5f7fa;
  border-bottom: 1px solid #f5f7fa;
}
.asin-metrics .metric-cell[data-v-45cf9210] {
  background: #fff;
  padding: 7px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 12px;
}
.asin-metrics .metric-cell .metric-label[data-v-45cf9210] {
  color: #909399;
}
.asin-metrics .metric-cell .metric-value[data-v-45cf9210] {
  color: #303133;
  font-weight: 500;
}
.asin-rate[data-v-45cf9210] {
  padding: 8px 12px;
  border-bottom: 1px solid #f5f7fa;
}
.asin-rate .rate-row[data-v-45cf9210] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 12px;
  padding: 2px 0;
}
.asin-rate .rate-row .rate-label[data-v-45cf9210] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
}
.asin-rate .rate-row .rate-value[data-v-45cf9210] {
  font-weight: 500;
}
.asin-footer[data-v-45cf9210] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 12px;
  gap: 12px;
}
.asin-footer .footer-meta[data-v-45cf9210] {
  font-size: 12px;
  color: #909399;
}
.asin-footer .pull-btn[data-v-45cf9210] {
  margin-left: auto;
}
.action-btn[data-v-45cf9210] {
  background-color: #3e64ff;
  border-color: #3e64ff;
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 20px;
  padding: 5px 10px;
}
.action-btn[data-v-45cf9210]:hover, .action-btn[data-v-45cf9210]:focus {
  background-color: #385ae6;
  border-color: #385ae6;
  color: #fff;
}
.action-btn.is-disabled[data-v-45cf9210], .action-btn.is-disabled[data-v-45cf9210]:hover, .action-btn.is-disabled[data-v-45cf9210]:focus {
  background-color: #b2c1ff;
  border-color: #b2c1ff;
  color: rgba(255, 255, 255, 0.7);
  cursor: not-allowed;
}
.empty-tip[data-v-45cf9210] {
  text-align: center;
  font-size: 13px;
  color: #c0c4cc;
  padding: 24px 0;
}
.list-wrapper[data-v-45cf9210] {
  min-height: 60px;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
[data-v-1d15af7e]:export {
  theme: #409eff;
}
.ai-kno-search[data-v-1d15af7e] {
  padding: 12px;
}
.config-card[data-v-1d15af7e] {
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.config-card[data-v-1d15af7e]:hover {
  -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
          box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.config-card .card-title[data-v-1d15af7e] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.config-card .card-title .title-left[data-v-1d15af7e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.config-card .card-title .title-left i[data-v-1d15af7e] {
  color: #3e64ff;
  margin-right: 6px;
  font-size: 16px;
}
.submit-wrapper[data-v-1d15af7e] {
  margin: 20px 0;
  padding: 0 5px;
}
.magic-btn-container[data-v-1d15af7e] {
  position: relative;
  height: 38px;
  cursor: pointer;
  border-radius: 19px;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 15px rgba(64, 158, 255, 0.3);
          box-shadow: 0 4px 15px rgba(64, 158, 255, 0.3);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.magic-btn-container[data-v-1d15af7e]:hover {
  -webkit-box-shadow: 0 2px 4px -1px rgba(64, 158, 255, 0.3), 0 4px 8px 0 rgba(64, 158, 255, 0.25), 0 6px 20px 2px rgba(64, 158, 255, 0.15);
          box-shadow: 0 2px 4px -1px rgba(64, 158, 255, 0.3), 0 4px 8px 0 rgba(64, 158, 255, 0.25), 0 6px 20px 2px rgba(64, 158, 255, 0.15);
}
.magic-btn-container:hover .magic-btn-bg[data-v-1d15af7e] {
  -webkit-animation: gradient-flow-data-v-1d15af7e 3s linear infinite;
          animation: gradient-flow-data-v-1d15af7e 3s linear infinite;
}
.magic-btn-container.is-loading[data-v-1d15af7e] {
  cursor: wait;
  pointer-events: none;
}
.magic-btn-container.is-loading .magic-btn-bg[data-v-1d15af7e] {
  -webkit-animation: gradient-flow-data-v-1d15af7e 3s linear infinite;
          animation: gradient-flow-data-v-1d15af7e 3s linear infinite;
}
.magic-btn-container .magic-btn-bg[data-v-1d15af7e] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #3e64ff, #4facfe, #3e64ff, #4facfe);
  background-size: 300% 100%;
  -webkit-transition: background-position 0.5s ease;
  transition: background-position 0.5s ease;
}
.magic-btn-container .magic-btn-content[data-v-1d15af7e] {
  position: relative;
  z-index: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
}
.magic-btn-container .magic-btn-content i[data-v-1d15af7e] {
  margin-right: 8px;
  font-size: 16px;
}
@-webkit-keyframes gradient-flow-data-v-1d15af7e {
0% {
    background-position: 0% 50%;
}
100% {
    background-position: 100% 50%;
}
}
@keyframes gradient-flow-data-v-1d15af7e {
0% {
    background-position: 0% 50%;
}
100% {
    background-position: 100% 50%;
}
}
.result-area[data-v-1d15af7e] {
  background: #fff;
  border-radius: 12px;
  border: none;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  min-height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.result-area[data-v-1d15af7e]:hover {
  -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
          box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.result-area .result-header[data-v-1d15af7e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
  border-bottom: 1px solid #f0f2f5;
  background: #ecf5ff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.result-area .result-header .header-left[data-v-1d15af7e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.result-area .result-header .header-left .title[data-v-1d15af7e] {
  font-size: 14px;
  font-weight: 600;
  color: #303133;
  margin-left: 8px;
}
.result-area .result-header .header-left i[data-v-1d15af7e] {
  font-size: 16px;
  color: #3e64ff;
}
.result-area .result-header .actions .el-button[data-v-1d15af7e] {
  padding: 0 !important;
  color: #3e64ff;
}
.result-area .result-content-wrapper[data-v-1d15af7e] {
  padding: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
}
.empty-state[data-v-1d15af7e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 60px 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 100%;
}
.empty-state .empty-icon[data-v-1d15af7e] {
  width: 70px;
  height: 70px;
  background: linear-gradient(135deg, #f5f7fa 0%, #e4e7ed 100%);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 16px;
  -webkit-box-shadow: inset 0 2px 4px white, 0 4px 10px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px white, 0 4px 10px rgba(0, 0, 0, 0.05);
}
.empty-state .empty-icon i[data-v-1d15af7e] {
  font-size: 30px;
  color: #909399;
}
.empty-state .empty-text[data-v-1d15af7e] {
  color: #909399;
  font-size: 14px;
  font-weight: 500;
}
.more-tools-stage[data-v-2f0daf48] {
  position: relative;
  overflow: hidden;
  -webkit-transition: height 0.42s cubic-bezier(0.22, 1, 0.36, 1);
  transition: height 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}
.more-tools-stage.is-detail .more-tools[data-v-2f0daf48] {
  -webkit-transform: translateX(-28%);
          transform: translateX(-28%);
  opacity: 0;
  pointer-events: none;
}
.more-tools-stage.is-detail .tool-detail[data-v-2f0daf48] {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  pointer-events: auto;
}
.tool-pane-fade-enter-active[data-v-2f0daf48],
.tool-pane-fade-leave-active[data-v-2f0daf48] {
  -webkit-transition: opacity 0.18s ease;
  transition: opacity 0.18s ease;
}
.tool-pane-fade-enter[data-v-2f0daf48],
.tool-pane-fade-leave-to[data-v-2f0daf48] {
  opacity: 0;
}
.more-tools[data-v-2f0daf48] {
  padding: 0 0 env(safe-area-inset-bottom, 20px);
  background: #f7f8fa;
  -webkit-transition: opacity 0.24s ease, -webkit-transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
  transition: opacity 0.24s ease, -webkit-transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.24s ease;
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.24s ease, -webkit-transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform, opacity;
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.more-tools__header[data-v-2f0daf48] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 20px;
  background: #fff;
}
.more-tools__title[data-v-2f0daf48] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  color: #72767b;
  line-height: 1.5;
}
.more-tools__close[data-v-2f0daf48] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  background: none;
  border: none;
  border-radius: 50%;
  font-size: 20px;
  color: #909399;
  cursor: pointer;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease, -webkit-transform 0.15s ease;
  transition: background-color 0.2s ease, color 0.2s ease, -webkit-transform 0.15s ease;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease, -webkit-transform 0.15s ease;
  -webkit-tap-highlight-color: transparent;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
.more-tools__close[data-v-2f0daf48]:hover {
  color: #409eff;
}
.more-tools__close[data-v-2f0daf48]:active {
  color: #409eff;
  background: rgba(64, 158, 255, 0.08);
  -webkit-transform: scale(0.96);
          transform: scale(0.96);
}
.more-tools__grid[data-v-2f0daf48] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  padding: 12px;
}
.more-tools__grid .show-tab-count[data-v-2f0daf48] {
  color: #409eff;
  font-size: 14px;
}
.more-tools__item[data-v-2f0daf48] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  min-height: 92px;
  padding: 18px 8px 14px;
  background: #fff;
  border: none;
  border-radius: 16px;
  cursor: pointer;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
          box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
  -webkit-transition: background-color 0.18s ease, -webkit-transform 0.18s ease, -webkit-box-shadow 0.18s ease;
  transition: background-color 0.18s ease, -webkit-transform 0.18s ease, -webkit-box-shadow 0.18s ease;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, -webkit-transform 0.18s ease, -webkit-box-shadow 0.18s ease;
  -webkit-tap-highlight-color: transparent;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
.more-tools__item[data-v-2f0daf48]:active {
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
  background: #f8fbff;
  -webkit-box-shadow: 0 2px 8px rgba(64, 158, 255, 0.12);
          box-shadow: 0 2px 8px rgba(64, 158, 255, 0.12);
}
.more-tools__icon-wrap[data-v-2f0daf48] {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.more-tools__icon-wrap i[data-v-2f0daf48] {
  font-size: 22px;
  line-height: 1;
}
.more-tools__label[data-v-2f0daf48] {
  font-size: 12px;
  font-weight: 500;
  color: #4e5969;
  text-align: center;
  line-height: 1.4;
}
.tool-detail[data-v-2f0daf48] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #f7f8fa;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  opacity: 0;
  -webkit-transition: opacity 0.24s ease, -webkit-transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
  transition: opacity 0.24s ease, -webkit-transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.24s ease;
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.24s ease, -webkit-transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.tool-detail__header[data-v-2f0daf48] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  background: #fff;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
}
.tool-detail__back[data-v-2f0daf48], .tool-detail__close[data-v-2f0daf48] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  background: none;
  border: none;
  border-radius: 50%;
  font-size: 20px;
  color: #909399;
  cursor: pointer;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease, -webkit-transform 0.15s ease;
  transition: background-color 0.2s ease, color 0.2s ease, -webkit-transform 0.15s ease;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease, -webkit-transform 0.15s ease;
  -webkit-tap-highlight-color: transparent;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
.tool-detail__back[data-v-2f0daf48]:hover, .tool-detail__close[data-v-2f0daf48]:hover {
  color: #409eff;
}
.tool-detail__back[data-v-2f0daf48]:active, .tool-detail__close[data-v-2f0daf48]:active {
  color: #409eff;
  background: rgba(64, 158, 255, 0.08);
  -webkit-transform: scale(0.96);
          transform: scale(0.96);
}
.tool-detail__title[data-v-2f0daf48] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  padding: 0 12px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #72767b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tool-detail__content[data-v-2f0daf48] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 0 0 env(safe-area-inset-bottom, 20px);
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
.more-tools-stage.is-detail .tool-detail[data-v-2f0daf48] {
  opacity: 1;
}
@charset "UTF-8";
.more-tools-drawer {
  border-radius: 16px 16px 0 0;
  background: #f7f8fa !important;
  overflow: hidden;
}
.more-tools-drawer .el-drawer__body {
  padding: 0;
  overflow: hidden;
}
/* 占位子组件样式 */
.tool-placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
  padding: 60px 20px;
  color: #c0c4cc;
}
.tool-placeholder i {
  font-size: 48px;
}
.tool-placeholder p {
  font-size: 14px;
  margin: 0;
}

.h5-transfer-drawer {
  border-radius: 16px 16px 0 0;
  overflow: hidden;
}
.h5-transfer-drawer .el-drawer__header {
  padding: 16px 20px 12px;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 600;
  color: #303133;
  border-bottom: 1px solid #f5f5f5;
}
.h5-transfer-drawer .el-drawer__body {
  padding: 0;
  overflow: hidden;
}
.h5-transfer-drawer__container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.h5-transfer-drawer__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 12px 20px 8px;
  -webkit-overflow-scrolling: touch;
}
.h5-transfer-drawer .el-form-item {
  margin-bottom: 18px;
}
.h5-transfer-drawer .el-form-item__label {
  font-size: 14px;
  font-weight: 500;
  color: #606266;
  line-height: 1.4;
  padding-bottom: 6px;
}
.h5-transfer-drawer .el-input__inner,
.h5-transfer-drawer .el-textarea__inner {
  border-radius: 8px;
  font-size: 14px;
}
.h5-transfer-drawer .el-cascader {
  width: 100%;
}
.h5-transfer-drawer .relay-radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.h5-transfer-drawer .el-radio__label {
  font-size: 14px;
}
.h5-transfer-drawer__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 20px calc(16px + env(safe-area-inset-bottom));
  gap: 12px;
  border-top: 1px solid #f5f5f5;
  background: #fff;
}
.h5-transfer-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 44px;
  border-radius: 10px !important;
  font-size: 15px;
  font-weight: 500;
}
.h5-transfer-btn--cancel {
  background-color: #f5f5f5 !important;
  border-color: #f5f5f5 !important;
  color: #606266 !important;
}
.h5-transfer-btn--confirm {
  background-color: #409eff !important;
  border-color: #409eff !important;
}
.h5-transfer-drawer__tip {
  font-size: 12px;
  color: #f56c6c;
}

.email-thread-header-info {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  cursor: pointer;
}
.email-thread-header-info-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}
.email-thread-header-avatar {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  letter-spacing: 0;
}
.email-thread-header-title {
  font-size: 15px;
  font-weight: 600;
  color: #303133;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.email-thread-header-no {
  font-size: 12px;
  color: #909399;
}
.email-thread-header-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 44px;
  height: 44px;
  background: none;
  border: none;
  font-size: 20px;
  color: #303133;
  cursor: pointer;
}
.email-thread-header-more:active {
  opacity: 0.6;
}
.email-thread-header-more-icon {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.email-thread-header-dropdown {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.email-thread-sub-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 12px 6px 12px;
  background-color: #fff;
  border-bottom: 1px solid #ebeef5;
  gap: 4px;
}
.sub-header-tags {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 6px;
  overflow: hidden;
}
.sub-header-expand-btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0 4px !important;
  color: #909399;
}
.sub-header-tags-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.tags-dialog {
  border-radius: 12px;
  overflow: hidden;
}
.tags-dialog .el-dialog__body {
  padding: 10px 20px 20px 20px;
}
.info-drawer-wrap {
  border-radius: 16px 16px 0 0;
}
.info-drawer-wrap .el-drawer__header {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  padding: 12px;
  margin-bottom: 12px;
}
.info-drawer-wrap .info-drawer-content {
  padding: 12px;
}
@charset "UTF-8";
.pull-order[data-v-bcdab1f2] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #f5f6f6;
}
.pull-order__header[data-v-bcdab1f2] {
  background-color: #fff;
  padding: 12px;
  border-radius: 12px;
  margin: 12px 12px 0;
}
.pull-order__header--search[data-v-bcdab1f2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.pull-order__header--search[data-v-bcdab1f2]  .el-input__inner {
  border-radius: 20px;
  background-color: #f5f7fa;
  border: none;
}
.pull-order__header--search .el-button[data-v-bcdab1f2] {
  border-radius: 20px;
  padding: 8px 16px !important;
}
.pull-order__list[data-v-bcdab1f2] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
}
.app-card[data-v-bcdab1f2] {
  background-color: #fff;
  border-radius: 12px;
  margin: 12px;
  padding: 16px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
}
.app-card__title[data-v-bcdab1f2] {
  font-size: 16px;
  font-weight: 500;
  color: #303133;
  line-height: 1.4;
}
/* 版本号及信息行样式复用 */
.app-version-row[data-v-bcdab1f2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 6px;
  font-size: 12px;
  line-height: 1.4;
}
.app-version-row[data-v-bcdab1f2]:last-child {
  margin-bottom: 0;
}
.app-version-label[data-v-bcdab1f2] {
  color: #909399;
  width: 80px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.app-version-value[data-v-bcdab1f2] {
  color: #606266;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  word-break: break-all;
}
.app-version-value--bold[data-v-bcdab1f2] {
  color: #303133;
  font-weight: 500;
}
.app-version-link a[data-v-bcdab1f2] {
  color: #409eff;
  text-decoration: none;
}
.app-version-link a[data-v-bcdab1f2]:active {
  opacity: 0.8;
}
.app-sub-item[data-v-bcdab1f2] {
  padding: 12px;
  background-color: #f9fafb;
  border-radius: 8px;
  margin-top: 12px;
}
.app-sub-item[data-v-bcdab1f2]:first-child {
  margin-top: 4px;
}
.app-sub-item__main[data-v-bcdab1f2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
.app-sub-item__image[data-v-bcdab1f2] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 2px;
}
.app-sub-item__info[data-v-bcdab1f2] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.app-sub-item__title[data-v-bcdab1f2] {
  font-size: 14px;
  font-weight: 500;
  color: #303133;
  line-height: 1.4;
  margin-bottom: 8px;
}
@charset "UTF-8";
.add-order[data-v-4b0a7e99] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #f5f6f6;
}
.add-order__header[data-v-4b0a7e99] {
  background-color: #fff;
  padding: 12px;
  border-radius: 12px;
  margin: 12px 12px 0;
}
.add-order__header--search[data-v-4b0a7e99] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.add-order__header--search[data-v-4b0a7e99]  .el-input__inner {
  border-radius: 20px;
  background-color: #f5f7fa;
  border: none;
}
.add-order__header--search .el-button[data-v-4b0a7e99] {
  border-radius: 20px;
  padding: 8px 16px !important;
}
.add-order__header--search .el-button + .el-button[data-v-4b0a7e99] {
  margin-left: 0;
}
.add-order__list[data-v-4b0a7e99] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
}
.app-card[data-v-4b0a7e99] {
  background-color: #fff;
  border-radius: 12px;
  margin: 12px;
  padding: 16px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
}
.app-card__header[data-v-4b0a7e99] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid #f0f2f5;
  margin-bottom: 12px;
}
.app-card__title[data-v-4b0a7e99] {
  font-size: 16px;
  font-weight: 600;
  color: #303133;
  line-height: 1.4;
  position: relative;
  padding-left: 10px;
}
.app-card__title[data-v-4b0a7e99]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 4px;
  height: 14px;
  background-color: #409eff;
  border-radius: 2px;
}
.app-card__header-actions .el-button[data-v-4b0a7e99] {
  padding: 0 4px !important;
  font-size: 13px !important;
}
.app-card__header-actions .el-button + .el-button[data-v-4b0a7e99] {
  margin-left: 0;
}
/* 版本号及信息行样式复用 */
.app-version-row[data-v-4b0a7e99] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 6px;
  font-size: 12px;
  line-height: 1.4;
}
.app-version-row[data-v-4b0a7e99]:last-child {
  margin-bottom: 0;
}
.app-version-label[data-v-4b0a7e99] {
  color: #909399;
  width: 80px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.app-version-value[data-v-4b0a7e99] {
  color: #606266;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  word-break: break-all;
}
.app-version-value--bold[data-v-4b0a7e99] {
  color: #303133;
  font-weight: 500;
}
.app-version-link[data-v-4b0a7e99] {
  color: #409eff;
  text-decoration: none;
}
.app-version-link[data-v-4b0a7e99]:active {
  opacity: 0.8;
}
.app-sub-item[data-v-4b0a7e99] {
  padding: 12px;
  background-color: #f9fafb;
  border-radius: 8px;
  margin-top: 12px;
}
.app-sub-item[data-v-4b0a7e99]:first-child {
  margin-top: 4px;
}
.app-sub-item__main[data-v-4b0a7e99] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
.app-sub-item__image[data-v-4b0a7e99] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 2px;
}
.app-sub-item__info[data-v-4b0a7e99] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.app-sub-item__title[data-v-4b0a7e99] {
  font-size: 14px;
  font-weight: 500;
  color: #303133;
  line-height: 1.4;
  margin-bottom: 8px;
}
.app-sub-item__actions[data-v-4b0a7e99] {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #ebeef5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
}
.app-sub-item__actions[data-v-4b0a7e99]  .el-button {
  margin-left: 0;
  padding: 6px 16px !important;
  border-radius: 16px;
}
[data-v-4b0a7e99] .order-editor-drawer {
  border-radius: 16px 16px 0 0;
}
[data-v-4b0a7e99] .order-editor-drawer .el-drawer__header {
  margin-bottom: 0;
  padding: 14px 16px;
  border-bottom: 1px solid #ebeef5;
  color: #303133;
}
[data-v-4b0a7e99] .order-editor-drawer .el-drawer__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
}
[data-v-4b0a7e99] .order-editor-drawer .el-form-item {
  margin-bottom: 0;
}
[data-v-4b0a7e99] .order-editor-drawer .el-form-item__label {
  color: #606266;
  font-size: 13px;
  line-height: 40px;
}
[data-v-4b0a7e99] .order-editor-drawer .el-input__inner {
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  height: 40px;
  line-height: 40px;
  padding: 0 12px;
  font-size: 14px;
}
[data-v-4b0a7e99] .order-editor-drawer .el-input__inner:focus {
  border-color: #409eff;
  background: #fff;
}
.order-drawer-body[data-v-4b0a7e99] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 14px 16px 10px;
}
.order-drawer-footer[data-v-4b0a7e99] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
  border-top: 1px solid #ebeef5;
  background: #fff;
}
.order-drawer-footer .el-button[data-v-4b0a7e99] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 40px;
  border-radius: 22px;
  font-size: 14px;
  margin: 0;
}
[data-v-aa0b58ae] .user-profile-drawer {
  border-radius: 16px 0 0 16px;
  overflow: hidden;
}
[data-v-aa0b58ae] .user-profile-drawer .el-drawer__header {
  background: #fff;
  padding: 0 16px;
  margin-bottom: 0;
  -webkit-box-shadow: 0 1px 0 #f0f0f0;
          box-shadow: 0 1px 0 #f0f0f0;
}
[data-v-aa0b58ae] .user-profile-drawer .el-drawer__body {
  background: #f4f5f7;
  overflow: hidden;
}
.user-info-drawer__header[data-v-aa0b58ae] {
  padding: 14px 0 13px;
}
.user-info-drawer__title[data-v-aa0b58ae] {
  font-size: 16px;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1.3;
}
.user-info-drawer__desc[data-v-aa0b58ae] {
  font-size: 11px;
  color: #9ca3af;
  margin-top: 2px;
}
.drawer-title[data-v-aa0b58ae] {
  font-size: 16px;
  font-weight: 700;
  color: #1a1a1a;
  padding-bottom: 13px;
}
.tab-content[data-v-aa0b58ae] {
  padding: 10px 12px 28px;
  min-height: 100%;
}
.profile-card[data-v-aa0b58ae] {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.04);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.04);
  margin-bottom: 10px;
}
.profile-card__header[data-v-aa0b58ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 13px 16px;
  border-bottom: 1px solid #f0f0f0;
}
.profile-card__title[data-v-aa0b58ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 600;
  color: #1a1a1a;
  letter-spacing: 0.2px;
}
.s-icon[data-v-aa0b58ae] {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.s-icon.bg-blue[data-v-aa0b58ae] {
  background: #dbeafe;
  color: #2563eb;
}
.s-icon.bg-green[data-v-aa0b58ae] {
  background: #d1fae5;
  color: #059669;
}
.s-icon.bg-orange[data-v-aa0b58ae] {
  background: #ffedd5;
  color: #ea580c;
}
.s-icon.bg-yellow[data-v-aa0b58ae] {
  background: #fef9c3;
  color: #ca8a04;
}
.s-icon.bg-gray[data-v-aa0b58ae] {
  background: #f3f4f6;
  color: #4b5563;
}
.edit-btn[data-v-aa0b58ae] {
  font-size: 12px;
  color: #3b82f6;
  background: #eff6ff;
  padding: 4px 11px;
  border-radius: 20px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
}
.info-grid[data-v-aa0b58ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.info-cell[data-v-aa0b58ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 11px;
  padding: 0 16px;
  -webkit-transition: background 0.12s;
  transition: background 0.12s;
}
.info-cell.clickable[data-v-aa0b58ae] {
  cursor: pointer;
}
.info-cell.clickable[data-v-aa0b58ae]:active {
  background: #fafafa;
}
.info-cell:not(.info-cell--full) .info-cell__body[data-v-aa0b58ae] {
  border-bottom: 1px solid #f0f0f0;
}
.info-cell:not(.info-cell--full):last-child .info-cell__body[data-v-aa0b58ae] {
  border-bottom: none;
}
.info-cell--full[data-v-aa0b58ae] {
  border-top: 1px solid #f0f0f0;
}
.info-cell__body[data-v-aa0b58ae] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  padding: 15px 0;
  min-width: 0;
}
.info-cell__label[data-v-aa0b58ae] {
  font-size: 14px;
  font-weight: 500;
  color: #1a1a1a;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  white-space: nowrap;
}
.info-cell__value[data-v-aa0b58ae] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  color: #6b7280;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 4px;
  text-align: right;
  min-width: 0;
}
.info-cell__value.text-ellipsis[data-v-aa0b58ae] {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
}
.c-icon[data-v-aa0b58ae] {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.c-icon.bg-blue-light[data-v-aa0b58ae] {
  background: #dbeafe;
  color: #2563eb;
}
.c-icon.bg-green-light[data-v-aa0b58ae] {
  background: #d1fae5;
  color: #059669;
}
.c-icon.bg-orange-light[data-v-aa0b58ae] {
  background: #ffedd5;
  color: #ea580c;
}
.c-icon.bg-red-light[data-v-aa0b58ae] {
  background: #fee2e2;
  color: #dc2626;
}
.c-icon.bg-purple-light[data-v-aa0b58ae] {
  background: #ede9fe;
  color: #7c3aed;
}
.c-icon.bg-teal-light[data-v-aa0b58ae] {
  background: #ccfbf1;
  color: #0d9488;
}
.c-icon.bg-pink-light[data-v-aa0b58ae] {
  background: #fce7f3;
  color: #db2777;
}
.c-icon.bg-indigo-light[data-v-aa0b58ae] {
  background: #e0e7ff;
  color: #4f46e5;
}
.arrow-icon[data-v-aa0b58ae] {
  color: #c4c9d4;
  font-size: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.placeholder-text[data-v-aa0b58ae] {
  color: #9ca3af;
  font-size: 13px;
}
.cell-tag[data-v-aa0b58ae] {
  border: none;
  border-radius: 10px;
  padding: 0 7px;
  height: 20px;
  line-height: 20px;
  font-size: 11px;
}
.cell-tag.tag-blue[data-v-aa0b58ae] {
  background: #dbeafe;
  color: #2563eb;
}
.cell-tag.tag-green[data-v-aa0b58ae] {
  background: #d1fae5;
  color: #059669;
}
.cell-tag.tag-yellow[data-v-aa0b58ae] {
  background: #fef9c3;
  color: #ca8a04;
}
.stats-grid[data-v-aa0b58ae] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding: 12px 14px 14px;
}
.stat-item[data-v-aa0b58ae] {
  background: #f4f5f7;
  border-radius: 11px;
  padding: 12px 12px 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
}
.stat-item__icon[data-v-aa0b58ae] {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 15px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-bottom: 8px;
}
.stat-item__icon.bg-blue-light[data-v-aa0b58ae] {
  background: #dbeafe;
  color: #2563eb;
}
.stat-item__icon.bg-green-light[data-v-aa0b58ae] {
  background: #d1fae5;
  color: #059669;
}
.stat-item__icon.bg-orange-light[data-v-aa0b58ae] {
  background: #ffedd5;
  color: #ea580c;
}
.stat-item__icon.bg-red-light[data-v-aa0b58ae] {
  background: #fee2e2;
  color: #dc2626;
}
.stat-item__icon.bg-purple-light[data-v-aa0b58ae] {
  background: #ede9fe;
  color: #7c3aed;
}
.stat-item__icon.bg-teal-light[data-v-aa0b58ae] {
  background: #ccfbf1;
  color: #0d9488;
}
.stat-item__value[data-v-aa0b58ae] {
  font-size: 22px;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1;
  margin-bottom: 4px;
}
.stat-item__label[data-v-aa0b58ae] {
  font-size: 11px;
  color: #9ca3af;
  line-height: 1;
}
.action-list[data-v-aa0b58ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.action-item[data-v-aa0b58ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 14px 16px;
  cursor: pointer;
  border-bottom: 1px solid #f0f0f0;
  -webkit-transition: background 0.12s;
  transition: background 0.12s;
}
.action-item[data-v-aa0b58ae]:last-child {
  border-bottom: none;
}
.action-item[data-v-aa0b58ae]:active {
  background: #fafafa;
}
.action-item__icon[data-v-aa0b58ae] {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 17px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.action-item__icon.bg-blue-light[data-v-aa0b58ae] {
  background: #dbeafe;
  color: #2563eb;
}
.action-item__icon.bg-green-light[data-v-aa0b58ae] {
  background: #d1fae5;
  color: #059669;
}
.action-item__text[data-v-aa0b58ae] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  font-weight: 500;
  color: #1a1a1a;
}
.action-item__arrow[data-v-aa0b58ae] {
  color: #c4c9d4;
  font-size: 13px;
}
.header-actions[data-v-aa0b58ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.refresh-icon[data-v-aa0b58ae] {
  font-size: 15px;
  color: #9ca3af;
  cursor: pointer;
}
.add-btn[data-v-aa0b58ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  font-size: 12px;
  font-weight: 500;
  color: #3b82f6;
  background: #eff6ff;
  padding: 5px 12px;
  border-radius: 20px;
  cursor: pointer;
}
.remark-list[data-v-aa0b58ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.remark-card[data-v-aa0b58ae] {
  padding: 13px 16px;
  border-bottom: 1px solid #f0f0f0;
}
.remark-card[data-v-aa0b58ae]:last-child {
  border-bottom: none;
}
.remark-card__title[data-v-aa0b58ae] {
  font-size: 12px;
  color: #9ca3af;
  margin-bottom: 5px;
}
.remark-card__content[data-v-aa0b58ae] {
  font-size: 14px;
  color: #1a1a1a;
  line-height: 1.6;
  margin-bottom: 10px;
}
.remark-card__footer[data-v-aa0b58ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.remark-card__time[data-v-aa0b58ae] {
  font-size: 12px;
  color: #9ca3af;
}
.remark-card__actions[data-v-aa0b58ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.btn-edit[data-v-aa0b58ae] {
  font-size: 13px;
  color: #3b82f6;
  cursor: pointer;
}
.btn-delete[data-v-aa0b58ae] {
  font-size: 13px;
  color: #ef4444;
  cursor: pointer;
}
.empty-state[data-v-aa0b58ae] {
  text-align: center;
  padding: 22px 0 10px;
}
.empty-state__icon[data-v-aa0b58ae] {
  font-size: 36px;
  color: #d1d5db;
  display: block;
  margin-bottom: 7px;
}
.empty-state__text[data-v-aa0b58ae] {
  font-size: 13px;
  color: #9ca3af;
}
[data-v-aa0b58ae] .remark-editor-drawer {
  border-radius: 16px 16px 0 0;
}
[data-v-aa0b58ae] .remark-editor-drawer .el-drawer__header {
  margin-bottom: 0;
  padding: 14px 16px;
  border-bottom: 1px solid #f0f0f0;
  color: #1a1a1a;
}
[data-v-aa0b58ae] .remark-editor-drawer .el-drawer__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
}
[data-v-aa0b58ae] .remark-editor-drawer .el-form .el-form-item {
  margin-bottom: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
[data-v-aa0b58ae] .remark-editor-drawer .el-form .el-form-item__label {
  float: none;
  width: auto !important;
  line-height: 1.4;
  text-align: left;
  padding: 0 0 6px;
  color: #6b7280;
  font-size: 13px;
}
[data-v-aa0b58ae] .remark-editor-drawer .el-form .el-form-item__content {
  margin-left: 0 !important;
  line-height: 1;
}
[data-v-aa0b58ae] .remark-editor-drawer .el-form .el-form-item__error {
  position: static;
  padding-top: 4px;
  font-size: 12px;
}
[data-v-aa0b58ae] .remark-editor-drawer .el-input__inner,[data-v-aa0b58ae] .remark-editor-drawer .el-textarea__inner {
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  color: #1a1a1a;
  font-size: 14px;
  -webkit-transition: border-color 0.2s, background-color 0.2s;
  transition: border-color 0.2s, background-color 0.2s;
}
[data-v-aa0b58ae] .remark-editor-drawer .el-input__inner {
  height: 40px;
  line-height: 40px;
  padding: 0 12px;
}
[data-v-aa0b58ae] .remark-editor-drawer .el-textarea__inner {
  min-height: 108px !important;
  padding: 10px 12px;
  line-height: 1.5;
}
[data-v-aa0b58ae] .remark-editor-drawer .el-input__inner:focus,[data-v-aa0b58ae] .remark-editor-drawer .el-textarea__inner:focus {
  border-color: #3b82f6;
  background: #fff;
}
.remark-drawer-body[data-v-aa0b58ae] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 14px 16px 12px;
  overflow-y: auto;
}
.country-area-cascader-anchor[data-v-aa0b58ae] {
  height: 0;
  overflow: visible;
}
.country-area-cascader-anchor[data-v-aa0b58ae]  .hidden-mobile-cascader .m-cascader__trigger {
  display: none !important;
  height: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
}
.country-area-cascader-anchor[data-v-aa0b58ae]  .hidden-mobile-cascader .m-select__trigger {
  display: none !important;
  height: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
}
.country-area-cascader-anchor[data-v-aa0b58ae]  .hidden-mobile-cascader .m-cascader__overlay,
.country-area-cascader-anchor[data-v-aa0b58ae]  .hidden-mobile-cascader .m-select__overlay {
  z-index: 3600 !important;
}
.country-area-cascader-anchor[data-v-aa0b58ae]  .hidden-mobile-cascader .m-cascader__panel,
.country-area-cascader-anchor[data-v-aa0b58ae]  .hidden-mobile-cascader .m-select__panel {
  z-index: 3601 !important;
}
.remark-drawer-footer[data-v-aa0b58ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
  border-top: 1px solid #f0f0f0;
  background: #fff;
}
.remark-drawer-footer .el-button[data-v-aa0b58ae] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 40px;
  border-radius: 22px;
  font-size: 14px;
  margin: 0;
}
[data-v-aa0b58ae] .media-account-drawer {
  border-radius: 16px 16px 0 0;
}
[data-v-aa0b58ae] .media-account-drawer .el-drawer__header {
  margin-bottom: 0;
  padding: 14px 16px;
  border-bottom: 1px solid #f0f0f0;
  color: #1a1a1a;
}
[data-v-aa0b58ae] .media-account-drawer .el-drawer__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
}
[data-v-aa0b58ae] .media-account-drawer .el-input__inner,[data-v-aa0b58ae] .media-account-drawer .el-select .el-input__inner {
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  font-size: 14px;
}
[data-v-aa0b58ae] .media-account-drawer .el-input__inner:focus,[data-v-aa0b58ae] .media-account-drawer .el-select .el-input.is-focus .el-input__inner {
  border-color: #3b82f6;
  background: #fff;
}
.media-drawer-body[data-v-aa0b58ae] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 12px 16px 8px;
}
.media-row[data-v-aa0b58ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.media-row__inputs[data-v-aa0b58ae] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.media-row__type[data-v-aa0b58ae] {
  width: 36%;
  min-width: 110px;
}
.media-row__account[data-v-aa0b58ae] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.media-row__actions[data-v-aa0b58ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.action-icon[data-v-aa0b58ae] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  cursor: pointer;
}
.action-icon.add[data-v-aa0b58ae] {
  color: #3b82f6;
  background: #eff6ff;
}
.action-icon.del[data-v-aa0b58ae] {
  color: #ef4444;
  background: #fef2f2;
}
.media-drawer-footer[data-v-aa0b58ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
  border-top: 1px solid #f0f0f0;
  background: #fff;
}
.media-drawer-footer .el-button[data-v-aa0b58ae] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 40px;
  border-radius: 22px;
  font-size: 14px;
  margin: 0;
}
[data-v-aa0b58ae] .car-models-drawer {
  border-radius: 16px 16px 0 0;
}
[data-v-aa0b58ae] .car-models-drawer .el-drawer__header {
  margin-bottom: 0;
  padding: 14px 16px;
  border-bottom: 1px solid #f0f0f0;
  color: #1a1a1a;
}
[data-v-aa0b58ae] .car-models-drawer .el-drawer__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
}
[data-v-aa0b58ae] .car-models-drawer .el-input__inner {
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  font-size: 14px;
  color: #1a1a1a;
}
.car-drawer-body[data-v-aa0b58ae] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 12px 16px 8px;
}
.car-list[data-v-aa0b58ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.car-row[data-v-aa0b58ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.car-row .el-input[data-v-aa0b58ae] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.car-row__delete[data-v-aa0b58ae] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fef2f2;
  color: #ef4444;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.car-empty[data-v-aa0b58ae] {
  text-align: center;
  color: #9ca3af;
  font-size: 13px;
  padding: 16px 0 8px;
}
.car-add-btn[data-v-aa0b58ae] {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  color: #3b82f6;
  font-size: 14px;
  font-weight: 500;
  background: #eff6ff;
  border-radius: 20px;
  padding: 10px 0;
  cursor: pointer;
}
.car-drawer-footer[data-v-aa0b58ae] {
  padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
  border-top: 1px solid #f0f0f0;
  background: #fff;
}
.car-drawer-footer .el-button[data-v-aa0b58ae] {
  width: 100%;
  height: 40px;
  border-radius: 22px;
  font-size: 14px;
  margin: 0;
}
[data-v-aa0b58ae] .sns-link-drawer {
  border-radius: 16px 16px 0 0;
}
[data-v-aa0b58ae] .sns-link-drawer .el-drawer__header {
  margin-bottom: 0;
  padding: 14px 16px;
  border-bottom: 1px solid #f0f0f0;
  color: #1a1a1a;
}
[data-v-aa0b58ae] .sns-link-drawer .el-drawer__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
}
[data-v-aa0b58ae] .sns-link-drawer .el-input__inner {
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  height: 40px;
  line-height: 40px;
  padding: 0 12px;
  font-size: 14px;
}
[data-v-aa0b58ae] .sns-link-drawer .el-input__inner:focus {
  border-color: #3b82f6;
  background: #fff;
}
.sns-drawer-body[data-v-aa0b58ae] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 14px 16px 10px;
}
.sns-drawer-footer[data-v-aa0b58ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
  border-top: 1px solid #f0f0f0;
  background: #fff;
}
.sns-drawer-footer .el-button[data-v-aa0b58ae] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 40px;
  border-radius: 22px;
  font-size: 14px;
  margin: 0;
}
[data-v-aa0b58ae] .user-attr-drawer {
  border-radius: 16px 16px 0 0;
}
[data-v-aa0b58ae] .user-attr-drawer .el-drawer__header {
  margin-bottom: 0;
  padding: 14px 16px;
  border-bottom: 1px solid #f0f0f0;
  color: #1a1a1a;
}
[data-v-aa0b58ae] .user-attr-drawer .el-drawer__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
}
.user-attr-drawer-body[data-v-aa0b58ae] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 12px 16px 8px;
}
.user-attr-select[data-v-aa0b58ae] {
  margin-bottom: 12px;
}
.user-attr-select__label[data-v-aa0b58ae] {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 6px;
}
.user-attr-drawer-footer[data-v-aa0b58ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
  border-top: 1px solid #f0f0f0;
  background: #fff;
}
.user-attr-drawer-footer .el-button[data-v-aa0b58ae] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 40px;
  border-radius: 22px;
  font-size: 14px;
  margin: 0;
}
[data-v-aa0b58ae] .user-label-drawer {
  border-radius: 16px 16px 0 0;
}
[data-v-aa0b58ae] .user-label-drawer .el-drawer__header {
  margin-bottom: 0;
  padding: 14px 16px;
  border-bottom: 1px solid #f0f0f0;
  color: #1a1a1a;
}
[data-v-aa0b58ae] .user-label-drawer .el-drawer__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
}
.user-label-drawer-body[data-v-aa0b58ae] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 12px 16px 10px;
}
.user-label-list-wrap[data-v-aa0b58ae] {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #f9fafb;
  min-height: 84px;
  padding: 10px;
  margin-bottom: 12px;
}
.user-label-tag[data-v-aa0b58ae] {
  margin: 0 8px 8px 0;
}
.user-label-empty[data-v-aa0b58ae] {
  color: #9ca3af;
  font-size: 13px;
}
.user-label-input-row[data-v-aa0b58ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.user-label-input-row .el-input[data-v-aa0b58ae] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.user-label-input-row .el-button[data-v-aa0b58ae] {
  min-width: 84px;
  border-radius: 10px;
}
.user-label-drawer-footer[data-v-aa0b58ae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
  border-top: 1px solid #f0f0f0;
  background: #fff;
}
.user-label-drawer-footer .el-button[data-v-aa0b58ae] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 40px;
  border-radius: 22px;
  font-size: 14px;
  margin: 0;
}
.email-thread-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  background-color: #fff;
  border-top: 1px solid #ebeef5;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.email-thread-footer__more {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 38px;
  padding: 0 18px;
  border-radius: 22px;
  font-size: 14px;
  color: #606266;
  border-color: #dcdfe6;
  background-color: #f5f7fa;
}
.email-thread-footer__more span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.email-thread-footer__more i {
  font-size: 16px;
}
.email-thread-footer__more:hover, .email-thread-footer__more:active {
  background-color: #ebeef5;
  border-color: #c0c4cc;
  color: #303133;
}
.email-thread-footer__reply {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 38px;
  border-radius: 22px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.email-thread-footer__reply span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
}
.email-thread-footer__reply i {
  font-size: 17px;
}
.pf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  min-height: 0;
  background: #0f1828;
  font-family: -apple-system, "PingFang SC", "Helvetica Neue", sans-serif;
}
.pf__top {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(#1e2d45), to(#0f1828));
  background: linear-gradient(180deg, #1e2d45 0%, #0f1828 100%);
  padding: 28px 28px 52px;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.pf__grid {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  background-size: 28px 28px;
  pointer-events: none;
}
.pf__glow {
  position: absolute;
  border-radius: 50%;
  -webkit-filter: blur(70px);
          filter: blur(70px);
  pointer-events: none;
}
.pf__glow--1 {
  width: 280px;
  height: 280px;
  background: rgba(22, 93, 255, 0.22);
  top: -80px;
  right: -60px;
}
.pf__glow--2 {
  width: 200px;
  height: 200px;
  background: rgba(74, 108, 247, 0.15);
  bottom: 10px;
  left: -50px;
}
.pf__hero {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-animation: pfFadeUp 0.5s ease both;
          animation: pfFadeUp 0.5s ease both;
}
.pf__avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(255, 255, 255, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 32px;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 14px;
  -webkit-box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.05);
          box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.05);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
.pf__name {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}
.pf__status {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  padding: 4px 12px;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.pf__status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #00d6a1;
  -webkit-box-shadow: 0 0 6px #00d6a1;
          box-shadow: 0 0 6px #00d6a1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.pf__bottom {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #f5f6fa;
  border-radius: 24px 24px 0 0;
  padding: 20px 16px 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-animation: pfFadeUp 0.5s ease 0.15s both;
          animation: pfFadeUp 0.5s ease 0.15s both;
}
.pf__card {
  background: #fff;
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 16px;
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.04);
}
.pf__section-title {
  font-size: 13px;
  font-weight: 600;
  color: #86909c;
  letter-spacing: 0.3px;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.pf__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
}
.pf__menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid #f2f3f5;
}
.pf__menu-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.pf__menu-item:first-child {
  padding-top: 0;
}
.pf__menu-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.pf__menu-icon .svg-icon {
  width: 16px;
  height: 16px;
  color: #fff;
}
.pf__menu-icon--blue {
  background: linear-gradient(135deg, #4a7fff, #165dff);
  -webkit-box-shadow: 0 4px 10px rgba(22, 93, 255, 0.28);
          box-shadow: 0 4px 10px rgba(22, 93, 255, 0.28);
}
.pf__menu-icon--green {
  background: linear-gradient(135deg, #36d9b0, #00b894);
  -webkit-box-shadow: 0 4px 10px rgba(0, 184, 148, 0.28);
          box-shadow: 0 4px 10px rgba(0, 184, 148, 0.28);
}
.pf__menu-icon--orange {
  background: linear-gradient(135deg, #ffa94d, #ff7043);
  -webkit-box-shadow: 0 4px 10px rgba(255, 112, 67, 0.28);
          box-shadow: 0 4px 10px rgba(255, 112, 67, 0.28);
}
.pf__menu-label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  color: #4e5969;
  font-weight: 500;
}
.pf__menu-value {
  font-size: 14px;
  color: #86909c;
}
.pf__menu-value--green {
  color: #00b894;
  font-weight: 600;
}
.pf__logout-wrap {
  padding: 8px 0 16px;
}
.pf__logout {
  width: 100%;
  height: 50px;
  background: linear-gradient(135deg, #ff6b6b, #ee5a24);
  border: none;
  border-radius: 12px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  letter-spacing: 0.5px;
  -webkit-box-shadow: 0 6px 20px rgba(238, 90, 36, 0.3);
          box-shadow: 0 6px 20px rgba(238, 90, 36, 0.3);
  -webkit-transition: background 0.15s, -webkit-box-shadow 0.15s, -webkit-transform 0.1s;
  transition: background 0.15s, -webkit-box-shadow 0.15s, -webkit-transform 0.1s;
  transition: background 0.15s, box-shadow 0.15s, transform 0.1s;
  transition: background 0.15s, box-shadow 0.15s, transform 0.1s, -webkit-box-shadow 0.15s, -webkit-transform 0.1s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  font-family: inherit;
  position: relative;
  overflow: hidden;
}
.pf__logout::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, transparent 60%);
  pointer-events: none;
}
.pf__logout:active {
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
  -webkit-box-shadow: 0 3px 10px rgba(238, 90, 36, 0.2);
          box-shadow: 0 3px 10px rgba(238, 90, 36, 0.2);
}
.pf__logout-icon {
  opacity: 0.9;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.pf__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
  padding: 20px 8px 32px;
  margin-top: auto;
}
.pf__footer-line {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(#e5e7eb));
  background: linear-gradient(90deg, transparent, #e5e7eb);
}
.pf__footer-line:last-child {
  background: -webkit-gradient(linear, left top, right top, from(#e5e7eb), to(transparent));
  background: linear-gradient(90deg, #e5e7eb, transparent);
}
.pf__footer-text {
  font-size: 11px;
  color: #c2c7d0;
  white-space: nowrap;
  letter-spacing: 0.5px;
}
@-webkit-keyframes pfFadeUp {
from {
    opacity: 0;
    -webkit-transform: translateY(16px);
            transform: translateY(16px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
@keyframes pfFadeUp {
from {
    opacity: 0;
    -webkit-transform: translateY(16px);
            transform: translateY(16px);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
}
.svg-page[data-v-1c2182bb] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.svg-page__file-input[data-v-1c2182bb] {
  display: none;
}
.svg-page__drop-wrap[data-v-1c2182bb] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.svg-page__setup[data-v-1c2182bb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.svg-page__setup-row[data-v-1c2182bb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.svg-page__label[data-v-1c2182bb] {
  font-size: 13px;
  color: #606266;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.svg-page__drop-zone[data-v-1c2182bb] {
  width: 320px;
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px dashed #d9d9d9;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: border-color 0.2s, background-color 0.2s;
  transition: border-color 0.2s, background-color 0.2s;
}
.svg-page__drop-zone[data-v-1c2182bb]:hover:not(.is-disabled), .svg-page__drop-zone.is-dragover[data-v-1c2182bb] {
  border-color: #409eff;
  background-color: #f0f7ff;
}
.svg-page__drop-zone.is-disabled[data-v-1c2182bb] {
  cursor: not-allowed;
  opacity: 0.6;
}
.svg-page__drop-icon[data-v-1c2182bb] {
  font-size: 48px;
  color: #c0c4cc;
  margin-bottom: 16px;
}
.svg-page__drop-text[data-v-1c2182bb] {
  font-size: 14px;
  color: #606266;
  margin: 0 0 8px;
}
.svg-page__drop-text span[data-v-1c2182bb] {
  color: #409eff;
  cursor: pointer;
}
.svg-page__drop-hint[data-v-1c2182bb] {
  font-size: 12px;
  color: #c0c4cc;
  margin: 0;
}
.svg-page__result[data-v-1c2182bb] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.svg-page__header[data-v-1c2182bb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 48px;
  padding: 0 16px;
  border-bottom: 1px solid #e8e8e8;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.svg-page__title[data-v-1c2182bb] {
  font-size: 14px;
  font-weight: 500;
  color: #333;
}
.svg-page__actions[data-v-1c2182bb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.svg-page__content[data-v-1c2182bb] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  padding: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
/* icon font path, required */
#app {
  height: 100% !important;
  position: relative;
}
.context-menu[data-v-ebf95a9e] {
  position: fixed;
  z-index: 3000;
  background-color: #fff;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  padding: 5px 0;
}
.context-menu ul[data-v-ebf95a9e] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.context-menu li[data-v-ebf95a9e] {
  padding: 0 20px;
  height: 34px;
  line-height: 34px;
  cursor: pointer;
  font-size: 14px;
  color: #606266;
}
.context-menu li[data-v-ebf95a9e]:hover {
  background-color: #f5f7fa;
  color: #303133;
}

.svg-icon[data-v-c8a70580] {
  width: 1.2em;
  height: 1.2em;
  vertical-align: -0.18em;
  fill: currentColor;
  overflow: hidden;
}
.svg-icon-alt[data-v-c8a70580] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.2em;
  height: 1.2em;
  overflow: hidden;
  border-radius: 2px;
  color: white;
}

[data-v-7fbc8e78] .custom-dialog .el-dialog__header {
  padding: 10px 20px;
}
[data-v-7fbc8e78] .custom-dialog .el-dialog__header .el-dialog__title {
  font-size: 17px;
}
[data-v-7fbc8e78] .custom-dialog .el-dialog__header .el-dialog__headerbtn {
  top: 15px;
}
[data-v-7fbc8e78] .custom-dialog .el-dialog__header .el-dialog__headerbtn .i {
  font-size: large;
}
[data-v-7fbc8e78] .custom-dialog .el-dialog__footer {
  padding: 10px 20px;
}
.border[data-v-7fbc8e78]  .el-dialog__header {
  border-bottom: 1px solid #e8e8e8;
}
.border[data-v-7fbc8e78]  .el-dialog__footer {
  border-top: 1px solid #e8e8e8;
}
.line[data-v-2a464c48] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lines[data-v-2a464c48] {
  display: -webkit-box;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: var(--row);
  -webkit-box-orient: vertical;
}

.el-dialog__header {
  cursor: move;
}
.el-dialog__wrapper {
  width: 100vw;
  height: 100vh;
  /* 隐藏滚动条但保持滚动功能 */
  overflow: auto;
  /* WebKit 浏览器 (Chrome, Safari, Edge) */
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE/Edge */
}

/* 隐藏 WebKit 浏览器的滚动条 */
.el-dialog__wrapper::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}