@charset "UTF-8";:root {
  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;

  color-scheme: light dark;
  color: rgba(255, 255, 255, 0.87);
  background-color: #242424;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  font-weight: 500;
  color: #646cff;
  text-decoration: inherit;
}
a:hover {
  color: #535bf2;
}

body {
  margin: 0;
  display: flex;
  place-items: center;
  min-width: 320px;
  min-height: 100vh;
}

h1 {
  font-size: 3.2em;
  line-height: 1.1;
}

button {
  border-radius: 8px;
  border: 1px solid transparent;
  padding: 0.6em 1.2em;
  font-size: 1em;
  font-weight: 500;
  font-family: inherit;
  background-color: #1a1a1a;
  cursor: pointer;
  transition: border-color 0.25s;
}
button:hover {
  border-color: #646cff;
}
button:focus,
button:focus-visible {
  outline: 4px auto -webkit-focus-ring-color;
}

.card {
  padding: 2em;
}


@media (prefers-color-scheme: light) {
  :root {
    color: #213547;
    background-color: #ffffff;
  }
  a:hover {
    color: #747bff;
  }
  button {
    background-color: #f9f9f9;
  }
}

/* ==================== Element Plus 全局样式覆盖 ==================== */

/* 分页器整体样式 */
.el-pagination {
  --el-pagination-bg-color: var(--module-bg-color, #2d2d2d) !important;
  --el-pagination-text-color: var(--text-original, #e0e0e0) !important;
  --el-pagination-button-bg-color: var(--module-bg-color, #2d2d2d) !important;
  --el-pagination-button-color: var(--text-original, #e0e0e0) !important;
  --el-pagination-hover-color: var(--text-modified, #7c8aff) !important;
  --el-pagination-button-disabled-bg-color: var(--module-bg-color, #2d2d2d) !important;
  --el-pagination-button-disabled-color: var(--text-original, #666) !important;
}

/* 分页器总条数 */
.el-pagination__total {
  color: var(--text-original, #e0e0e0) !important;
}

/* 分页器页码按钮 */
.el-pager li {
  background-color: var(--module-bg-color, #2d2d2d) !important;
  color: var(--text-original, #e0e0e0) !important;
  border: 1px solid var(--border-color, #404040) !important;
  border-radius: 4px !important;
}

.el-pager li:hover {
  color: var(--text-modified, #7c8aff) !important;
  border-color: var(--text-modified, #7c8aff) !important;
}

.el-pager li.is-active {
  background-color: var(--text-modified, #7c8aff) !important;
  color: var(--module-bg-color, #2d2d2d) !important;
  border-color: var(--text-modified, #7c8aff) !important;
}

/* 分页器前后按钮 */
.el-pagination .btn-prev,
.el-pagination .btn-next {
  background-color: var(--module-bg-color, #2d2d2d) !important;
  color: var(--text-original, #e0e0e0) !important;
  border: 1px solid var(--border-color, #404040) !important;
  border-radius: 4px !important;
}

.el-pagination .btn-prev:hover,
.el-pagination .btn-next:hover {
  color: var(--text-modified, #7c8aff) !important;
  border-color: var(--text-modified, #7c8aff) !important;
}

.el-pagination .btn-prev:disabled,
.el-pagination .btn-next:disabled {
  background-color: var(--module-bg-color, #2d2d2d) !important;
  color: var(--text-original, #666) !important;
  opacity: 0.5;
}

/* 分页器跳转输入框 */
.el-pagination__jump {
  color: var(--text-original, #e0e0e0) !important;
}

.el-pagination__editor .el-input__wrapper {
  background-color: var(--module-bg-color, #2d2d2d) !important;
  border: 1px solid var(--border-color, #404040) !important;
  box-shadow: none !important;
}

.el-pagination__editor .el-input__inner {
  color: var(--text-original, #e0e0e0) !important;
  background-color: transparent !important;
}

/* 分页器每页条数选择器 */
.el-pagination .el-select .el-input__wrapper {
  background-color: var(--module-bg-color, #2d2d2d) !important;
  border: 1px solid var(--border-color, #404040) !important;
  box-shadow: none !important;
}

.el-pagination .el-select .el-input__inner {
  color: var(--text-original, #e0e0e0) !important;
  background-color: transparent !important;
}

.el-pagination .el-select .el-select__placeholder {
  color: var(--text-original, #e0e0e0) !important;
}

.el-pagination .el-select .el-select__caret {
  color: var(--text-original, #e0e0e0) !important;
}

/* Element Plus 下拉菜单弹出层（通过Teleport渲染到body） */
.el-select-dropdown {
  background-color: var(--module-bg-color, #2d2d2d) !important;
  border: 1px solid var(--border-color, #404040) !important;
}

.el-select-dropdown__item {
  color: var(--text-original, #e0e0e0) !important;
}

.el-select-dropdown__item:hover,
.el-select-dropdown__item.hover {
  background-color: var(--background-color, #1a1a1a) !important;
  color: var(--text-modified, #7c8aff) !important;
}

.el-select-dropdown__item.is-selected {
  background-color: var(--background-color, #1a1a1a) !important;
  color: var(--text-modified, #7c8aff) !important;
  font-weight: 600;
}

/* Element Plus Popper 箭头 */
.el-popper.is-light {
  background-color: var(--module-bg-color, #2d2d2d) !important;
  border: 1px solid var(--border-color, #404040) !important;
}

.el-popper.is-light .el-popper__arrow::before {
  background-color: var(--module-bg-color, #2d2d2d) !important;
  border-color: var(--border-color, #404040) !important;
}

/* Element Plus Input 全局样式 */
.el-input__wrapper {
  background-color: var(--module-bg-color, #2d2d2d) !important;
  box-shadow: 0 0 0 1px var(--border-color, #404040) inset !important;
}

.el-input__wrapper:hover {
  box-shadow: 0 0 0 1px var(--text-modified, #7c8aff) inset !important;
}

.el-input__wrapper.is-focus {
  box-shadow: 0 0 0 1px var(--text-modified, #7c8aff) inset !important;
}

.el-input__inner {
  color: var(--text-original, #e0e0e0) !important;
  background-color: transparent !important;
  -webkit-text-fill-color: var(--text-original, #e0e0e0) !important;
}

.el-input__inner::placeholder {
  color: var(--text-original, #888) !important;
  -webkit-text-fill-color: var(--text-original, #888) !important;
}

/* Element Plus Select 选中值样式 */
.el-select .el-select__selection-text {
  color: var(--text-original, #e0e0e0) !important;
}

.el-select__wrapper {
  background-color: var(--module-bg-color, #2d2d2d) !important;
  box-shadow: 0 0 0 1px var(--border-color, #404040) inset !important;
}

.el-select__wrapper:hover {
  box-shadow: 0 0 0 1px var(--text-modified, #7c8aff) inset !important;
}

.el-select__wrapper.is-focused {
  box-shadow: 0 0 0 1px var(--text-modified, #7c8aff) inset !important;
}

.el-select__placeholder {
  color: var(--text-original, #e0e0e0) !important;
}

.el-select__caret {
  color: var(--text-original, #e0e0e0) !important;
}
/* ==========================================================================
   共享样式：全局变量、容器、遮罩、关闭按钮、主布局
   ========================================================================== */

/* 1. 全局变量定义 (Design Tokens) */
:root {
  /* 品牌色 - SVIP (尊贵金/橙) */
  --btn-primary: var(--btn-primary-bg);
  --btn-primary-light: var(--text-original); /* 选中背景色 */
  --btn-primary-dark: var(--text-modified);

  /* 辅助色 - VIP (冷静蓝/灰) */
  --btn-secondary: var(--btn-secondary-bg);
  
  /* 界面基础色 */
  --btn-bg-body: var(--background-color);   /* 浅灰背景 */
  --btn-bg-card: var(--module-bg-color);   /* 卡片白色背景 */
  --btn-border: var(--border-color);    /* 边框颜色 */
  
  /* 关闭按钮颜色（保留透明度） */
  --btn-close-bg: var(--text-original); /* 默认背景色 */
  --btn-close-bg-hover: var(--text-original); /* 悬停背景色 */
  
  /* 文本颜色 */
  --btn-text-main: var(--text-original); /* 主标题 */
  --btn-text-reg: var(--text-original);  /* 正文 */
  --btn-text-sub: var(--text-original);  /* 辅助/说明 */
  --btn-text-price: var(--btn-primary-bg); /* 价格红 */

  /* 阴影 */
  --btn-shadow-modal: var(--modal-shadow);
  --btn-shadow-card: var(--card-shadow);
  
  /* 圆角 */
  --btn-radius-lg: 16px;
  --btn-radius-md: 8px;
  --btn-radius-sm: 4px;
}

/* 2. 容器与遮罩 (Container & Overlay) */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(4px); /* 毛玻璃效果 */
  z-index: 9998;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pay-modal-container {
  position: relative;
  max-width: 70rem;
  margin: 0 auto;
  background-color: var(--module-bg-color);
  border-radius: 12px;
  box-shadow: var(--btn-shadow-modal);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  box-sizing: border-box;
  height: 80vh;
}

/* 关闭按钮 */
.close-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border: none;
  background-color: var(--text-original);
  border-radius: 50%;
  cursor: pointer;
  color: var(--module-bg-color);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  z-index: 11100;
  box-shadow: var(--card-shadow);
  padding: 0;
}

.close-btn svg {
  width: 16px;
  height: 16px;
  stroke-width: 2.5px;
}

.close-btn:hover {
  background: var(--text-original);
  color: var(--module-bg-color);
  transform: rotate(90deg);
}

.close-btn.disabled,
.close-btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  background-color: var(--text-original);
  color: var(--text-original);
  pointer-events: auto;
}

.close-btn.disabled:hover,
.close-btn:disabled:hover {
  background-color: var(--text-original);
  color: var(--text-original);
  transform: none;
}

/* 3. 主布局 (Split Layout) */
.pay-layout {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.layout-container {
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;
  gap: 0;
  border-radius: 12px;
  overflow: hidden;
}

/* 左侧区域 - 70%宽度 */
.layout-left {
  flex: 0 0 70%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px;
  overflow-y: auto;
  background: var(--background-color);
}

/* 右侧区域 - 30%宽度 */
.layout-right {
  flex: 0 0 30%;
  display: flex;
  flex-direction: column;
  padding: 12px;
  background: var(--module-bg-color);
  border-left: 1px solid var(--border-color);
  overflow-y: auto;
}

/* 通用标题样式 */
.section-header {
  margin-bottom: 24px;
}

.section-header h2 {
  font-size: 22px;
  font-weight: 700;
  color: var(--btn-text-main);
  margin: 0 0 8px 0;
}

.section-header .subtitle {
  font-size: 14px;
  color: var(--btn-text-sub);
}

/* 过期提示 */
.expired-alert {
  width: 100%;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid #ef4444;
  border-radius: 0;
  border-left: none;
  border-right: none;
  border-top: none;
  padding: 14px 20px;
  text-align: center;
  color: #ef4444;
  font-size: 16px;
  font-weight: 600;
  animation: shake 0.5s ease-in-out;
  flex-shrink: 0;
}

@keyframes shake {
  0%, 100% { transform: translateX(0); }
  20%, 60% { transform: translateX(-5px); }
  40%, 80% { transform: translateX(5px); }
}

/* 账号操作区 */
.account-actions {
  display: flex;
  flex-direction: row;
  gap: 12px;
  margin-top: 20px;
}

.action-btn {
  flex: 1;
  padding: 12px 20px;
  border: none;
  border-radius: var(--btn-radius-md);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.action-btn.secondary {
  background: var(--btn-secondary-bg);
  color: var(--btn-text-reg);
  border: 1px solid var(--border-color);
}

.action-btn.secondary:hover {
  background: var(--btn-bg-body);
  border-color: var(--text-modified);
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.action-btn.danger {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
  border: 1px solid #ef4444;
}

.action-btn.danger:hover {
  background: #ef4444;
  color: white;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3);
}

/* 弹窗组件 (Redeem Modal) */
.redeem-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(2px);
}

.redeem-modal {
  background: var(--module-bg-color);
  width: 420px;
  max-width: 90%;
  border-radius: var(--btn-radius-lg);
  padding: 32px;
  box-shadow: var(--btn-shadow-modal);
  animation: slideUp 0.3s ease;
}

@keyframes slideUp {
  from { transform: translateY(20px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

.redeem-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.redeem-header h3 {
  margin: 0;
  font-size: 20px;
  color: var(--btn-text-main);
}

.close-mini {
  border: none;
  background: none;
  font-size: 24px;
  color: var(--btn-text-sub);
  cursor: pointer;
  padding: 0;
  line-height: 1;
}

.redeem-body {
  margin-bottom: 24px;
}

.input-modern {
  width: 100%;
  padding: 14px 16px;
  border: 2px solid var(--btn-border);
  border-radius: var(--btn-radius-md);
  font-size: 16px;
  outline: none;
  transition: border-color 0.2s;
  box-sizing: border-box;
  color: var(--btn-text-main);
}

.input-modern:focus {
  border-color: var(--btn-primary);
}

.redeem-footer {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

.btn-cancel {
  padding: 10px 20px;
  border: 1px solid var(--btn-border);
  background: var(--module-bg-color);
  border-radius: var(--btn-radius-sm);
  cursor: pointer;
  color: var(--btn-text-reg);
  font-size: 14px;
  transition: all 0.2s;
}

.btn-cancel:hover {
  background: var(--btn-bg-body);
}

.btn-submit {
  padding: 10px 24px;
  background: var(--btn-primary-bg);
  color: var(--text-original);
  border: none;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.2s;
  box-shadow: 0 4px 10px var(--btn-primary-shadow);
}

.btn-submit:hover {
  background: var(--btn-primary-hover);
  transform: translateY(-1px);
}

.btn-submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.btn-submit:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px var(--btn-primary-shadow);
}

/* 移动端适配 (Mobile Responsiveness) */
@media screen and (max-width: 768px) {
  .pay-modal-container {
    padding: 24px 16px;
    background: var(--module-bg-color);
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    border-radius: 0;
    transform: none;
  }

  .pay-layout {
    flex-direction: column;
    overflow-y: auto;
  }

  .layout-container {
    flex-direction: column;
  }

  .layout-left,
  .layout-right {
    flex: none;
    width: 100%;
    padding: 20px;
    overflow: visible;
    box-sizing: border-box;
    border-right: none;
  }
  
  .layout-left {
    background: var(--btn-bg-body);
    border-top: 1px solid var(--btn-border);
    padding: 16px;
  }

  .layout-right {
    background: var(--module-bg-color);
    padding-bottom: 140px;
  }

  /* 账号操作区域调整 */
  .account-actions {
    justify-content: space-around;
    padding: 16px 0;
    gap: 8px;
  }
  
  .action-btn {
    flex: 1;
    padding: 10px 12px;
    font-size: 13px;
  }
}
/* ==========================================================================
   左侧样式：会员时长选择 + 权益对比
   ========================================================================== */

/* 左上：会员时长选择面板 */
.duration-selection-panel {
  background: var(--module-bg-color);
  border-radius: 12px;
  padding: 16px;
  box-shadow: var(--card-shadow);
  flex-shrink: 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/* ========== 横向拉满的 VIP/SVIP Tab ========== */
.membership-tabs {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}

.tab-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 20px;
  border: 2px solid var(--border-color);
  border-radius: 10px;
  background: var(--background-color);
  color: var(--text-modified);
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  outline: none;
}

.tab-btn:hover {
  border-color: var(--text-modified);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.tab-btn.active {
  background: #5b7fff;
  color: #fff;
  border-color: #5b7fff;
  outline: none;
}

.tab-btn.svip:hover {
  border-color: #f5a623;
}

.tab-btn.svip.active {
  background: linear-gradient(135deg, #f5a623 0%, #f7c157 100%);
  border-color: #f5a623;
  color: #fff;
  box-shadow: 0 4px 16px rgba(245, 166, 35, 0.4);
  outline: none;
}

.tab-icon {
  font-size: 20px;
}

.tab-text {
  font-size: 15px;
  font-weight: 600;
}

/* ========== 时长选择区域（带左右箭头） ========== */
.duration-scroll-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}

/* 左右渐变遮罩 + 箭头 */
.scroll-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 100%;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: all 0.2s ease;
  outline: none;
  border-radius: 0;
}

/* 移除点击时的边框 */
.scroll-arrow:focus {
  outline: none;
  box-shadow: none;
}

.scroll-arrow:focus-visible {
  outline: none;
  box-shadow: none;
}

.scroll-arrow.left {
  left: 0;
  background: linear-gradient(to right, var(--module-bg-color) 40%, transparent);
  padding-right: 8px;
  justify-content: flex-start;
  padding-left: 6px;
  border-radius: 0;
}

.scroll-arrow.right {
  right: 0;
  background: linear-gradient(to left, var(--module-bg-color) 40%, transparent);
  padding-left: 8px;
  justify-content: flex-end;
  padding-right: 6px;
  border-radius: 0;
}

.scroll-arrow svg {
  width: 36px;
  height: 36px;
  color: #666;
  transition: all 0.2s ease;
}

.scroll-arrow:hover:not(:disabled) svg {
  color: #5b7fff;
  transform: scale(1.15);
}

.scroll-arrow:disabled {
  opacity: 0;
  pointer-events: none;
}

/* 横向滚动容器 */
.duration-scroll-container {
  flex: 1;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 8px 40px; /* 左右留出箭头空间 */
}

.duration-scroll-container::-webkit-scrollbar {
  display: none;
}

.duration-cards-wrapper {
  display: inline-flex;
  gap: 12px;
}

/* 时长卡片 */
.duration-card {
  position: relative;
  flex: 0 0 auto;
  width: 140px;
  padding: 16px 12px;
  background: var(--background-color);
  border: 2px solid var(--border-color);
  border-radius: 10px;
  cursor: pointer;

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.duration-card:hover {
  border-color: var(--text-modified);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.duration-card.has-discount:hover,
.duration-card.has-discount:focus {
  border: none;
}

.duration-card.selected {
  border-color: #5b7fff;
  background: linear-gradient(135deg, var(--background-color) 0%, var(--modified-modified) 100%);
  box-shadow: 0 4px 16px rgba(91, 127, 255, 0.25);
}

/* SVIP 选中时的金色样式 */
.duration-card.selected.svip-selected {
  border-color: #f5a623;
  background: linear-gradient(135deg, var(--background-color) 0%, var(--modified-modified) 100%);
  box-shadow: 0 4px 16px rgba(245, 166, 35, 0.25);
}

.discount-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: #f5a623;
  color: white;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 4px;
  transform: rotate(0deg);
  z-index: 1;
  white-space: nowrap;
}

/* VIP 蓝色优惠标签 */
.duration-card.vip-price .discount-badge {
  background: #5b7fff;
}

.card-duration {
  font-size: 16px;
  font-weight: 700;
  color: var(--text-original);
  text-align: center;
}

.card-price {
  display: flex;
  align-items: baseline;
  gap: 2px;
}

.price-symbol {
  font-size: 14px;
  font-weight: 600;
  color: #f5a623;
}

.price-value {
  font-size: 24px;
  font-weight: 700;
  color: #f5a623;
}

/* VIP 蓝色价格 */
.duration-card.vip-price .price-symbol,
.duration-card.vip-price .price-value {
  color: #5b7fff;
}

.original-price {
  font-size: 12px;
  color: var(--btn-text-sub);
  text-decoration: line-through;
}

.price-per-unit {
  font-size: 11px;
  color: var(--btn-text-sub);
  text-align: center;
}

/* 左下：权益对比面板 */
.benefits-panel {
  background: var(--module-bg-color);
  border-radius: 12px;
  padding: 14px;
  box-shadow: var(--card-shadow);
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/* 权益标题 - 小字居左 */
.benefits-title {
  margin: 0 0 12px 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-modified);
  padding-left: 4px;
}

/* 两列对比网格 */
.comparison-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  flex: 1;
  overflow-y: auto;
  padding-right: 6px;
}

.comparison-grid::-webkit-scrollbar {
  width: 8px;
}

.comparison-grid::-webkit-scrollbar-track {
  background: var(--background-color);
  border-radius: 4px;
}

.comparison-grid::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #5b7fff 0%, #8ba3ff 100%);
  border-radius: 4px;
  border: 1px solid var(--background-color);
}

.comparison-grid::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #4a6ee8 0%, #5b7fff 100%);
}

/* 会员列 */
.membership-column {
  background-color: var(--background-color);
  border: 2px solid var(--border-color);
  border-radius: 10px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  overflow: hidden;
}

.membership-column.svip {
  border-color: var(--border-color);
  background: linear-gradient(135deg, var(--background-color) 0%, var(--btn-primary-bg) 100%);
}

/* VIP 选中状态 */
.membership-column.selected {
  border-color: #5b7fff;
  box-shadow: 0 0 0 3px rgba(91, 127, 255, 0.2), 0 4px 16px rgba(91, 127, 255, 0.25);
  transition: all 0.3s ease;
}

/* SVIP 选中状态 */
.membership-column.svip.selected {
  border-color: #f5a623;
  box-shadow: 0 0 0 3px rgba(245, 166, 35, 0.2), 0 4px 16px rgba(245, 166, 35, 0.3);
}

/* 会员头部 */
.membership-header {
  text-align: center;
  padding: 10px 12px;
  background-color: var(--module-bg-color);
  border-radius: 6px;
  border: 1px solid var(--border-color);
  flex-shrink: 0;
}

.membership-column.svip .membership-header {
  background-color: var(--module-bg-color);
  border-color: var(--warning-color);
}

.membership-header h4 {
  margin: 0 0 6px 0;
  font-size: 14px;
  font-weight: 700;
  color: var(--text-original);
  letter-spacing: 0.3px;
}

.membership-column.svip .membership-header h4 {
  color: var(--text-original);
}

.membership-desc {
  margin: 0;
  font-size: 12px;
  color: var(--btn-text-sub);
  line-height: 1.4;
  font-weight: 500;
}

/* 会员内容区域 */
.membership-content {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-right: 6px;
  scrollbar-width: thin;
  scrollbar-color: rgba(150, 150, 150, 0.4) transparent;
}

/* 自定义滚动条样式 - WebKit浏览器 (Chrome, Safari, Edge) */
.membership-content::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.membership-content::-webkit-scrollbar-track {
  background: var(--text-original);
  border-radius: 6px;
  margin: 4px 0;
}

.membership-content::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 6px;
  border: 2px solid var(--text-original);
  transition: all 0.3s ease;
}

.membership-content::-webkit-scrollbar-thumb:hover {
  background: var(--text-original);
  border-color: var(--text-original);
}

/* 权益分类 */
.benefits-category {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.category-title {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  color: var(--text-original);
  padding: 6px 10px;
  background-color: var(--module-bg-color);
  border-left: 3px solid;
  border-image: linear-gradient(to bottom, var(--text-modified), transparent) 1;
  border-radius: 0 4px 4px 0;
  transition: all 0.2s ease;
}

.membership-column.svip .category-title {
  background-color: var(--module-bg-color);
  color: var(--text-original);
}

.category-title:hover {
  padding-left: 12px;
}

/* 权益列表 */
.benefits-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.benefits-list li {
  font-size: 13px;
  color: var(--btn-text-reg);
  line-height: 1.5;
  padding-left: 22px;
  position: relative;
  transition: all 0.2s ease;
}

.benefits-list li:hover {
  color: var(--text-modified);
  padding-left: 26px;
}

.benefits-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--text-modified);
  font-weight: 700;
  font-size: 12px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--module-bg-color);
  border-radius: 50%;
  transition: all 0.2s ease;
}

.membership-column.svip .benefits-list li::before {
  color: var(--warning-color);
  background-color: var(--module-bg-color);
}

.benefits-list li:hover::before {
  transform: scale(1.1);
}

/* 移动端适配 */
@media screen and (max-width: 768px) {
  .duration-selection-panel,
  .benefits-panel {
    padding: 12px;
  }

  /* Tab 移动端适配 */
  .membership-tabs {
    gap: 8px;
  }

  .tab-btn {
    padding: 10px 12px;
    font-size: 13px;
  }

  .tab-icon {
    font-size: 16px;
  }

  .tab-text {
    font-size: 13px;
  }

  /* 滚动区域移动端适配 */
  .scroll-arrow {
    width: 36px;
  }

  .scroll-arrow svg {
    width: 24px;
    height: 24px;
  }

  .duration-scroll-container {
    padding: 8px 36px;
  }

  .duration-card {
    width: 110px;
    padding: 10px 8px;
  }

  .card-duration {
    font-size: 13px;
  }

  .price-value {
    font-size: 18px;
  }

  .benefits-title {
    font-size: 12px;
  }

  .comparison-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .membership-column {
    padding: 10px;
    gap: 8px;
  }

  .membership-header h4 {
    font-size: 13px;
  }

  .membership-desc {
    font-size: 11px;
  }

  .category-title {
    font-size: 11px;
    padding: 4px 8px;
  }

  .benefits-list li {
    font-size: 10px;
    padding-left: 16px;
  }

  .benefits-list li::before {
    width: 12px;
    height: 12px;
    font-size: 10px;
  }
}
/* ==========================================================================
   右侧样式：订单信息
   ========================================================================== */

/* 订单卡片 */
.order-card {
  background: var(--module-bg-color);
  border-radius: 12px;
  padding: 16px;
  box-shadow: var(--card-shadow);
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
}

.order-header {
  padding-bottom: 10px;
  border-bottom: 2px solid var(--border-color);
}

.order-header h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: var(--text-original);
}

/* 订单内容 */
.order-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.order-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0;
  font-size: 14px;
}

.order-item .item-label {
  color: var(--btn-text-sub);
  font-weight: 500;
}

.order-item .item-value {
  color: var(--text-original);
  font-weight: 600;
}

.order-item.discount .item-value {
  color: var(--success-color);
}

.order-divider {
  height: 1px;
  background: var(--border-color);
  margin: 6px 0;
}

/* 订单总计 */
.order-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 2px solid var(--border-color);
}

.total-label {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-original);
}

.total-value {
  font-size: 26px;
  font-weight: 700;
  color: var(--error-color);
  font-family: "DIN Alternate", "Roboto", sans-serif;
}

/* 支付方式选择 */
.payment-methods {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.methods-title {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-original);
}

.method-buttons {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.method-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 6px;
  background: var(--module-bg-color);
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-original);
  position: relative;
  overflow: hidden;
  flex: 1;
  outline: none;
}

.method-btn:focus,
.method-btn:active,
.method-btn:focus-visible {
  outline: none;
  border: none;
  box-shadow: none;
}

.method-btn::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left;
  outline: none;
}

.method-btn.active {
  background: linear-gradient(135deg, var(--module-bg-color) 0%, var(--btn-primary-bg) 100%);
  outline: none;
}

.method-btn.active::before {
  display: none;
  outline: none;
}

.method-btn .icon {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 13px;
  font-weight: bold;
  flex-shrink: 0;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.method-btn .icon.alipay {
  background: linear-gradient(135deg, #1677FF 0%, #0D5FD9 100%);
}

.method-btn .icon.wechat {
  background: linear-gradient(135deg, #07C160 0%, #05A050 100%);
}

.method-btn:hover .icon {
  /* 移除图标放大效果 */
}

.method-btn.active .icon {
  /* 移除图标放大效果 */
}

/* 二维码区域 */
.qr-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  margin: 18px 0;
}

.qr-wrapper {
  width: 145px;
  height: 145px;
  min-width: 145px;
  min-height: 145px;
  border-radius: 8px;
  padding: 10px;
  background: var(--background-color);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
}

.qr-iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.qr-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: var(--btn-text-sub);
  font-size: 12px;
}

.spinner {
  width: 32px;
  height: 32px;
  border: 3px solid var(--background-color);
  border-top: 3px solid var(--text-modified);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* 账号操作区 */
.account-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid var(--border-color);
  margin-top: 0px;
}

.action-btn {
  width: 100%;
  padding: 10px 14px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.action-btn.secondary {
  background: var(--btn-secondary-bg);
  color: var(--btn-text-reg);
  border: 1px solid var(--border-color);
}

.action-btn.secondary:hover {
  background: var(--btn-bg-body);
  border-color: var(--text-modified);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.action-btn.danger {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
  border: 1px solid #ef4444;
}

.action-btn.danger:hover {
  background: #ef4444;
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
}

/* 移动端适配 */
@media screen and (max-width: 768px) {
  .order-card {
    padding: 16px;
    gap: 16px;
  }

  .order-header h3 {
    font-size: 16px;
  }

  .order-item {
    padding: 8px 0;
    font-size: 13px;
  }

  .total-label {
    font-size: 14px;
  }

  .total-value {
    font-size: 24px;
  }

  .qr-wrapper {
    width: 150px;
    height: 150px;
  }

  .method-btn {
    padding: 10px 14px;
    font-size: 13px;
  }

  .action-btn {
    padding: 10px 16px;
    font-size: 13px;
  }
}
.header-header {
  position: fixed;
  box-shadow: none;
  padding: 0;
  height: 80px;
  top: 0;
  z-index: 1000;
  width: 100%;
  background-color: transparent;
}

/* 透明背景层 - 只在首页滚动前显示 */
.header-header.transparent-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--module-bg-color);
  opacity: 0.7;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  z-index: -1;
}

/* 滚动后的背景 - 完全不透明 */
.header-header:not(.transparent-header) {
  background-color: var(--background-color);
}

.headers {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background-color: var(--background-color);
}

.header-container {
  padding: 0 30px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.logo-container {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.logo-image {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  object-fit: cover;
  opacity: 1;
}

.site-name {
  font-size: 30px;
  font-weight: 600;
  color: var(--text-modified, #FB4475);
  opacity: 1;
  padding-left: 80px;
  padding-right: 20px;
  transition: all 0.3s ease;
}

.icon {
  transition: all 0.3s ease;
}

.nav-links {
  display: flex;
  gap: 14px;
}

.nav-link {
  padding: 6px 9px;
  border: none;
  background: none;
  color: var(--text-original, #333333);
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  outline: none;
  border-radius: 0;
  opacity: 1;
}

.nav-link:focus,
.nav-link:active {
  outline: none;
  border: none;
  box-shadow: none;
}

.nav-link.active {
  color: var(--text-modified, #FB4475);
  opacity: 1;
  font-weight: bold;
  position: relative;
}

/* 使用伪元素实现更精致的居中下划线 */
.nav-link.active::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 2px;
  background: var(--text-modified, #FB4475);
  border-radius: 2px 2px 0 0;
}

.user-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.btn {
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  opacity: 1;
}

.btn-primary {
  background: var(--btn-primary-bg, linear-gradient(135deg, #DB5E77 0%, #C00C60 50%, #E5079F 100%));
  color: var(--text-original, #FFFFFF);
  border: none;
  opacity: 1;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid #4468fb;
  color: #4468fb;
}

.user-info {
  display: flex;
  align-items: center;
  margin-left: 16px;
  padding-right: 16px;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
  opacity: 1;
}

.user-avatar img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #eee;
  margin-right: 6px;
  margin-top: 8px;
  opacity: 1;
}

.user-details {
  display: flex;
  flex-direction: column;
}

.user-name,
.user-balance {
  font-size: 13px;
  color: var(--text-original, #666666);
  line-height: 1.3;
  transition: all 0.3s ease;
  opacity: 1;
}

.membership-icon {
  font-size: 14px;
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  color: var(--text-modified, #DB5E77);
  opacity: 1;
}

.membership-badge {
  font-size: 9px;
  padding: 2px 5px;
  border-radius: 3px;
  color: var(--text-original, #DB5E77);
  font-weight: bold;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  background-color: var(--module-bg-color, #DB5E77);
  opacity: 1;
}

.user-balance {
  display: inline-block;
  border-radius: 2px;
  padding: 4px;
  background: var(--btn-secondary-bg, linear-gradient(135deg, #DB5E77 0%, #E5079F 100%));
}

.dropdown-icon {
  margin-left: 5px;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 8px;
  background-color: var(--module-bg-color, white);
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  width: 120px;
  z-index: 101;
}

.dropdown-item {
  width: 100%;
  padding: 8px 12px;
  border: none;
  background: none;
  text-align: left;
  font-size: 14px;
  color: var(--text-original, #333333);
  cursor: pointer;
  transition: background-color 0.2s;
}

.dropdown-item:hover {
  background-color: var(--background-color, #F5F7FA);
}

.dropdown-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.dropdown-item:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.test-api-btn {
  margin-left: 10px;
  padding: 4px 8px;
  background-color: #f0f0f0;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  color: #333;
}

.test-api-btn:hover {
  background-color: #e0e0e0;
}

.hamburger-menu {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 24px;
  height: 20px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  z-index: 1001;
}

.hamburger-menu span {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #333;
  transition: all 0.3s ease;
}

.hamburger-menu span:nth-child(1) {
  transform-origin: 0% 0%;
}

.hamburger-menu span:nth-child(3) {
  transform-origin: 0% 100%;
}

.hamburger-menu.active span:nth-child(1) {
  transform: translateY(9px) rotate(45deg);
}

.hamburger-menu.active span:nth-child(2) {
  opacity: 0;
}

.hamburger-menu.active span:nth-child(3) {
  transform: translateY(-9px) rotate(-45deg);
}

/* 透明背景下的通用样式 */
.transparent-bg {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* 透明背景下的logo样式 */
.site-name.transparent-bg {
  color: var(--text-modified, #DB5E77);
  font-weight: 800;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
  padding: 8px 16px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  margin-left: 60px;
  margin-right: 10px;
}

.icon.transparent-bg {
  filter: drop-shadow(3px 3px 8px rgba(0, 0, 0, 0.6)) 
          drop-shadow(0 0 15px rgba(255, 255, 255, 0.8))
          drop-shadow(0 0 25px rgba(255, 255, 255, 0.4));
}

.user-info.transparent-bg .user-avatar img {
  width: 32px;
  height: 32px;
  margin-right: 12px;
  border: 2px solid rgba(255, 255, 255, 0.3);
}

.user-name.transparent-bg {
  color: var(--text-modified, #DB5E77);
  font-weight: 600;
}

.user-balance.transparent-bg {
  background: var(--btn-secondary-bg);
  color: var(--text-modified, #DB5E77);
  text-shadow: none;
  font-weight: 600;
  border-radius: 6px;
  padding: 4px 8px;
  font-size: 14px;
}

.user-info.transparent-bg .dropdown-icon {
  margin-left: 8px;
}

/* 透明背景下的下拉图标样式 */
.dropdown-icon.transparent-bg svg {
  stroke: #ffffff;
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.8));
}

.hamburger-menu.transparent-bg span {
  background-color: #fff;
}

/* 移动端简洁布局 */
@media screen and (max-width: 768px) {
  .header {
    height: 60px;
  }

  .header-container {
    padding: 0 15px;
  }

  .site-name {
    font-size: 24px;
    padding-left: 40px;
  }

  .site-name.transparent-bg {
    margin-left: 30px;
    padding: 6px 12px;
    font-size: 20px;
  }

  .icon {
    width: 36px;
  }

  .hamburger-menu {
    display: flex;
  }

  .user-actions {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    background-color: var(--module-bg-color, #fff);
    padding: 20px;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-height: calc(100vh - 60px);
    overflow-y: auto;
  }

  .user-actions.mobile-menu-open {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }

  .nav-links {
    flex-direction: column;
    width: 100%;
    gap: 8px;
  }

  .nav-link {
    width: 100%;
    text-align: center;
    padding: 12px 16px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
    background: none;
    border: 1px solid var(--border-color, #DDDDDD);
    color: var(--text-original, #333333);
  }

  .nav-link:hover {
    border-color: var(--text-modified, #DB5E77);
    color: var(--text-modified, #DB5E77);
  }

  .nav-link.active{
    background: var(--border-color, linear-gradient(135deg, #DB5E77 0%, #C00C60 50%, #E5079F 100%));
    color: var(--text-original, #FFFFFF);
    border-color: var(--text-modified, #DB5E77);
  }

  .user-info {
    margin: 0;
    padding: 16px;
    justify-content: space-between;
    background: var(--background-color, #f8f9fa);
    border-radius: 4px;
    border: 1px solid var(--border-color, #ddd);
  }

  .user-details {
    flex: 1;
  }

  .user-name {
    font-size: 16px;
    color: var(--text-original, #666666);
    margin-bottom: 4px;
  }

  .user-balance {
    font-size: 16px;
    color: var(--text-original, #666666);
    line-height: 1.3;
  }

  .btn {
    width: 100%;
    padding: 12px 16px;
    font-size: 16px;
    border-radius: 4px;
  }

  .btn-primary:hover {
    opacity: 0.9;
  }

  .dropdown-menu {
    position: static;
    margin-top: 8px;
    width: 100%;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    background: var(--module-bg-color, white);
    border: 1px solid var(--border-color, #ddd);
  }

  .dropdown-item {
    padding: 12px 16px;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
  }

  .logo-container {
    height: 70px;
  }
}

/* 小屏幕设备优化 */
@media screen and (max-width: 480px) {
  .header-container {
    padding: 0 12px;
  }

  .site-name {
    font-size: 20px;
    padding-left: 30px;
  }

  .site-name.transparent-bg {
    font-size: 18px;
    margin-left: 20px;
  }

  .icon {
    width: 32px;
  }

  .hamburger-menu {
    width: 22px;
    height: 18px;
  }

  .user-actions {
    padding: 16px;
  }

  .nav-link {
    padding: 10px 12px;
    font-size: 15px;
  }

  .user-info {
    padding: 14px;
  }

  .user-name,
  .user-balance {
    font-size: 14px;
  }

  .btn {
    padding: 10px 12px;
    font-size: 15px;
  }

  .dropdown-item {
    padding: 10px 12px;
    font-size: 13px;
  }

  .logo-container {
    height: 70px;
  }
}

/* 添加平板适配样式 */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .header-container {
    padding: 0 20px;
  }

  .site-name {
    font-size: 26px;
    padding-left: 60px;
  }

  .nav-link {
    font-size: 15px;
    padding: 8px 12px;
  }

  .user-name,
  .user-balance {
    font-size: 15px;
  }
}

/* 隐藏桌面端的汉堡菜单 */
@media screen and (min-width: 769px) {
  .hamburger-menu {
    display: none !important;
  }

  /* 确保PC端用户操作区域正常显示 */
  .user-actions {
    position: static !important;
    background: none !important;
    padding: 0 !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
    box-shadow: none !important;
    border: none !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

/* 公告按钮样式 */
.announcement-btn-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.announcement-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-original, #333333);
  transition: all 0.3s ease;
  border-radius: 50%;
  position: relative;
}

.announcement-btn:hover {
  background-color: var(--background-color, #f5f5f5);
  color: var(--text-modified, #DB5E77);
}

.announcement-btn.transparent-bg {
  color: var(--text-original, #333333);
}

.announcement-btn.transparent-bg:hover {
  background: rgba(255, 255, 255, 0.2);
}

/* 未读公告红点 */
.announcement-badge {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 8px;
  height: 8px;
  background-color: #ff4d4f;
  border-radius: 50%;
  animation: pulse 1.5s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/* 公告面板 */
.announcement-panel {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 8px;
  width: 320px;
  max-height: 400px;
  background-color: var(--module-bg-color, white);
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  z-index: 1002;
  overflow: hidden;
}

.announcement-panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-color, #eee);
  background-color: var(--background-color, #fafafa);
}

.announcement-panel-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-original, #333);
}

.announcement-close-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-original, #666);
  border-radius: 4px;
  transition: all 0.2s ease;
}

.announcement-close-btn:hover {
  background-color: var(--background-color, #f0f0f0);
  color: var(--text-modified, #DB5E77);
}

.announcement-panel-body {
  max-height: 340px;
  overflow-y: auto;
}

.announcement-loading,
.announcement-empty {
  padding: 40px 20px;
  text-align: center;
  color: var(--text-original, #999);
  font-size: 14px;
}

.announcement-list {
  padding: 8px 0;
}

.announcement-item {
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-color, #f0f0f0);
  transition: background-color 0.2s ease;
}

.announcement-item:last-child {
  border-bottom: none;
}

.announcement-item:hover {
  background-color: var(--background-color, #fafafa);
}

.announcement-item-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}

.announcement-item-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-original, #333);
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.announcement-top-badge {
  font-size: 10px;
  padding: 2px 6px;
  background: var(--text-modified, #DB5E77);
  color: white;
  border-radius: 4px;
  flex-shrink: 0;
}

.announcement-item-content {
  font-size: 13px;
  color: var(--text-original, #666);
  line-height: 1.5;
  margin-bottom: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.announcement-item-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: var(--text-original, #999);
}

.announcement-item-author {
  color: var(--text-modified, #DB5E77);
}

/* 移动端公告样式 */
@media screen and (max-width: 768px) {
  .announcement-btn-wrapper {
    width: 100%;
    justify-content: center;
  }

  .announcement-btn {
    width: 100%;
    padding: 12px 16px;
    border-radius: 4px;
    border: 1px solid var(--border-color, #DDDDDD);
    justify-content: center;
    gap: 8px;
  }

  .announcement-btn::after {
    content: '公告';
    font-size: 16px;
    font-weight: 500;
  }

  .announcement-badge {
    position: static;
    margin-left: 4px;
  }

  .announcement-panel {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 360px;
    margin-top: 0;
  }
}
/* 模型排行按钮样式 */
.btn-model-ranking[data-v-4075ded7] {
  background: #8a7fff;
  color: white;
  border: none;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.3s;
  margin-left: 8px;
}
.btn-model-ranking[data-v-4075ded7]:hover {
  background: #7b6cf6;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(106, 90, 205, 0.3);
}

/* 移动端样式 */
@media (max-width: 768px) {
.btn-model-ranking[data-v-4075ded7] {
    width: 100%;
    margin: 8px 0;
    padding: 10px 16px;
}
}

.service-card[data-v-a6861b99] {
  flex: 1;
  min-width: 220px;
  background-color: var(--module-bg-color, #fff);
  border-radius: 12px;
  padding: 10px;
  cursor: pointer;
  border: 2px solid var(--border-color, #eee);
  position: relative;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.service-card.active[data-v-a6861b99] {
  border: 2px solid var(--text-modified);
  background: var(--module-bg-color, linear-gradient(135deg, rgba(219, 94, 119, 0.1) 0%, rgba(192, 12, 96, 0.1) 50%, rgba(229, 7, 159, 0.1) 100%));
}
.card-content[data-v-a6861b99] {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.card-header[data-v-a6861b99] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.header-left[data-v-a6861b99] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.service-icon[data-v-a6861b99] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-icon img[data-v-a6861b99] {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.service-title[data-v-a6861b99] {
  font-size: 20px;
  font-weight: 600;
  color: var(--text-original, #333);
  margin: 0;
}
.check-icon[data-v-a6861b99] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  background: var(--btn-primary-bg);
  border-radius: 50%;
  color: var(--text-original, white);
  font-size: 12px;
  font-weight: bold;
}
.service-description[data-v-a6861b99] {
  font-size: 14px;
  color: var(--text-original, #666);
  margin-bottom: 5px;
  line-height: 1.5;
  flex-grow: 1;
}
.service-price[data-v-a6861b99] {
  font-size: 16px;
  color: var(--text-modified, #db5e77);
  font-weight: 600;
  padding-top: 8px;
  border-top: 1px solid var(--border-color, #f0f0f0);
}

/* 移动端响应式样式 */
@media (max-width: 768px) {
.service-card[data-v-a6861b99] {
    width: 100%;
    padding: 12px 8px;
    border-radius: 8px;
    min-width: auto;
}
.card-header[data-v-a6861b99] {
    margin-bottom: 0;
    flex-direction: column;
    gap: 4px;
    align-items: center;
}
.header-left[data-v-a6861b99] {
    flex-direction: column;
    gap: 6px;
    align-items: center;
}
.service-icon img[data-v-a6861b99] {
    width: 20px;
    height: 20px;
}
.service-title[data-v-a6861b99] {
    font-size: 12px;
    text-align: center;
    line-height: 1.2;
}
.service-description[data-v-a6861b99] {
    display: none; /* 隐藏描述 */
}
.check-icon[data-v-a6861b99] {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 16px;
    height: 16px;
    font-size: 10px;
}
}
@media (max-width: 480px) {
.service-card[data-v-a6861b99] {
    width: 100%;
    padding: 10px 6px;
}
.service-icon img[data-v-a6861b99] {
    width: 18px;
    height: 18px;
}
.service-title[data-v-a6861b99] {
    font-size: 11px;
}
.check-icon[data-v-a6861b99] {
    width: 14px;
    height: 14px;
    font-size: 9px;
}
}

.modal-overlay[data-v-5746b2f6] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 20px;
}
.modal-content[data-v-5746b2f6] {
  background: var(--module-bg-color, white);
  border-radius: 12px;
  padding: 24px;
  max-width: 480px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.close-btn[data-v-5746b2f6] {
  position: absolute;
  top: 16px;
  right: 16px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s;
}
.close-btn[data-v-5746b2f6]:hover {
  background-color: var(--background-color, #f3f4f6);
}
.close-btn svg path[data-v-5746b2f6] {
  stroke: var(--text-original, #666);
}
.modal-title[data-v-5746b2f6] {
  font-size: 20px;
  font-weight: 600;
  color: var(--text-original, #1f2937);
  margin: 0 0 20px 0;
  text-align: center;
}
.notice-header[data-v-5746b2f6] {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  gap: 8px;
}
.info-icon[data-v-5746b2f6] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.info-icon svg circle[data-v-5746b2f6],
.info-icon svg path[data-v-5746b2f6] {
  stroke: var(--text-modified, #3B82F6);
}
.notice-text[data-v-5746b2f6] {
  font-size: 16px;
  font-weight: 500;
  color: var(--text-original, #374151);
}
.notice-list[data-v-5746b2f6] {
  margin-bottom: 24px;
}
.notice-item[data-v-5746b2f6] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
  padding: 12px;
  border-radius: 8px;
  background-color: var(--background-color, #f8fafc);
  border: 1px solid var(--border-color, rgba(0, 0, 0, 0.05));
}
.notice-item.warning[data-v-5746b2f6] {
  background-color: var(--background-color, #fef2f2);
  border: 1px solid var(--text-modified, rgba(239, 68, 68, 0.2));
}
.check-icon[data-v-5746b2f6], .cross-icon[data-v-5746b2f6] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}
.check-icon svg path[data-v-5746b2f6] {
  stroke: var(--text-modified, #10B981);
}
.cross-icon svg path[data-v-5746b2f6] {
  stroke: var(--text-modified, #EF4444);
}
.notice-content[data-v-5746b2f6] {
  font-size: 14px;
  line-height: 1.5;
  color: var(--text-original, #374151);
}
.highlight[data-v-5746b2f6] {
  color: var(--text-modified, #dc2626);
  font-weight: 500;
}
.confirm-btn[data-v-5746b2f6] {
  width: 100%;
  background: var(--border-color, linear-gradient(135deg, #db5e77 0%, #c00c60 50%, #e5079f 100%));
  color: var(--text-original, white);
  border: none;
  border-radius: 8px;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.confirm-btn[data-v-5746b2f6]:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  opacity: 0.9;
}
.confirm-btn[data-v-5746b2f6]:active {
  transform: translateY(0);
}

/* 移动端适配 */
@media (max-width: 768px) {
.modal-overlay[data-v-5746b2f6] {
    padding: 16px;
}
.modal-content[data-v-5746b2f6] {
    padding: 20px;
}
.modal-title[data-v-5746b2f6] {
    font-size: 18px;
}
.notice-content[data-v-5746b2f6] {
    font-size: 13px;
}
}

.service-panel[data-v-e4df0795] {
  background-color: var(--btn-primary-bg, #fff);
  padding: 20px;
}
.service-cards[data-v-e4df0795] {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
.service-panel[data-v-e4df0795] {
    padding: 15px;
}
.service-cards[data-v-e4df0795] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
}
@media (max-width: 480px) {
.service-panel[data-v-e4df0795] {
    padding: 10px;
}
.service-cards[data-v-e4df0795] {
    gap: 8px;
}
}
  .input-panel {
    flex: 1;
    display: flex;
    flex-direction: column;
    background-color: var(--module-bg-color, #fff);
    border-radius: 0px 0px 8px 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    overflow: hidden;
  }

  .input-tabs {
    display: flex;
    background-color: var(--module-bg-color, #f9f9f9);
    border-bottom: 1px solid var(--border-color, #eee);
    padding: 10px 20px;
    outline: none;
  }

  .tabs {
    display: flex;
    flex-direction: column;
    gap: 15px;
    outline: none;
    width: 100%;
  }

  .tab-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
  }

  .input-tab {
    display: flex;
    align-items: center;
    padding: 4px 12px;
    font-size: 14px;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--text-original, #666);
    border-radius: 4px;
    margin: 0 4px;
    outline: none;
  }

  .input-tab.active {
    background: var(--btn-primary-bg);
    color: var(--text-original, white);
    outline: none;
  }

  .input-tab.disabled,
  .input-tab:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
    outline: none;
  }

  .input-tab:disabled:hover {
    background: none;
    outline: none;
  }

  .tab-icon {
    margin-right: 6px;
    font-style: normal;
  }

  .tab-label {
    margin-right: 8px;
    font-size: 14px;
    color: var(--text-original, #666);
    white-space: nowrap;
  }

  /* AI率和学术性显示样式 */
  .ai-rate-display {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
    padding: 4px 12px;
    background-color: var(--background-color, #f5f7fa);
    border-radius: 4px;
    font-size: 13px;
  }

  .rate-item {
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .rate-label {
    color: var(--text-original, #666);
    font-size: 13px;
  }

  .rate-value {
    font-weight: 600;
    font-size: 14px;
  }

  .ai-rate-value.checking {
    color: var(--text-original, #999);
    font-weight: 500;
  }

  /* AI率检测旋转图标样式 */
  .ai-rate-checking {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .ai-rate-spinner {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid var(--border-color, #e0e0e0);
    border-top-color: var(--text-modified, #db5e77);
    border-radius: 50%;
    animation: ai-spin 1s linear infinite;
  }

  @keyframes ai-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .ai-rate-label {
    font-size: 12px;
    color: var(--text-original, #666);
  }

  /* AI率颜色 - 越低越好 */
  .rate-value.low {
    color: #4CAF50; /* 绿色 - <20% 优秀 */
  }

  .rate-value.medium {
    color: #FF9800; /* 橙色 - 20%~50% 良好 */
  }

  .rate-value.high {
    color: #9C27B0; /* 紫色 - 50%~80% 较差 */
  }

  .rate-value.danger {
    color: #E53935; /* 红色 - >=80% 高危 */
  }

  /* 学术性颜色 - 越高越好，所以颜色相反 */
  .rate-value.academic.high {
    color: #52c41a;
  }

  .rate-value.academic.medium {
    color: #faad14;
  }

  .rate-value.academic.low {
    color: #ff4d4f;
  }

  .rate-tip {
    font-size: 11px;
    color: #999;
    margin-left: 2px;
  }

  .input-area {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--module-bg-color, #fff);
    overflow: hidden;
    min-height: 0;
  }

  .text-input {
    width: 100%;
    height: 100%;
    padding: 16px;
    padding-right: 26px; /* 16px 原有padding + 10px 滚动条空间 */
    border: none;
    resize: none;
    font-size: 14px;
    line-height: 1.6;
    color: var(--text-original, #333);
    background-color: transparent;
    outline: none;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    overflow-y: auto;
    margin-right: -10px; /* 让滚动条显示在输入面板外部 */
  }

  /* 自定义滚动条样式 */
  .text-input::-webkit-scrollbar {
    width: 8px;
  }

  /* 隐藏滚动条的上下箭头按钮 */
  .text-input::-webkit-scrollbar-button {
    display: none;
    height: 0;
    width: 0;
  }

  .text-input::-webkit-scrollbar-track {
    background: transparent;
  }

  .text-input::-webkit-scrollbar-thumb {
    background: rgba(150, 150, 150, 0.4);
    border-radius: 4px;
    background-image: linear-gradient(
      to bottom,
      rgba(150, 150, 150, 0) 0%,
      rgba(150, 150, 150, 0.2) 15%,
      rgba(150, 150, 150, 0.5) 50%,
      rgba(150, 150, 150, 0.2) 85%,
      rgba(150, 150, 150, 0) 100%
    );
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: 0 0 8px rgba(150, 150, 150, 0.1);
  }

  .text-input::-webkit-scrollbar-thumb:hover {
    background-color: rgba(150, 150, 150, 0.6);
  }

  /* Firefox 滚动条样式 */
  .text-input {
    scrollbar-width: thin;
    scrollbar-color: rgba(150, 150, 150, 0.4) transparent;
  }

  .formatted-input-area {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding: 16px;
    font-size: 14px;
    line-height: 1.6;
    color: var(--text-original, #333);
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  }

  /* 自定义滚动条样式 */
  .formatted-input-area::-webkit-scrollbar {
    width: 8px;
  }

  /* 隐藏滚动条的上下箭头按钮 */
  .formatted-input-area::-webkit-scrollbar-button {
    display: none;
    height: 0;
    width: 0;
  }

  .formatted-input-area::-webkit-scrollbar-track {
    background: transparent;
  }

  .formatted-input-area::-webkit-scrollbar-thumb {
    background: rgba(150, 150, 150, 0.4);
    border-radius: 4px;
    background-image: linear-gradient(
      to bottom,
      rgba(150, 150, 150, 0) 0%,
      rgba(150, 150, 150, 0.2) 15%,
      rgba(150, 150, 150, 0.5) 50%,
      rgba(150, 150, 150, 0.2) 85%,
      rgba(150, 150, 150, 0) 100%
    );
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: 0 0 8px rgba(150, 150, 150, 0.1);
  }

  .formatted-input-area::-webkit-scrollbar-thumb:hover {
    background-color: rgba(150, 150, 150, 0.6);
  }

  /* Firefox 滚动条样式 */
  .formatted-input-area {
    scrollbar-width: thin;
    scrollbar-color: rgba(150, 150, 150, 0.4) transparent;
  }

  .paragraph {
    margin-bottom: 16px;
    padding: 2px 6px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s;
    white-space: pre-wrap;
    word-break: break-word;
  }

  .paragraph:hover {
    background-color: var(--module-bg-color, rgba(219, 94, 119, 0.05));
  }

  .paragraph.highlighted {
    background-color: var(--module-bg-color, rgba(219, 94, 119, 0.1));
    border-left: 3px solid var(--text-modified, #db5e77);
    padding-left: 8px;
  }

  .hidden-textarea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
  }

  .empty-placeholder {
    color: #999;
    padding: 20px 0;
    text-align: center;
  }

  /* 文件上传区域样式 */
  .file-upload-area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    padding: 20px;
    border: 1px dashed var(--border-color, #ccc);
    border-radius: 8px;
    margin: 0px;
    transition: all 0.3s;
    background-color: var(--module-bg-color, #ffffff);
  }

  .file-upload-area.dragging {
    border-color: var(--text-modified, #db5e77);
    background-color: var(--module-bg-color, rgba(219, 94, 119, 0.05));
  }

  .upload-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    flex: 1;
    min-height: 0;
  }

  .file-icon-container {
    margin-bottom: 28px;
  }

  .file-icon-svg {
    width: 60px;
    height: 60px;
    color: var(--text-original, #aaaaaa);
  }

  .upload-text {
    margin-bottom: 24px;
    color: var(--text-original, #333);
    font-size: 16px;
  }

  .upload-hint {
    font-size: 14px;
    color: var(--text-original, #999);
    margin-top: 8px;
  }

  .upload-btn {
    background: var(--btn-primary-bg, #6366f1);
    color: var(--text-original, white);
    padding: 12px 40px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    border: none;
    font-weight: 500;
    transition: background-color 0.2s;
    display: inline-block;
    text-align: center;
    box-shadow: 0 2px 4px rgba(99, 102, 241, 0.2);
  }

  .upload-btn:hover {
    opacity: 0.9;
  }

  .uploaded-file {
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 24px;
    background-color: var(--module-bg-color, #f8fafc);
    border-radius: 12px;
    border: 1px solid var(--border-color, #e2e8f0);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  }

  .file-info {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 16px;
    width: 100%;
    position: relative;
  }

  .file-icon {
    font-size: 48px;
    line-height: 1;
    filter: var(--icon-filter, none);
  }

  .file-details {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
    min-width: 0; /* 关键：允许flex子元素收缩 */
    padding-right: 110px; /* 为删除按钮留出空间 */
  }

  .file-name {
    font-weight: 600;
    font-size: 18px;
    color: var(--text-original, #1e293b);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%; /* 限制宽度为父元素宽度 */
  }

  .file-size {
    font-size: 14px;
    color: var(--text-original, #64748b);
  }

  /* 文件统计网格布局 */
  .file-stats-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-top: 16px;
  }

  .stat-badge {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    background: var(--background-color, #fff);
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 10px;
    font-size: 14px;
    transition: all 0.2s;
  }

  .stat-badge:hover {
    border-color: var(--text-modified, #db5e77);
    background: var(--module-bg-color, rgba(219, 94, 119, 0.03));
  }

  .stat-badge .stat-label {
    color: var(--text-original, #64748b);
    font-size: 14px;
  }

  .stat-badge .stat-value {
    font-weight: 600;
    color: var(--text-original, #1e293b);
    font-size: 18px;
  }

  .file-actions {
    display: flex;
    gap: 12px;
    align-items: stretch;
    margin-top: 20px;
    width: 100%;
  }

  /* 删除按钮 - 全宽样式 */
  .delete-btn-full {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 10px 20px;
    background: transparent;
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 8px;
    cursor: pointer;
    color: var(--text-original, #64748b);
    font-size: 14px;
    transition: all 0.2s;
  }

  .delete-btn-full:hover {
    background: rgba(255, 77, 79, 0.08);
    border-color: #ff4d4f;
    color: #ff4d4f;
  }

  .delete-btn-full svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
  }

  /* 右上角删除按钮样式 */
  .delete-btn-corner {
    position: absolute;
    top: 0;
    right: 0;
    background: var(--error-color, #ef4444);
    border: none;
    border-radius: 6px;
    padding: 6px 12px;
    cursor: pointer;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s;
  }

  .delete-btn-corner:hover {
    background: var(--warning-color, #f59e0b);
    transform: scale(1.02);
  }

  .delete-btn-corner svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
  }

  /* 提交改写按钮样式 */
  .submit-rewrite-btn {
    flex: 1;
    padding: 14px 24px;
    background: var(--btn-primary-bg, #bdd7ec);
    border: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    color: var(--text-original, #333);
    transition: all 0.2s;
  }

  .submit-rewrite-btn:hover {
    opacity: 0.9;
    transform: translateY(-1px);
  }

  .submit-rewrite-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
  }

  /* 保留旧样式以防其他地方使用 */
  .delete-btn {
    padding: 6px 16px;
    background-color: #ff6b6b;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    transition: background-color 0.2s;
  }

  .delete-btn:hover {
    background-color: #ff5252;
  }

  .input-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;
    border-top: 1px solid var(--border-color, #eee);
    background-color: var(--module-bg-color, #f9f9f9);
  }

  .char-count {
    font-size: 13px;
    color: var(--text-original, #999);
  }

  .action-buttons {
    display: flex;
    gap: 8px;
  }

  .process-btn {
    padding: 8px 24px;
    background: var(--btn-primary-bg);
    color: var(--text-original, white);
    border: none;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: relative;
    transition: all 0.3s ease;
  }

  .process-btn:hover {
    background: var(--border-color);
  }

  /* 处理中状态 */
  .process-btn.processing,
  .process-btn:disabled {
    background: var(--border-color);
    cursor: not-allowed;
    opacity: 0.8;
  }

  .process-btn.processing:hover,
  .process-btn:disabled:hover {
    background: var(--border-color);
  }

  /* 加载动画 */
  .loading-spinner {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    display: inline-block;
  }

  @keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }

  .sample-btn,
  .clear-btn {
    padding: 8px 16px;
    background-color: var(--background-color, #f5f5f5);
    color: var(--text-original, #666);
    border: 1px solid var(--border-color, #ddd);
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
  }

  .sample-btn:hover,
  .clear-btn:hover {
    background-color: var(--module-bg-color, #eee);
  }

  /* 移动端样式 */
  @media (max-width: 768px) {
    .input-panel {
      height: 350px;
      min-height: 350px;
      max-height: 350px;
    }
    
    .text-input {
      height: 240px !important;
      min-height: 240px !important;
      max-height: 240px !important;
      overflow-y: auto;
    }
    
    .input-area {
      flex: 1;
      height: 240px;
      overflow: hidden;
    }
  }

  @media (max-width: 480px) {
    .input-panel {
      height: 350px;
      min-height: 350px;
      max-height: 350px;
    }

    .text-input {
      height: 240px !important;
      min-height: 240px !important;
      max-height: 240px !important;
      overflow-y: auto;
    }

    .input-area {
      flex: 1;
      height: 240px;
      overflow: hidden;
    }
  }

/* 双重检测包装容器 */
.dual-detection-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 16px;
  padding: 16px;
  background: linear-gradient(135deg, var(--module-bg-color, #ffffff) 0%, var(--background-color, #f8fafc) 100%);
  border-radius: 12px;
  border: 1px solid var(--border-color, #e2e8f0);
}

/* 双重检测开关样式 */
.dual-detection-switch {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  background: var(--background-color, #f8fafc);
  border-radius: 10px;
  border: 2px solid var(--border-color, #e2e8f0);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  user-select: none;
}

.dual-detection-switch:hover:not(.disabled) {
  border-color: var(--btn-primary-bg, #bdd7ec);
  background: var(--module-bg-color, #ffffff);
  box-shadow: 0 2px 8px rgba(189, 215, 236, 0.15);
}

.dual-detection-switch.enabled {
  border-color: #52c41a;
  background: linear-gradient(135deg, rgba(82, 196, 26, 0.06) 0%, rgba(82, 196, 26, 0.02) 100%);
}

.dual-detection-switch.enabled:hover:not(.disabled) {
  border-color: #52c41a;
  box-shadow: 0 2px 8px rgba(82, 196, 26, 0.2);
}

.dual-detection-switch.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* 复选框样式 */
.switch-checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  min-width: 22px;
  border-radius: 6px;
  border: 2px solid var(--border-color, #d1d5db);
  background: var(--module-bg-color, #ffffff);
  color: white;
  transition: all 0.25s ease;
  margin-top: 2px;
}

.dual-detection-switch.enabled .switch-checkbox {
  background: #52c41a;
  border-color: #52c41a;
}

/* 内容区域 */
.switch-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}

.switch-header {
  display: flex;
  align-items: center;
  gap: 8px;
}

.switch-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-original, #1e293b);
  line-height: 1.4;
}

/* 推荐标签徽章 */
.switch-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
  color: #52c41a;
  background: rgba(82, 196, 26, 0.1);
  border-radius: 10px;
  border: 1px solid rgba(82, 196, 26, 0.3);
  line-height: 1.4;
  animation: badge-pulse 2s ease-in-out infinite;
}

@keyframes badge-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}

.dual-detection-switch.enabled .switch-badge {
  color: #ffffff;
  background: #52c41a;
  border-color: #52c41a;
  animation: none;
}

/* 功能说明文字 */
.switch-desc {
  font-size: 12px;
  color: var(--text-original, #64748b);
  line-height: 1.5;
  transition: color 0.3s ease;
}

.dual-detection-switch.enabled .switch-desc {
  color: #52c41a;
}

/* 下方提示说明 */
.detection-hint {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1.5;
  color: #52c41a;
  background: rgba(82, 196, 26, 0.06);
  border-radius: 8px;
  border-left: 3px solid #52c41a;
}

.detection-hint svg {
  flex-shrink: 0;
  margin-top: 1px;
}

.detection-hint.warning {
  color: #fa8c16;
  background: rgba(250, 140, 22, 0.06);
  border-left-color: #fa8c16;
}

.detection-hint.warning svg {
  color: #fa8c16;
}

/* 上传容器样式 */
.upload-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* 上传区域内部 TAB 样式 - 分段控制器风格 */
.upload-mode-tabs {
  display: flex;
  background: var(--background-color, #f0f2f5);
  border-bottom: 1px solid var(--border-color, #e8e8e8);
  padding: 0;
  margin: 0;
}

.upload-mode-tab {
  flex: 1;
  padding: 14px 24px;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 14px;
  color: var(--text-original, #666);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  font-weight: 500;
  letter-spacing: 0.02em;
  outline: none;
  border-radius: 0px 0px 0 0;
}

/* 底部指示器 */
.upload-mode-tab::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: transparent;
  transition: background 0.25s ease;
  outline: none;
}

.upload-mode-tab:hover:not(.active):not(.disabled) {
  color: var(--btn-primary-bg, #1890ff);
  background: rgba(24, 144, 255, 0.04);
}

.upload-mode-tab.active {
  background: var(--module-bg-color, #fff);
  color: var(--text-original, #1890ff);
  font-weight: 600;
  outline: none;
}

.upload-mode-tab.active::after {
  background: var(--btn-primary-bg, #1890ff);
  outline: none;
}

.upload-mode-tab.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  outline: none;
}

/* 分隔线 */
.upload-mode-tab:first-child {
  border-right: 1px solid var(--border-color, #e8e8e8);
}
.mode-tabs-header[data-v-88806dea] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  background: var(--header-bg, linear-gradient(180deg, #f8fafc 0%, #ffffff 100%));
  border-bottom: 1px solid var(--header-border, #e2e8f0);
  min-height: 48px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

/* ==================== 滚动容器包装 ==================== */
.tabs-scroll-wrapper[data-v-88806dea] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1;
  min-width: 0;
}
.scroll-arrow[data-v-88806dea] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 1px solid var(--border-color, #e2e8f0);
  background: var(--module-bg-color, #ffffff);
  border-radius: 50%;
  cursor: pointer;
  color: var(--text-original, #64748b);
  transition: all 0.2s ease;
  flex-shrink: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.scroll-arrow[data-v-88806dea]:hover {
  background: var(--tab-active-border, #5a67d8);
  border-color: var(--tab-active-border, #5a67d8);
  color: white;
  box-shadow: 0 2px 6px rgba(90, 103, 216, 0.3);
}
.tabs-wrapper[data-v-88806dea] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1;
  overflow-x: auto;
  padding: 2px 0;
  /* 隐藏滚动条 */
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.tabs-wrapper[data-v-88806dea]::-webkit-scrollbar {
  display: none;
}
.tabs-list[data-v-88806dea] {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* ==================== 空状态占位符 ==================== */
.placeholder-slots[data-v-88806dea] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.placeholder-slot[data-v-88806dea] {
  width: 60px;
  height: 28px;
  border: 1px dashed var(--placeholder-border, #e2e8f0);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
}
.slot-dashed[data-v-88806dea] {
  width: 40%;
  height: 3px;
  background: var(--placeholder-border, #e2e8f0);
  border-radius: 2px;
}
.add-mode-btn[data-v-88806dea] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  border: 1px dashed var(--tab-active-border, #5a67d8);
  background: transparent;
  color: var(--tab-active-border, #5a67d8);
  font-size: 11px;
  font-weight: 500;
  border-radius: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.add-mode-btn[data-v-88806dea]:hover {
  background: var(--tab-hover-bg, rgba(90, 103, 216, 0.08));
  border-style: solid;
}

/* ==================== 模式标签 Tab 化处理 ==================== */
.mode-tab[data-v-88806dea] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  border: 1px solid var(--header-border, #e2e8f0);
  background: var(--module-bg-color, #ffffff);
  color: var(--text-original, #64748b);
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  border-radius: 14px;
  white-space: nowrap;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  box-shadow: var(--btn-shadow, 0 1px 2px rgba(0, 0, 0, 0.05));
  flex-shrink: 0;
}
.mode-tab[data-v-88806dea]:hover:not(.disabled):not(.active) {
  border-color: var(--tab-active-border, #5a67d8);
  color: var(--tab-active-border, #5a67d8);
  box-shadow: var(--btn-shadow-hover, 0 2px 6px rgba(0, 0, 0, 0.1));
}
.mode-tab.active[data-v-88806dea] {
  border-color: var(--text-modified, #db5e77);
  color: var(--text-modified, #db5e77);
  background: var(--module-bg-color, #ffffff);
  box-shadow: 0 0 0 1px var(--text-modified, #db5e77);
  font-weight: 600;
}
.mode-tab.disabled[data-v-88806dea] {
  opacity: 0.4;
  cursor: not-allowed;
  background: var(--background-color, #f8fafc);
}
.mode-tab.editing[data-v-88806dea] {
  padding-right: 22px;
  animation: subtle-shake-88806dea 2s ease-in-out infinite;
}
@keyframes subtle-shake-88806dea {
0%, 100% { transform: rotate(0deg);
}
25% { transform: rotate(-0.5deg);
}
75% { transform: rotate(0.5deg);
}
}
.tab-text[data-v-88806dea] {
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.remove-btn[data-v-88806dea] {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--error-color, #ef4444);
  color: white;
  opacity: 0.9;
  transition: all 0.2s ease;
  box-shadow: 0 1px 3px rgba(239, 68, 68, 0.3);
}
.remove-btn[data-v-88806dea]:hover {
  opacity: 1;
  transform: translateY(-50%) scale(1.1);
}

/* ==================== 设置按钮容器化 ==================== */
.action-buttons[data-v-88806dea] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.action-btn[data-v-88806dea] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid var(--header-border, #e2e8f0);
  border-radius: 6px;
  background: var(--module-bg-color, #ffffff);
  color: var(--text-original, #64748b);
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: var(--btn-shadow, 0 1px 2px rgba(0, 0, 0, 0.05));
}
.action-btn svg[data-v-88806dea] {
  width: 14px;
  height: 14px;
}
.action-btn[data-v-88806dea]:hover:not(.disabled) {
  background: var(--tab-hover-bg, rgba(90, 103, 216, 0.08));
  border-color: var(--tab-active-border, #5a67d8);
  color: var(--tab-active-border, #5a67d8);
  box-shadow: var(--btn-shadow-hover, 0 2px 6px rgba(0, 0, 0, 0.1));
}
.action-btn.disabled[data-v-88806dea] {
  opacity: 0.4;
  cursor: not-allowed;
}
.copy-btn[data-v-88806dea]:hover:not(.disabled) {
  color: var(--success-color, #22c55e);
  border-color: var(--success-color, #22c55e);
  background: rgba(34, 197, 94, 0.08);
}
.download-btn[data-v-88806dea]:hover:not(.disabled) {
  color: var(--info-color, #3b82f6);
  border-color: var(--info-color, #3b82f6);
  background: rgba(59, 130, 246, 0.08);
}
.settings-btn[data-v-88806dea] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--header-border, #e2e8f0);
  border-radius: 8px;
  background: var(--module-bg-color, #ffffff);
  color: var(--text-original, #64748b);
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
  box-shadow: var(--btn-shadow, 0 1px 3px rgba(0, 0, 0, 0.08));
}
.settings-btn svg[data-v-88806dea] {
  width: 16px;
  height: 16px;
}
.settings-btn[data-v-88806dea]:hover {
  background: var(--tab-hover-bg, rgba(90, 103, 216, 0.08));
  border-color: var(--tab-active-border, #5a67d8);
  color: var(--tab-active-border, #5a67d8);
  box-shadow: var(--btn-shadow-hover, 0 2px 6px rgba(0, 0, 0, 0.1));
}
.settings-btn.active[data-v-88806dea] {
  background: var(--tab-active-border, #5a67d8);
  border-color: var(--tab-active-border, #5a67d8);
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(90, 103, 216, 0.35);
}

/* ==================== 标签列表动画 ==================== */
.tab-list-enter-active[data-v-88806dea] {
  animation: tab-pop-in-88806dea 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.tab-list-leave-active[data-v-88806dea] {
  animation: tab-pop-out-88806dea 0.2s ease-out;
}
.tab-list-move[data-v-88806dea] {
  transition: transform 0.3s ease;
}
@keyframes tab-pop-in-88806dea {
0% {
    opacity: 0;
    transform: scale(0.8) translateY(10px);
}
100% {
    opacity: 1;
    transform: scale(1) translateY(0);
}
}
@keyframes tab-pop-out-88806dea {
0% {
    opacity: 1;
    transform: scale(1);
}
100% {
    opacity: 0;
    transform: scale(0.8);
}
}

.mode-management-inline[data-v-db5133dc] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--module-bg-color, #ffffff);
  z-index: 50;
  overflow-y: auto;
}

/* ==================== 顶部控制区 ==================== */
.control-bar[data-v-db5133dc] {
  display: flex;
  gap: 32px;
  padding: 14px 20px;
  background: linear-gradient(135deg, var(--header-bg, #f1f5f9) 0%, var(--module-bg-color, #ffffff) 100%);
  border-bottom: 1px solid var(--border-color, #e2e8f0);
  align-items: center;
}

/* 关闭按钮 */
.close-btn[data-v-db5133dc] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  background: var(--background-color, #f1f5f9);
  border-radius: 6px;
  cursor: pointer;
  color: var(--text-original, #64748b);
  transition: all 0.2s ease;
  flex-shrink: 0;
  margin-right: 8px;
}
.close-btn[data-v-db5133dc]:hover {
  background: var(--error-color, #ef4444);
  color: white;
}
.control-item[data-v-db5133dc] {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  user-select: none;
  padding: 6px 12px;
  border-radius: 8px;
  transition: all 0.2s ease;
}
.control-item[data-v-db5133dc]:hover {
  background: var(--background-color, rgba(0, 0, 0, 0.04));
}
.switch-toggle[data-v-db5133dc] {
  position: relative;
  width: 44px;
  height: 24px;
  border-radius: 12px;
  background: var(--border-color, #cbd5e1);
  transition: all 0.3s ease;
  flex-shrink: 0;
}
.switch-toggle.active[data-v-db5133dc] {
  background: var(--success-color, #22c55e);
}
.toggle-thumb[data-v-db5133dc] {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: white;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.switch-toggle.active .toggle-thumb[data-v-db5133dc] {
  transform: translateX(20px);
}
.control-label[data-v-db5133dc] {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-original, #334155);
}

/* ==================== 常用模式区域 ==================== */
.favorites-section[data-v-db5133dc] {
  padding: 16px 20px;
  background: var(--background-color, #f8fafc);
  border-bottom: 1px solid var(--border-color, #e2e8f0);
}
.section-header[data-v-db5133dc] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.section-icon[data-v-db5133dc] {
  font-size: 18px;
}
.section-title[data-v-db5133dc] {
  font-size: 14px;
  font-weight: 700;
  color: var(--text-original, #1e293b);
}
.section-hint[data-v-db5133dc] {
  font-size: 12px;
  color: var(--text-original, #94a3b8);
  margin-left: auto;
}
.favorite-tags[data-v-db5133dc] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  min-height: 36px;
}
.favorite-tag[data-v-db5133dc] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border: 2px solid var(--border-color, #e2e8f0);
  background: var(--module-bg-color, #ffffff);
  color: var(--text-original, #334155);
  font-size: 14px;
  font-weight: 600;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.favorite-tag[data-v-db5133dc]:hover:not(.editing) {
  border-color: var(--tab-active-border, #5a67d8);
  color: var(--tab-active-border, #5a67d8);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(90, 103, 216, 0.2);
}
.favorite-tag.active[data-v-db5133dc] {
  background: var(--tab-active-gradient, linear-gradient(135deg, #5a67d8 0%, #4c51bf 100%));
  border-color: transparent;
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(90, 103, 216, 0.4);
}
.favorite-tag.editing[data-v-db5133dc] {
  padding-right: 32px;
  border-color: var(--error-color, #ef4444);
}
.tag-remove[data-v-db5133dc] {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--error-color, #ef4444);
  border-radius: 50%;
  color: white;
  box-shadow: 0 2px 4px rgba(239, 68, 68, 0.4);
}
.no-favorites[data-v-db5133dc] {
  color: var(--text-original, #94a3b8);
  font-size: 14px;
  font-style: italic;
  padding: 8px 0;
}

/* ==================== 分类模式列表 ==================== */
.categories-section[data-v-db5133dc] {
  padding: 16px 20px;
}
.category-group[data-v-db5133dc] {
  margin-bottom: 20px;
}
.category-group[data-v-db5133dc]:last-child {
  margin-bottom: 0;
}
.category-header[data-v-db5133dc] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--border-color, #e2e8f0);
}
.category-icon[data-v-db5133dc] {
  font-size: 20px;
}
.category-name[data-v-db5133dc] {
  font-size: 15px;
  font-weight: 700;
  color: var(--text-original, #1e293b);
}
.category-count[data-v-db5133dc] {
  font-size: 12px;
  color: var(--text-original, #94a3b8);
  background: var(--background-color, #f1f5f9);
  padding: 2px 8px;
  border-radius: 10px;
  margin-left: auto;
}

/* ==================== 水平滚动容器 ==================== */
.mode-scroll-wrapper[data-v-db5133dc] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}
.mode-scroll-container[data-v-db5133dc] {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding: 4px 0;
  flex: 1;
  /* 隐藏滚动条 */
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.mode-scroll-container[data-v-db5133dc]::-webkit-scrollbar {
  display: none;
}
.scroll-arrow[data-v-db5133dc] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid var(--border-color, #e2e8f0);
  background: var(--module-bg-color, #ffffff);
  border-radius: 50%;
  cursor: pointer;
  color: var(--text-original, #64748b);
  transition: all 0.2s ease;
  flex-shrink: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  z-index: 2;
}
.scroll-arrow[data-v-db5133dc]:hover {
  background: var(--tab-active-gradient, linear-gradient(135deg, #5a67d8 0%, #4c51bf 100%));
  border-color: transparent;
  color: white;
  box-shadow: 0 4px 8px rgba(90, 103, 216, 0.3);
}
.scroll-arrow-left[data-v-db5133dc] {
  margin-right: 4px;
}
.scroll-arrow-right[data-v-db5133dc] {
  margin-left: 4px;
}

/* ==================== 模式网格布局 ==================== */
.mode-grid[data-v-db5133dc] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 10px;
}
.mode-card[data-v-db5133dc] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border: 2px solid var(--border-color, #e2e8f0);
  background: var(--module-bg-color, #ffffff);
  color: var(--text-original, #475569);
  font-size: 13px;
  font-weight: 600;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s ease;
  min-height: 44px;
  text-align: left;
  box-sizing: border-box;
}
.mode-card[data-v-db5133dc]:hover:not(.disabled) {
  border-color: var(--tab-active-border, #5a67d8);
  color: var(--tab-active-border, #5a67d8);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(90, 103, 216, 0.15);
}
.mode-card.active[data-v-db5133dc] {
  border-color: var(--text-modified, #db5e77);
  color: var(--text-modified, #db5e77);
  background: var(--module-bg-color, #ffffff);
  box-shadow: 0 0 0 1px var(--text-modified, #db5e77);
}
.mode-card.selected[data-v-db5133dc] {
  border-color: var(--success-color, #22c55e);
}
.mode-card.selected.active[data-v-db5133dc] {
  border-color: var(--text-modified, #db5e77);
  color: var(--text-modified, #db5e77);
  box-shadow: 0 0 0 1px var(--text-modified, #db5e77);
}
.mode-card.disabled[data-v-db5133dc] {
  opacity: 0.45;
  cursor: not-allowed;
  background: var(--background-color, #f8fafc);
}
.mode-card.editing[data-v-db5133dc] {
  border-style: dashed;
}
.mode-name[data-v-db5133dc] {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.4;
}
.check-badge[data-v-db5133dc] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: var(--success-color, #22c55e);
  border-radius: 50%;
  color: white;
  flex-shrink: 0;
  margin-left: 8px;
}

/* ==================== 空状态 ==================== */
.empty-state[data-v-db5133dc] {
  text-align: center;
  padding: 40px 20px;
}
.empty-icon[data-v-db5133dc] {
  font-size: 48px;
  margin-bottom: 12px;
}
.empty-text[data-v-db5133dc] {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-original, #64748b);
  margin: 0 0 8px 0;
}
.empty-hint[data-v-db5133dc] {
  font-size: 14px;
  color: var(--text-original, #94a3b8);
  margin: 0;
}

/* ==================== 滚动条 ==================== */
.mode-management-inline[data-v-db5133dc]::-webkit-scrollbar {
  width: 8px;
}
.mode-management-inline[data-v-db5133dc]::-webkit-scrollbar-track {
  background: transparent;
}
.mode-management-inline[data-v-db5133dc]::-webkit-scrollbar-thumb {
  background: var(--border-color, #cbd5e1);
  border-radius: 4px;
}
.mode-management-inline[data-v-db5133dc]::-webkit-scrollbar-thumb:hover {
  background: var(--text-original, #94a3b8);
}
.output-panel {
    flex: 1;
    display: flex;
    flex-direction: column;
    background-color: var(--module-bg-color, #fff);
    border-radius: 0px 0px 8px 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    position: relative;
  }

  /* 内容区域包装器（用于模式管理面板覆盖） */
  .output-content-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 0;
    overflow: hidden;
  }
  
  .output-panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;
    background-color: var(--module-bg-color, #f9f9f9);
    border-bottom: 1px solid var(--border-color, #eee);
  }
  
  .header-title {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-original, #333);
  }
  
  .mode-selector {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  
  /* 输出AI率和学术性显示样式 */
  .ai-rate-display-output {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 4px 12px;
    background-color: var(--background-color, #f5f7fa);
    border-radius: 4px;
    font-size: 13px;
  }
  
  .ai-rate-display-output .rate-item {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  
  .ai-rate-display-output .rate-label {
    color: var(--text-original, #666);
    font-size: 13px;
  }
  
  .ai-rate-display-output .rate-value {
    font-weight: 600;
    font-size: 14px;
  }
  
  .ai-rate-display-output .ai-rate-value.checking {
    color: var(--text-original, #999);
    font-weight: 500;
  }

  /* AI率检测旋转图标样式 */
  .ai-rate-display-output .ai-rate-checking {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .ai-rate-display-output .ai-rate-spinner {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid var(--border-color, #e0e0e0);
    border-top-color: var(--text-modified, #db5e77);
    border-radius: 50%;
    animation: ai-spin-output 1s linear infinite;
  }

  @keyframes ai-spin-output {
    to {
      transform: rotate(360deg);
    }
  }

  .ai-rate-display-output .ai-rate-label {
    font-size: 12px;
    color: var(--text-original, #666);
  }

  /* AI率颜色 - 越低越好 */
  .ai-rate-display-output .rate-value.low {
    color: #4CAF50; /* 绿色 - <20% 优秀 */
  }

  .ai-rate-display-output .rate-value.medium {
    color: #FF9800; /* 橙色 - 20%~50% 良好 */
  }

  .ai-rate-display-output .rate-value.high {
    color: #9C27B0; /* 紫色 - 50%~80% 较差 */
  }

  .ai-rate-display-output .rate-value.danger {
    color: #E53935; /* 红色 - >=80% 高危 */
  }
  
  /* 学术性颜色 - 越高越好，所以颜色相反 */
  .ai-rate-display-output .rate-value.academic.high {
    color: #52c41a;
  }
  
  .ai-rate-display-output .rate-value.academic.medium {
    color: #faad14;
  }
  
  .ai-rate-display-output .rate-value.academic.low {
    color: #ff4d4f;
  }

  .ai-rate-display-output .rate-tip {
    font-size: 11px;
    color: #999;
    margin-left: 2px;
  }
  
  /* 文件处理中提示样式 */
  .file-processing-indicator {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-height: 400px;
  }
  
  .processing-content {
    text-align: center;
  }
  
  .processing-spinner {
    width: 50px;
    height: 50px;
    border: 4px solid var(--border-color, #f0f0f0);
    border-top-color: var(--text-modified, #db5e77);
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 20px;
  }
  
  .processing-text {
    font-size: 16px;
    color: var(--text-original, #666);
    font-weight: 500;
  }

  .processing-title {
    font-size: 18px;
    color: var(--text-original, #333);
    font-weight: 600;
    margin-bottom: 8px;
    text-align: center;
  }

  .processing-subtitle {
    font-size: 14px;
    color: var(--text-original, #999);
    font-weight: 400;
    text-align: center;
    line-height: 1.5;
  }

  @keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }
  
  .select-label {
    font-size: 14px;
    color: var(--text-original, #666);
  }
  
  select {
    padding: 6px 10px;
    border-radius: 4px;
    border: 1px solid var(--border-color, #ddd);
    font-size: 14px;
    background-color: var(--background-color, #f9f9f9);
    color: var(--text-original, #333);
  }
  
  .output-area {
    flex: 1;
    padding: 16px;
    overflow-y: auto;
    font-size: 14px;
    line-height: 1.6;
    color: var(--text-original, #333);
    position: relative;
    display: flex;
    flex-direction: column;
  }

  /* 自定义滚动条样式 */
  .output-area::-webkit-scrollbar {
    width: 8px;
  }

  /* 隐藏滚动条的上下箭头按钮 */
  .output-area::-webkit-scrollbar-button {
    display: none;
    height: 0;
    width: 0;
  }

  .output-area::-webkit-scrollbar-track {
    background: transparent;
  }

  .output-area::-webkit-scrollbar-thumb {
    background: rgba(150, 150, 150, 0.4);
    border-radius: 4px;
    background-image: linear-gradient(
      to bottom,
      rgba(150, 150, 150, 0) 0%,
      rgba(150, 150, 150, 0.2) 15%,
      rgba(150, 150, 150, 0.5) 50%,
      rgba(150, 150, 150, 0.2) 85%,
      rgba(150, 150, 150, 0) 100%
    );
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: 0 0 8px rgba(150, 150, 150, 0.1);
  }

  .output-area::-webkit-scrollbar-thumb:hover {
    background-color: rgba(150, 150, 150, 0.6);
  }

  /* Firefox 滚动条样式 */
  .output-area {
    scrollbar-width: thin;
    scrollbar-color: rgba(150, 150, 150, 0.4) transparent;
  }
  
  .processing-indicator {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    border-radius: 6px;
    background-color: var(--module-bg-color, rgba(245, 247, 250, 0.95));
    padding: 12px;
    padding-top: 3px;
    border: 1px solid var(--border-color, #eee);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    width: 80%;
    max-width: 400px;
  }
  
  .processing-message {
    text-align: center;
    margin-bottom: 10px;
    font-weight: 500;
    color: var(--text-original, #333);
  }
  
  .progress-bar {
    height: 10px;
    background-color: var(--background-color, #eee);
    border-radius: 5px;
    overflow: hidden;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  }
  
  .progress {
  height: 100%;
  background: var(--border-color, linear-gradient(135deg, #db5e77 0%, #c00c60 50%, #e5079f 100%));
  transition: width 0.3s ease;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}

.progress::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  animation: shimmer 2s infinite;
}

@keyframes shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
  
  .progress-text {
    margin-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    color: var(--text-original, #666);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .loading-spinner {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid transparent;
    border-top: 2px solid #ff0000;
    border-radius: 50%;
    margin-right: 8px;
    animation: spin 1s linear infinite;
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  
  .empty-state {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    color: #999;
  }
  
  .output-content {
    white-space: pre-wrap;
    word-break: break-word;
    flex: 1;
    overflow-y: auto;
    padding: 0px 0;
  }

  /* 自定义滚动条样式 */
  .output-content::-webkit-scrollbar {
    width: 8px;
  }

  /* 隐藏滚动条的上下箭头按钮 */
  .output-content::-webkit-scrollbar-button {
    display: none;
    height: 0;
    width: 0;
  }

  .output-content::-webkit-scrollbar-track {
    background: transparent;
  }

  .output-content::-webkit-scrollbar-thumb {
    background: rgba(150, 150, 150, 0.4);
    border-radius: 4px;
    background-image: linear-gradient(
      to bottom,
      rgba(150, 150, 150, 0) 0%,
      rgba(150, 150, 150, 0.2) 15%,
      rgba(150, 150, 150, 0.5) 50%,
      rgba(150, 150, 150, 0.2) 85%,
      rgba(150, 150, 150, 0) 100%
    );
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: 0 0 8px rgba(150, 150, 150, 0.1);
  }

  .output-content::-webkit-scrollbar-thumb:hover {
    background-color: rgba(150, 150, 150, 0.6);
  }

  /* Firefox 滚动条样式 */
  .output-content {
    scrollbar-width: thin;
    scrollbar-color: rgba(150, 150, 150, 0.4) transparent;
  }
  
  .output-footer {
    display: flex;
    justify-content: flex-end;
    padding: 11px 16px;
    background-color: var(--module-bg-color, #f9f9f9);
    border-top: 1px solid var(--border-color, #eee);
    width: 100%;
  }
  
  .footer-actions {
    display: flex;
    gap: 10px;
    width: 100%;
    justify-content: flex-end;
  }
  
  .output-action-btn {
    display: flex;
    align-items: center;
    padding: 8px 16px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border: none;
    background-color: var(--btn-primary-bg, #eee);
    color: var(--text-original, white);
    border-radius: 4px;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s;
  }
  
  .output-action-btn:hover {
    opacity: 0.9;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  }
  
  .action-icon {
    margin-right: 6px;
    font-style: normal;
  }
  
  .paragraph {
    margin-bottom: 16px;
    padding: 2px 6px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s;
    position: relative;
  }
  
  .paragraph:hover {
  background-color: var(--module-bg-color, rgba(219, 94, 119, 0.05));
}

.paragraph.highlighted {
  background-color: var(--module-bg-color, rgba(219, 94, 119, 0.1));
  border-left: 3px solid var(--text-modified, #db5e77);
  padding-left: 8px;
}
  
  .paragraph.regenerating {
    background-color: rgba(245, 247, 250, 0.5);
    cursor: wait;
    min-height: 2em;
  }
  
  .paragraph-regenerating-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 5;
    padding: 10px;
  }
  
  .regenerating-spinner {
    width: 30px;
    height: 30px;
    border: 3px solid rgba(4, 106, 106, 0.2);
    border-top: 3px solid #046a6a;
    border-radius: 50%;
    margin-bottom: 10px;
    animation: spin 1s linear infinite;
    flex-shrink: 0;
    flex-grow: 0;
    aspect-ratio: 1 / 1;
    box-sizing: border-box;
  }
  
  .regenerating-text {
    color: #046a6a;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
  }
  
  .paragraph-actions {
    position: absolute;
    bottom: -10px;
    right: 8px;
    padding: 4px;
    background-color: var(--module-bg-color, rgba(45, 45, 45, 0.95));
    border: 1px solid var(--border-color, #404040);
    border-radius: 4px;
    display: flex;
    gap: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    z-index: 10;
  }

  .paragraph-action-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    background-color: transparent;
    border: 1px solid var(--border-color, #505050);
    border-radius: 4px;
    padding: 3px 8px;
    cursor: pointer;
    font-size: 12px;
    color: var(--text-original, #e0e0e0);
    transition: all 0.2s;
  }

  .paragraph-action-btn .action-icon {
    margin-right: 4px;
    font-size: 14px;
  }

  .paragraph-action-btn .action-text {
    white-space: nowrap;
    color: var(--text-original, #e0e0e0);
  }

  .paragraph-action-btn:hover {
    background-color: var(--primary-color, #db5e77);
    border-color: var(--primary-color, #db5e77);
    color: #ffffff;
  }

  .paragraph-action-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
  
  .diff-toggle {
    margin-left: 10px;
    padding: 4px 10px;
    border-radius: 4px;
    background-color: var(--btn-primary-bg, #f5f5f5);
    font-size: 14px;
    cursor: pointer;
    color: var(--text-original, #555);
  }
  
  .diff-toggle:hover {
    background-color: var(--module-bg-color, #eee);
  }
  
  /* 允许不同类型内容的HTML渲染 */
  .paragraph :deep(span) {
    display: inline;
  }
  
  /* 确保段落内文本可以被点击 */
  .paragraph-text {
    pointer-events: auto;
    display: inline-block;
    width: 100%;
  }

  .empty-state-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 2rem;
  }
  
  .empty-state-icon {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: #ccc;
  }
  
  .empty-state-message {
    font-size: 1.2rem;
    color: #666;
    margin-bottom: 0.5rem;
  }
  
  .empty-state-hint {
    font-size: 0.9rem;
    color: #999;
  }
  
  /* 历史记录按钮样式 */
  .history-toggle {
    margin-left: 10px;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .history-toggle:hover {
    background-color: #eee;
  }
  
  /* 历史记录面板样式 */
  .history-panel {
    position: absolute;
    top: 0;
    right: 0;
    width: 350px;
    height: 100%;
    background-color: white;
    box-shadow: -2px 0 10px rgba(0,0,0,0.1);
    z-index: 100;
    display: flex;
    flex-direction: column;
    border-left: 1px solid #eee;
  }
  
  .history-panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
  }
  
  .history-panel-header h3 {
    margin: 0;
    font-size: 16px;
    color: #333;
  }
  
  .close-btn {
    border: none;
    background: transparent;
    font-size: 20px;
    color: #666;
    cursor: pointer;
  }
  
  .history-panel-content {
    flex: 1;
    overflow-y: auto;
    padding: 10px;
  }

  /* 自定义滚动条样式 */
  .history-panel-content::-webkit-scrollbar {
    width: 8px;
  }

  /* 隐藏滚动条的上下箭头按钮 */
  .history-panel-content::-webkit-scrollbar-button {
    display: none;
    height: 0;
    width: 0;
  }

  .history-panel-content::-webkit-scrollbar-track {
    background: transparent;
  }

  .history-panel-content::-webkit-scrollbar-thumb {
    background: rgba(150, 150, 150, 0.4);
    border-radius: 4px;
    background-image: linear-gradient(
      to bottom,
      rgba(150, 150, 150, 0) 0%,
      rgba(150, 150, 150, 0.2) 15%,
      rgba(150, 150, 150, 0.5) 50%,
      rgba(150, 150, 150, 0.2) 85%,
      rgba(150, 150, 150, 0) 100%
    );
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: 0 0 8px rgba(150, 150, 150, 0.1);
  }

  .history-panel-content::-webkit-scrollbar-thumb:hover {
    background-color: rgba(150, 150, 150, 0.6);
  }

  /* Firefox 滚动条样式 */
  .history-panel-content {
    scrollbar-width: thin;
    scrollbar-color: rgba(150, 150, 150, 0.4) transparent;
  }
  
  .history-empty {
    text-align: center;
    padding: 20px;
    color: #999;
  }
  
  .history-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .history-item {
    border: 1px solid #eee;
    border-radius: 6px;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #f9f9f9;
  }
  
  .history-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
  }
  
  .history-date {
    font-size: 13px;
    color: #666;
  }
  
  .history-mode {
    font-size: 12px;
    color: #999;
  }
  
  .history-preview {
    border-left: 3px solid #ddd;
    padding-left: 8px;
    margin: 5px 0;
    color: #333;
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .history-actions {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
    margin-top: 5px;
  }
  
  .history-btn {
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    cursor: pointer;
    font-size: 12px;
  }
  
  .history-restore {
    color: #046a6a;
  }
  
  .history-delete {
    color: #e53935;
  }
  
  .history-btn:hover {
    background-color: #eee;
  }

  /* 移动端样式 */
  @media (max-width: 768px) {
    .output-panel {
      min-height: 400px;
      max-height: calc(100vh - 400px);
    }
    
    .output-area {
      max-height: calc(100vh - 500px);
      overflow-y: auto;
    }
    
    .history-panel {
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1000;
    }
    
    .output-panel-header {
      flex-wrap: wrap;
      gap: 10px;
    }
    
    .mode-selector {
      flex: 1;
      min-width: 200px;
    }
  }
  
  @media (max-width: 480px) {
    .output-panel {
      min-height: 400px;
      max-height: calc(100vh - 400px);
    }
    
    .output-area {
      max-height: calc(100vh - 500px);
      overflow-y: auto;
    }
    
    .footer-actions {
      flex-wrap: wrap;
      gap: 5px;
    }
    
    .output-action-btn {
      font-size: 12px !important;
      padding: 6px 12px !important;
    }
  }

  /* 文件改写结果样式 - Dashboard 风格 */
.file-rewrite-result {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0;
  background-color: var(--module-bg-color, #fff);
  overflow: auto;
}

.file-result-dashboard {
  flex: 1;
  background: var(--module-bg-color, #fff);
  border-radius: 0;
  border: none;
  box-shadow: none;
  overflow: auto;
  display: flex;
  flex-direction: column;
}

/* 文件模式下去掉 output-area 的内边距 */
.output-area:has(.file-rewrite-result),
.output-area:has(.file-processing-indicator) {
  padding: 0;
}

/* Dashboard 头部 */
.dashboard-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  background: var(--module-bg-color, rgba(90, 103, 216, 0.1));
  border-bottom: 1px solid var(--border-color, #e2e8f0);
}

.dashboard-title {
  display: flex;
  align-items: center;
  gap: 10px;
}

.title-icon {
  font-size: 24px;
  filter: var(--icon-filter, none);
}

.title-text {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-original, #1e293b);
}

.file-badge {
  padding: 6px 14px;
  background: var(--btn-primary-bg, #bdd7ec);
  color: var(--text-original, #333);
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
}

/* 数据可视化区域 */
.metrics-section {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-bottom: 1px solid var(--border-color, #e2e8f0);
  flex-shrink: 0;
}

.metric-row {
  display: flex;
  align-items: center;
  gap: 16px;
}

.metric-label {
  min-width: 60px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-original, #475569);
}

.metric-bars {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 12px;
}

.bar-group {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
}

.bar-container {
  flex: 1;
  height: 10px;
  background: var(--border-color, #e2e8f0);
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}

.bar-container .bar {
  height: 100%;
  border-radius: 5px;
  transition: width 0.6s ease;
}

.bar-container.original .bar {
  background: var(--error-color, #ef4444);
}

.bar-container.rewritten .bar {
  background: var(--success-color, #10b981);
}

.bar-container.academic-original .bar {
  background: var(--info-color, #3b82f6);
}

.bar-container.academic-rewritten .bar {
  background: var(--success-color, #10b981);
}

.bar-value {
  font-size: 14px;
  font-weight: 600;
  min-width: 55px;
  text-align: right;
  color: var(--text-original, #475569);
}

.bar-value.high {
  color: var(--error-color, #ef4444);
}

.bar-value.low {
  color: var(--success-color, #10b981);
}

.arrow-icon {
  font-size: 20px;
  color: var(--text-original, #94a3b8);
  flex-shrink: 0;
}

.improvement-tag {
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  background: var(--border-color, #f1f5f9);
  color: var(--text-original, #64748b);
  flex-shrink: 0;
}

.improvement-tag.success {
  background: var(--btn-secondary-bg, rgba(16, 185, 129, 0.1));
  color: var(--success-color, #10b981);
  border: 1px solid var(--success-color, #10b981);
}

/* 文件信息对比 */
.files-comparison {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 20px 24px;
  border-bottom: 1px solid var(--border-color, #e2e8f0);
  flex-shrink: 0;
}

.file-info-card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  background: var(--module-bg-color, #fff);
  border-radius: 10px;
  border: 1px solid var(--border-color, #e2e8f0);
}

.file-info-card .card-icon {
  font-size: 20px;
  filter: var(--icon-filter, none);
}

.file-info-card .card-label {
  font-size: 13px;
  color: var(--text-original, #64748b);
}

.file-info-card .card-size {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-original, #1e293b);
}

.comparison-arrow {
  font-size: 24px;
  color: var(--text-modified, #5a67d8);
}

/* 下载按钮组 */
.download-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 24px;
  flex-wrap: wrap;
  flex-shrink: 0;
}

.download-btn {
  padding: 14px 28px;
  background: var(--btn-primary-bg);
  color: var(--text-original, white);
  border: none;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.3s ease;
}

.download-btn:hover:not(:disabled) {
  opacity: 0.9;
  transform: translateY(-1px);
}

.download-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.download-btn .btn-icon {
  font-size: 16px;
  filter: var(--icon-filter, none);
}

.download-btn .btn-text {
  font-size: 16px;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .metric-bars {
    flex-wrap: wrap;
  }

  .bar-group {
    min-width: 100px;
  }

  .files-comparison {
    flex-direction: column;
    gap: 12px;
  }

  .comparison-arrow {
    transform: rotate(90deg);
  }

  .download-actions {
    flex-direction: column;
  }

  .download-btn {
    width: 100%;
  }
}

/* 保留旧样式以兼容其他部分 */
.file-result-container {
  width: 100%;
  max-width: 100%;
}

/* ==================== 增强的 Diff 高亮样式 ==================== */
/* 新增内容 - 绿色 */
.diff-added,
.diff-insert,
ins {
  background-color: var(--diff-added-bg, rgba(16, 185, 129, 0.15));
  color: var(--diff-added-color, #059669);
  text-decoration: none;
  border-radius: 2px;
  padding: 0 2px;
}

/* 修改/优化内容 - 蓝色 */
.diff-modified,
.diff-change {
  background-color: var(--diff-modified-bg, rgba(59, 130, 246, 0.15));
  color: var(--diff-modified-color, #2563eb);
  border-radius: 2px;
  padding: 0 2px;
}

/* 删除内容 - 红色（通常隐藏或带删除线） */
.diff-removed,
.diff-delete,
del {
  background-color: rgba(239, 68, 68, 0.1);
  color: #dc2626;
  text-decoration: line-through;
  border-radius: 2px;
  padding: 0 2px;
  opacity: 0.7;
}

/* 段落级别的 diff 高亮 */
.paragraph.diff-highlight {
  position: relative;
}

.paragraph.diff-highlight::before {
  content: '';
  position: absolute;
  left: -8px;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--diff-modified-color, #2563eb);
  border-radius: 2px;
}

/* Diff 视图模式下的段落样式 */
.output-content.diff-mode .paragraph {
  line-height: 1.8;
}

/* 字符级别的高亮（用于更精细的对比） */
.char-added {
  background-color: var(--diff-added-bg, rgba(16, 185, 129, 0.2));
  color: var(--diff-added-color, #059669);
  font-weight: 500;
}

.char-modified {
  background-color: var(--diff-modified-bg, rgba(59, 130, 246, 0.2));
  color: var(--diff-modified-color, #2563eb);
  font-weight: 500;
}

/* ==================== 模式标签导航区域样式 ==================== */
/* 这些样式已在 ModeTabsHeader.vue 中定义，这里提供全局覆盖 */
.mode-tabs-header {
  flex-shrink: 0;
}

/* 收起状态下输出面板的特殊样式 */
.output-panel.collapsed-mode {
  border-radius: 0 8px 8px 0;
}

/* ==================== 空状态引导样式 ==================== */
.empty-guide {
  text-align: center;
  padding: 48px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.empty-guide .guide-icon {
  font-size: 56px;
  margin-bottom: 8px;
  animation: float-icon 3s ease-in-out infinite;
}

@keyframes float-icon {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

.empty-guide .guide-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-original, #1e293b);
  margin: 0;
}

.empty-guide .guide-desc {
  font-size: 14px;
  color: var(--text-original, #64748b);
  opacity: 0.8;
  margin: 0 0 8px 0;
}

.empty-guide .guide-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 32px;
  background: var(--guide-btn-gradient, linear-gradient(135deg, #5a67d8 0%, #4c51bf 100%));
  color: white;
  border: none;
  border-radius: 28px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: var(--guide-btn-shadow, 0 4px 14px rgba(90, 103, 216, 0.4));
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  margin-top: 8px;
}

.empty-guide .guide-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(90, 103, 216, 0.5);
}

.empty-guide .guide-btn:active {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(90, 103, 216, 0.4);
}

.empty-guide .guide-btn svg {
  transition: transform 0.3s ease;
}

.empty-guide .guide-btn:hover svg {
  transform: rotate(90deg);
}

/* 进度条包装器样式（用于文件处理） */
.progress-bar-wrapper {
  margin-top: 20px;
  width: 100%;
  max-width: 300px;
}

.progress-bar-container {
  height: 8px;
  background: var(--border-color, #e2e8f0);
  border-radius: 4px;
  overflow: hidden;
}

.progress-bar-fill {
  height: 100%;
  background: var(--tab-active-gradient, linear-gradient(135deg, #5a67d8 0%, #4c51bf 100%));
  border-radius: 4px;
  transition: width 0.3s ease;
}

.progress-percentage {
  text-align: center;
  margin-top: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-original, #64748b);
}

/* ==================== 内嵌模式管理面板覆盖动画 ==================== */
.fade-overlay-enter-active {
  animation: fadeIn 0.25s ease-out;
}

.fade-overlay-leave-active {
  animation: fadeOut 0.2s ease-in;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* ==================== 内嵌模式管理面板展开/收起动画 ==================== */
.slide-down-enter-active {
  animation: slideDown 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.slide-down-leave-active {
  animation: slideUp 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes slideDown {
  0% {
    opacity: 0;
    max-height: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    max-height: 400px;
    transform: translateY(0);
  }
}

@keyframes slideUp {
  0% {
    opacity: 1;
    max-height: 400px;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    max-height: 0;
    transform: translateY(-10px);
  }
}

/* ==================== 流式加载占位符样式 ==================== */
.paragraph.loading {
  display: none;  /* 占位符段落直接隐藏，不占用任何空间 */
}
/* ==================== 遮罩层 ==================== */
.mode-popup-overlay[data-v-f0e2d026] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--overlay-bg, rgba(15, 23, 42, 0.6));
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

/* ==================== 弹窗主体 ==================== */
.mode-popup[data-v-f0e2d026] {
  background: var(--module-bg-color, #ffffff);
  border: 1px solid var(--popup-border, #e2e8f0);
  border-radius: 16px;
  box-shadow:
    0 25px 50px -12px rgba(0, 0, 0, 0.25),
    0 0 0 1px rgba(0, 0, 0, 0.05);
  width: 90%;
  max-width: 560px;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* ==================== 头部区域 ==================== */
.popup-header[data-v-f0e2d026] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  background: var(--header-bg, linear-gradient(180deg, #f8fafc 0%, #ffffff 100%));
  border-bottom: 1px solid var(--header-border, #e2e8f0);
}
.popup-title[data-v-f0e2d026] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.title-icon[data-v-f0e2d026] {
  font-size: 22px;
}
.title-text[data-v-f0e2d026] {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-original, #1e293b);
}
.close-btn[data-v-f0e2d026] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid var(--border-color, #e2e8f0);
  background: var(--module-bg-color, #ffffff);
  color: var(--text-original, #64748b);
  cursor: pointer;
  border-radius: 10px;
  transition: all 0.2s ease;
  box-shadow: var(--btn-shadow, 0 1px 2px rgba(0, 0, 0, 0.05));
}
.close-btn[data-v-f0e2d026]:hover {
  background: var(--tab-hover-bg, rgba(239, 68, 68, 0.08));
  border-color: var(--error-color, #ef4444);
  color: var(--error-color, #ef4444);
  transform: rotate(90deg);
}

/* ==================== 开关区域 ==================== */
.switch-section[data-v-f0e2d026] {
  padding: 16px 24px;
  background: var(--category-bg, #f8fafc);
  border-bottom: 1px solid var(--border-color, #e2e8f0);
}
.switch-row[data-v-f0e2d026] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: var(--module-bg-color, #ffffff);
  border-radius: 12px;
  border: 1px solid var(--border-color, #e2e8f0);
  transition: all 0.2s ease;
}
.switch-row[data-v-f0e2d026]:not(:last-child) {
  margin-bottom: 10px;
}
.switch-row[data-v-f0e2d026]:hover {
  border-color: var(--tab-active-border, #5a67d8);
  box-shadow: var(--btn-shadow, 0 2px 4px rgba(0, 0, 0, 0.05));
}
.switch-info[data-v-f0e2d026] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.switch-label[data-v-f0e2d026] {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-original, #1e293b);
}
.switch-desc[data-v-f0e2d026] {
  font-size: 12px;
  color: var(--text-original, #64748b);
  opacity: 0.7;
}
.toggle-switch[data-v-f0e2d026] {
  position: relative;
  width: 48px;
  height: 26px;
  border: none;
  border-radius: 13px;
  background: var(--border-color, #cbd5e1);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}
.toggle-switch.active[data-v-f0e2d026] {
  background: var(--tab-active-gradient, linear-gradient(135deg, #5a67d8 0%, #4c51bf 100%));
  box-shadow: var(--tab-active-shadow, 0 4px 12px rgba(90, 103, 216, 0.35));
}
.toggle-thumb[data-v-f0e2d026] {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: white;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.toggle-switch.active .toggle-thumb[data-v-f0e2d026] {
  transform: translateX(22px);
}

/* ==================== 分类区域 ==================== */
.categories-section[data-v-f0e2d026] {
  flex: 1;
  overflow-y: auto;
  padding: 20px 24px;
}

/* 自定义滚动条 */
.categories-section[data-v-f0e2d026]::-webkit-scrollbar {
  width: 6px;
}
.categories-section[data-v-f0e2d026]::-webkit-scrollbar-track {
  background: transparent;
}
.categories-section[data-v-f0e2d026]::-webkit-scrollbar-thumb {
  background: var(--border-color, #cbd5e1);
  border-radius: 3px;
}
.categories-section[data-v-f0e2d026]::-webkit-scrollbar-thumb:hover {
  background: var(--text-original, #94a3b8);
}
.category-group[data-v-f0e2d026] {
  margin-bottom: 24px;
}
.category-group[data-v-f0e2d026]:last-child {
  margin-bottom: 0;
}
.category-title[data-v-f0e2d026] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-original, #475569);
  padding: 10px 14px;
  background: var(--category-bg, #f1f5f9);
  border-radius: 10px;
  margin-bottom: 14px;
}
.category-icon[data-v-f0e2d026] {
  font-size: 16px;
}
.category-name[data-v-f0e2d026] {
  flex: 1;
}
.category-count[data-v-f0e2d026] {
  font-size: 12px;
  font-weight: 500;
  padding: 2px 8px;
  background: var(--module-bg-color, #ffffff);
  border-radius: 10px;
  color: var(--text-original, #64748b);
}

/* ==================== 模式标签（Pill） ==================== */
.mode-pills[data-v-f0e2d026] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.mode-pill[data-v-f0e2d026] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  border: 1px solid var(--border-color, #e2e8f0);
  background: var(--module-bg-color, #ffffff);
  color: var(--text-original, #475569);
  font-size: 13px;
  font-weight: 500;
  border-radius: 24px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  box-shadow: var(--btn-shadow, 0 1px 2px rgba(0, 0, 0, 0.05));
}
.mode-pill[data-v-f0e2d026]:hover:not(.disabled) {
  transform: scale(1.02);
  box-shadow: var(--btn-shadow-hover, 0 4px 12px rgba(0, 0, 0, 0.1));
  border-color: var(--tab-active-border, #5a67d8);
  color: var(--tab-active-border, #5a67d8);
}

/* 已选中状态 */
.mode-pill.selected[data-v-f0e2d026] {
  background: var(--pill-selected-gradient, linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%));
  border-color: var(--tab-active-border, #5a67d8);
  color: var(--tab-active-border, #1d4ed8);
}

/* 编辑模式下的微抖动 */
.mode-pill.editing[data-v-f0e2d026] {
  animation: subtle-shake-f0e2d026 2s ease-in-out infinite;
}
.mode-pill.editing.selected[data-v-f0e2d026] {
  animation: subtle-shake-selected-f0e2d026 2s ease-in-out infinite;
}
@keyframes subtle-shake-f0e2d026 {
0%, 100% { transform: rotate(0deg);
}
25% { transform: rotate(-0.5deg);
}
75% { transform: rotate(0.5deg);
}
}
@keyframes subtle-shake-selected-f0e2d026 {
0%, 100% { transform: rotate(0deg) scale(1.02);
}
25% { transform: rotate(-0.5deg) scale(1.02);
}
75% { transform: rotate(0.5deg) scale(1.02);
}
}

/* 禁用状态 */
.mode-pill.disabled[data-v-f0e2d026] {
  opacity: 0.5;
  cursor: not-allowed;
  background: var(--category-bg, #f8fafc);
}
.pill-text[data-v-f0e2d026] {
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 勾选徽章 */
.check-badge[data-v-f0e2d026] {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 18px;
  height: 18px;
  background: var(--success-color, #22c55e);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 4px rgba(34, 197, 94, 0.4);
  color: white;
}
.vip-badge[data-v-f0e2d026] {
  font-size: 10px;
  padding: 2px 6px;
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  color: white;
  border-radius: 6px;
  font-weight: 600;
  box-shadow: 0 2px 4px rgba(245, 158, 11, 0.3);
}

/* ==================== 空状态 ==================== */
.empty-state[data-v-f0e2d026] {
  text-align: center;
  padding: 48px 24px;
  color: var(--text-original, #64748b);
}
.empty-icon[data-v-f0e2d026] {
  font-size: 48px;
  display: block;
  margin-bottom: 12px;
}
.empty-state p[data-v-f0e2d026] {
  margin: 0;
  font-size: 14px;
  opacity: 0.7;
}

/* ==================== 底部提示 ==================== */
.popup-footer[data-v-f0e2d026] {
  padding: 14px 24px;
  background: var(--category-bg, #f8fafc);
  border-top: 1px solid var(--border-color, #e2e8f0);
  text-align: center;
}
.footer-hint[data-v-f0e2d026] {
  font-size: 13px;
  color: var(--text-original, #64748b);
  opacity: 0.8;
}

/* ==================== 动画 ==================== */
.popup-fade-enter-active[data-v-f0e2d026],
.popup-fade-leave-active[data-v-f0e2d026] {
  transition: opacity 0.3s ease;
}
.popup-fade-enter-active .mode-popup[data-v-f0e2d026],
.popup-fade-leave-active .mode-popup[data-v-f0e2d026] {
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.popup-fade-enter-from[data-v-f0e2d026],
.popup-fade-leave-to[data-v-f0e2d026] {
  opacity: 0;
}
.popup-fade-enter-from .mode-popup[data-v-f0e2d026] {
  transform: scale(0.9) translateY(20px);
}
.popup-fade-leave-to .mode-popup[data-v-f0e2d026] {
  transform: scale(0.95);
}

/* ==================== 响应式 ==================== */
@media (max-width: 640px) {
.mode-popup[data-v-f0e2d026] {
    width: 95%;
    max-height: 85vh;
    border-radius: 12px;
}
.popup-header[data-v-f0e2d026] {
    padding: 16px 20px;
}
.title-text[data-v-f0e2d026] {
    font-size: 16px;
}
.switch-section[data-v-f0e2d026] {
    padding: 12px 16px;
}
.switch-row[data-v-f0e2d026] {
    padding: 10px 12px;
}
.categories-section[data-v-f0e2d026] {
    padding: 16px;
}
.category-title[data-v-f0e2d026] {
    padding: 8px 12px;
}
.mode-pill[data-v-f0e2d026] {
    padding: 8px 14px;
    font-size: 12px;
}
.popup-footer[data-v-f0e2d026] {
    padding: 12px 16px;
}
}

.editor-wrapper[data-v-cd11cffd] {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  width: 100%;
}
.editor-wrapper.collapsed[data-v-cd11cffd] {
  gap: 0px;
}

/* AI检测模式下不占用额外空间 */
.editor-wrapper.no-content[data-v-cd11cffd] {
  flex: none;
}

/* 展开状态的配置面板 */
.config-panel[data-v-cd11cffd] {
  background-color: var(--module-bg-color, #fff);
  overflow: hidden;
}
.tabs-container[data-v-cd11cffd] {
  background-color: var(--btn-secondary-bg, #fff);
  padding: 15px 20px 20px 20px;
  position: relative;
}
.tabs-container .collapse-btn[data-v-cd11cffd] {
  position: absolute;
  bottom: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: var(--module-bg-color, #fff);
  border: 1px solid var(--border-color, #e5e5e5);
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  color: var(--text-original, #666);
  transition: all 0.2s ease;
  white-space: nowrap;
  z-index: 10;
}
.tabs-container .collapse-btn[data-v-cd11cffd]:hover {
  background-color: var(--text-modified, #f5f5f5);
  border-color: var(--text-modified, #db5e77);
  color: var(--text-original, #db5e77);
}
.expand-btn[data-v-cd11cffd] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: var(--module-bg-color, #fff);
  border: 1px solid var(--border-color, #e5e5e5);
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  color: var(--text-original, #666);
  transition: all 0.2s ease;
  white-space: nowrap;
  flex-shrink: 0;
}
.expand-btn[data-v-cd11cffd]:hover {
  background-color: var(--text-modified, #f5f5f5);
  border-color: var(--text-modified, #db5e77);
  color: var(--text-modified, #db5e77);
}
.collapse-btn svg[data-v-cd11cffd],
.expand-btn svg[data-v-cd11cffd] {
  transition: transform 0.2s ease;
}
.tabs[data-v-cd11cffd] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.tab-group[data-v-cd11cffd] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.tab-label[data-v-cd11cffd] {
  margin-right: 8px;
  font-size: 14px;
  color: var(--text-original, #666);
  white-space: nowrap;
}
.tab[data-v-cd11cffd] {
  padding: 4px 4px;
  border: none;
  background: none;
  cursor: pointer;
  font-size: 14px;
  border-radius: 4px;
  position: relative;
  color: var(--text-original, #333);
  transition: all 0.2s ease;
  outline: none; /* 去除默认焦点边框 */
}
.tab[data-v-cd11cffd]:hover:not(.disabled) {
  background-color: var(--text-modified, #f5f5f5);
}
.tab.active[data-v-cd11cffd] {
  background: var(--btn-primary-bg, linear-gradient(135deg, #db5e77 0%, #c00c60 50%, #e5079f 100%));
  color: var(--text-original, white);
}
.tab.disabled[data-v-cd11cffd] {
  opacity: 0.2;
  cursor: not-allowed;
  color: var(--text-original, #999);
  background-color: var(--background-color, #f0f0f0);
  pointer-events: none;
}

/* 去除按钮的默认焦点边框 */
.collapse-btn[data-v-cd11cffd]:focus,
.expand-btn[data-v-cd11cffd]:focus,
.tab[data-v-cd11cffd]:focus {
  outline: none;
  box-shadow: none;
}
.platform[data-v-cd11cffd] {
  flex-wrap: wrap;
  row-gap: 10px;
}
.mode[data-v-cd11cffd] {
  flex-wrap: wrap;
  row-gap: 10px;
}
.mode-tab[data-v-cd11cffd] {
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.2s ease;
}
.mode-tab[data-v-cd11cffd]:hover {
  background-color: var(--background-color, #f5f5f5);
  transform: translateY(-1px);
}
.mode-tab.active[data-v-cd11cffd] {
  max-width: none;
  white-space: normal;
}
.mode-select[data-v-cd11cffd] {
  min-width: 220px;
  padding: 6px 10px;
  border-radius: 6px;
  background: var(--btn-secondary-bg, #fff);
  color: var(--text-original, #333);
}
.mode-select option[data-v-cd11cffd]:not(:disabled) {
  color: #333;
}
.mode-select option[data-v-cd11cffd]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  color: #ccc !important;
  background-color: #f8f8f8 !important;
  font-weight: 400;
  text-decoration: line-through;
}

/* 学术性检测开关样式 */
.academic-check-toggle[data-v-cd11cffd] {
  display: flex;
  align-items: center;
  margin-left: 16px;
  padding-left: 16px;
  border-left: 1px solid var(--border-color, #e5e5e5);
}
.academic-check-toggle .toggle-label[data-v-cd11cffd] {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  user-select: none;
}
.academic-check-toggle .toggle-text[data-v-cd11cffd] {
  font-size: 14px;
  color: var(--text-original, #666);
  white-space: nowrap;
}
.toggle-switch-mini[data-v-cd11cffd] {
  position: relative;
  width: 36px;
  height: 20px;
  border-radius: 10px;
  background: var(--border-color, #cbd5e1);
  cursor: pointer;
  transition: all 0.3s ease;
  flex-shrink: 0;
}
.toggle-switch-mini.active[data-v-cd11cffd] {
  background: var(--btn-primary-bg, linear-gradient(135deg, #db5e77 0%, #c00c60 50%, #e5079f 100%));
}
.toggle-thumb-mini[data-v-cd11cffd] {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: white;
  transition: transform 0.3s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.toggle-switch-mini.active .toggle-thumb-mini[data-v-cd11cffd] {
  transform: translateX(16px);
}

/* 学术性检测 tooltip 图标 */
.academic-tooltip-icon[data-v-cd11cffd] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  border-radius: 50%;
  background: #e8f4fc;
  color: #3b8ddb;
  font-size: 11px;
  font-weight: 600;
  cursor: help;
  transition: all 0.2s ease;
}
.academic-tooltip-icon[data-v-cd11cffd]:hover {
  background: #3b8ddb;
  color: white;
}
.status-badge[data-v-cd11cffd] {
  position: absolute;
  top: -8px;
  right: -8px;
  font-size: 10px;
  padding: 2px 4px;
  border-radius: 4px;
  background-color: #FF6B6B;
  color: white;
}
.tab.status-new .status-badge[data-v-cd11cffd] {
  background-color: #FF6B6B;
}
.tab.status-recommended .status-badge[data-v-cd11cffd] {
  background-color: #20C997;
}
.tab.status-beta .status-badge[data-v-cd11cffd] {
  background-color: #FD7E14;
}
.editor-container[data-v-cd11cffd] {
  display: flex;
  gap: 0;
  position: relative;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

/* 全屏模式下的右侧侧边栏 */
.fullscreen-sidebar[data-v-cd11cffd] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 0;
  background: var(--module-bg-color, #fff);
  border-left: 1px solid var(--border-color, #e5e5e5);
  min-width: 50px;
  align-items: center;
}
.fullscreen-sidebar .sidebar-button[data-v-cd11cffd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 12px 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-original, #666);
  border-radius: 6px;
  margin: 0 5px;
}
.fullscreen-sidebar .sidebar-button[data-v-cd11cffd]:hover {
  background: var(--background-color, #f5f5f5);
  color: var(--text-modified, #db5e77);
}
.fullscreen-sidebar .expand-btn-sidebar[data-v-cd11cffd] {
  color: var(--text-modified, #db5e77);
}
.fullscreen-sidebar .qrcode-btn-sidebar[data-v-cd11cffd] {
  position: relative;
}
.fullscreen-sidebar .qrcode-popup-sidebar[data-v-cd11cffd] {
  position: absolute;
  right: 60px;
  top: 50%;
  transform: translateY(-50%);
  background: var(--module-bg-color, white);
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  padding: 20px;
  min-width: 240px;
  z-index: 1000;
  border: 1px solid var(--border-color, #e5e5e5);
}
.fullscreen-sidebar .qrcode-popup-sidebar img[data-v-cd11cffd] {
  width: 180px;
  height: 180px;
  border-radius: 8px;
  display: block;
  margin: 0 auto 12px;
}
.fullscreen-sidebar .qrcode-popup-sidebar p[data-v-cd11cffd] {
  text-align: center;
  margin: 0;
  font-size: 14px;
  color: var(--text-original, #333);
}

/* 二维码弹窗动画 */
.qrcode-fade-enter-active[data-v-cd11cffd],
.qrcode-fade-leave-active[data-v-cd11cffd] {
  transition: all 0.2s ease;
}
.qrcode-fade-enter-from[data-v-cd11cffd],
.qrcode-fade-leave-to[data-v-cd11cffd] {
  opacity: 0;
  transform: translateY(-50%) translateX(10px);
}

/* 展开状态下，输入面板和输出面板使用flex填充 */
.editor-container[data-v-cd11cffd]:not(.fullscreen) .input-panel {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-right: 10px;
  padding-right: 0;
  overflow: hidden;
  min-height: 0;
}
.editor-container[data-v-cd11cffd]:not(.fullscreen) .output-panel {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  padding-left: 0;
  overflow: hidden;
  min-height: 0;
}

/* 展开状态下，确保内容区域可滚动 */
.editor-container[data-v-cd11cffd]:not(.fullscreen) .text-input,
.editor-container[data-v-cd11cffd]:not(.fullscreen) .file-upload-area {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}
.editor-container[data-v-cd11cffd]:not(.fullscreen) .output-area,
.editor-container[data-v-cd11cffd]:not(.fullscreen) .output-content {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}

/* 收起状态下，输入面板和输出面板的完整样式 */
.editor-container.fullscreen[data-v-cd11cffd] .input-panel {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-right: 10px;
  padding-right: 0;
  overflow: hidden;
  min-height: 0;
}

/* 收起状态下，输出面板的完整样式 */
.editor-container.fullscreen[data-v-cd11cffd] .output-panel {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  padding-left: 0;
  overflow: hidden;
  min-height: 0;
}

/* 确保输入和输出的头部高度一致，实现水平对齐 */
.editor-container[data-v-cd11cffd] .input-tabs {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  box-sizing: border-box;
}
.editor-container[data-v-cd11cffd] .panel-header {
  min-height: 60px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  box-sizing: border-box;
}
.editor-container.fullscreen[data-v-cd11cffd] {
  flex: 1;
  min-height: 0;
}
@media (max-width: 768px) {
.editor-wrapper[data-v-cd11cffd] {
    min-height: 100vh;
    gap: 5px;
}
.config-panel[data-v-cd11cffd] {
    padding: 15px;
}
.panel-header[data-v-cd11cffd] {
    flex-direction: column;
    align-items: stretch;
}
.service-cards[data-v-cd11cffd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 15px;
}
.collapse-btn[data-v-cd11cffd],
  .expand-btn[data-v-cd11cffd] {
    width: 100%;
    justify-content: center;
}
.tabs-container[data-v-cd11cffd] {
    padding-top: 15px;
}
.editor-container[data-v-cd11cffd] {
    flex-direction: column;
    min-height: calc(100vh - 120px);
    max-height: none;
    height: auto;
    gap: 5px;
}
.editor-container.fullscreen[data-v-cd11cffd] {
    min-height: calc(100vh - 250px);
    max-height: calc(100vh - 250px);
    height: calc(100vh - 250px);
}
  
  /* 为输入面板设置固定高度 */
.editor-container[data-v-cd11cffd] .input-panel {
    flex: 0 0 auto;
    min-height: 350px;
    max-height: 350px;
    margin-bottom: 0;
}
  
  /* 为输出面板设置剩余高度 */
.editor-container[data-v-cd11cffd] .output-panel {
    flex: 1;
    min-height: 400px;
    margin-top: 0;
}
  
  /* 调整标签组在移动端的显示 */
.tab-group[data-v-cd11cffd] {
    flex-wrap: wrap;
    gap: 5px;
}
.tab[data-v-cd11cffd] {
    font-size: 13px;
    padding: 6px 10px;
}

  /* 移动端学术性检测开关样式 */
.academic-check-toggle[data-v-cd11cffd] {
    margin-left: 0;
    margin-top: 8px;
    padding-left: 0;
    border-left: none;
    width: 100%;
}
}
.tab.disabled[data-v-cd11cffd] {
  opacity: 0.2;
  cursor: not-allowed;
  background-color: var(--background-color, #f0f0f0);
  color: var(--text-original, #999);
}
.tab.active[data-v-cd11cffd] {
  background: var(--btn-primary-bg, linear-gradient(135deg, #db5e77 0%, #c00c60 50%, #e5079f 100%));
  color: var(--text-original, white);
}
@media (max-width: 480px) {
.config-panel[data-v-cd11cffd] {
    padding: 10px;
}
.service-cards[data-v-cd11cffd] {
    gap: 8px;
}
}

/* 自定义 tooltip 弹窗样式 */
.academic-tooltip-popper.el-popper {
  padding: 0 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid #e8f4fc !important;
}
.academic-tooltip-content {
  width: 320px;
  padding: 16px;
  background: #fff;
  border-radius: 12px;
}
.academic-tooltip-content .tooltip-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 0;
  border-bottom: 1px solid #f0f5f9;
}
.academic-tooltip-content .tooltip-item:first-child {
  padding-top: 0;
}
.academic-tooltip-content .tooltip-item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.academic-tooltip-content .tooltip-title {
  font-weight: 600;
  color: #3b8ddb;
  font-size: 14px;
}
.academic-tooltip-content .tooltip-desc {
  color: #5a6c7d;
  font-size: 13px;
  line-height: 1.6;
}

.english-report-container[data-v-2e6bf231] {
  background-color: var(--background-color, #f5f5f5);
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.report-header[data-v-2e6bf231] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #E5E6EB;
  padding-bottom: 15px;
}
.report-meta h2[data-v-2e6bf231] {
  font-size: 1.5rem;
  color: var(--text-modified, #333);
  margin-bottom: 10px;
}
.report-meta p[data-v-2e6bf231] {
  margin: 5px 0;
  color: #4E5969;
  font-size: 14px;
}
.download-btn[data-v-2e6bf231] {
  background-color: #5E30CC;
  color: white;
  border: none;
  padding: 8px 15px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 5px;
}
.download-btn[data-v-2e6bf231]:hover {
  background-color: #4920b0;
}
.stats-box[data-v-2e6bf231] {
  background: #F6F8FF;
  border-radius: 8px;
  padding: 20px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.stat-item[data-v-2e6bf231] {
  text-align: center;
}
.stat-value[data-v-2e6bf231] {
  font-size: 24px;
  font-weight: 600;
  color: #5E30CC;
  margin-bottom: 8px;
}
.stat-label[data-v-2e6bf231] {
  font-size: 14px;
  color: #4E5969;
}
.divider[data-v-2e6bf231] {
  width: 1px;
  height: 40px;
  background: #E5E6EB;
}
.report-content[data-v-2e6bf231] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.paragraph[data-v-2e6bf231] {
  text-indent: 2em;
  line-height: 1.8;
  color: #1D2129;
  background-color: white;
  padding: 15px;
  border-radius: 8px;
}

/* 高风险AI文本的样式 */
[data-v-2e6bf231] .colorlevel3 {
  color: #5E30CC;
  font-weight: 500;
  background-color: rgba(94, 48, 204, 0.05);
  padding: 0 2px;
  border-radius: 2px;
}
.loading-state[data-v-2e6bf231], .empty-state[data-v-2e6bf231] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
  color: #4E5969;
}
.spinner[data-v-2e6bf231] {
  width: 40px;
  height: 40px;
  border: 4px solid rgba(94, 48, 204, 0.2);
  border-left: 4px solid #5E30CC;
  border-radius: 50%;
  margin-bottom: 15px;
  animation: spin-2e6bf231 1s linear infinite;
}
@keyframes spin-2e6bf231 {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}

.report-container[data-v-1f93523d] {
  border-radius: 10px;
  padding: 20px;
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.report-header[data-v-1f93523d] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #E5E6EB;
  padding-bottom: 15px;
}
.report-meta h2[data-v-1f93523d] {
  font-size: 1.5rem;
  color: var(--text-modified, #333);
  margin-bottom: 10px;
}
.report-meta p[data-v-1f93523d] {
  margin: 5px 0;
  color: #4E5969;
  font-size: 14px;
}
.download-btn[data-v-1f93523d] {
  background-color: #5E30CC;
  color: white;
  border: none;
  padding: 8px 15px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 5px;
}
.download-btn[data-v-1f93523d]:hover {
  background-color: #4920b0;
}
.stats-box[data-v-1f93523d] {
  background: #F6F8FF;
  border-radius: 8px;
  padding: 20px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.stat-item[data-v-1f93523d] {
  text-align: center;
}
.stat-value[data-v-1f93523d] {
  font-size: 24px;
  font-weight: 600;
  color: #5E30CC;
  margin-bottom: 8px;
}
.stat-label[data-v-1f93523d] {
  font-size: 14px;
  color: #4E5969;
}
.divider[data-v-1f93523d] {
  width: 1px;
  height: 40px;
  background: #E5E6EB;
}
.report-content[data-v-1f93523d] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.paragraph[data-v-1f93523d] {
  text-indent: 2em;
  line-height: 1.8;
  color: #1D2129;
  background-color: white;
  padding: 15px;
  border-radius: 8px;
}

/* 风险等级样式 */
[data-v-1f93523d] .high-risk {
  color: #e53e3e;
  background-color: rgba(229, 62, 62, 0.1);
  padding: 2px;
  border-radius: 2px;
}
[data-v-1f93523d] .medium-risk {
  color: #dd6b20;
  background-color: rgba(221, 107, 32, 0.1);
  padding: 2px;
  border-radius: 2px;
}
.loading-state[data-v-1f93523d], .empty-state[data-v-1f93523d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
  color: #4E5969;
}
.spinner[data-v-1f93523d] {
  width: 40px;
  height: 40px;
  border: 4px solid rgba(94, 48, 204, 0.2);
  border-left: 4px solid #5E30CC;
  border-radius: 50%;
  margin-bottom: 15px;
  animation: spin-1f93523d 1s linear infinite;
}
@keyframes spin-1f93523d {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}
.risk-chart-container[data-v-1f93523d] {
  background: var(--module-bg-color, white);
  border-radius: 8px;
  padding: 20px;
  margin-top: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.risk-chart-container h3[data-v-1f93523d] {
  color: var(--text-original, #333);
}
.chart-title[data-v-1f93523d] {
  text-align: center;
  margin-bottom: 10px;
  color: var(--text-original, #333);
}
.chart-wrapper[data-v-1f93523d] {
  position: relative;
}
.ai-rate-center[data-v-1f93523d] {
  position: absolute;
  top: 42%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: none;
}
.ai-rate-label[data-v-1f93523d] {
  font-size: 14px;
  color: var(--text-original, #666);
  margin-bottom: 4px;
}
.ai-rate-value[data-v-1f93523d] {
  font-size: 24px;
  font-weight: bold;
  color: var(--warning-color, #f59e0b);
}
.ai-rate-display[data-v-1f93523d] {
  text-align: center;
  margin-bottom: 20px;
}
.no-data-hint[data-v-1f93523d] {
  padding: 40px;
  text-align: center;
  color: var(--text-original, #999);
}

.results-container_aigc[data-v-be0299df] {
  min-height: 100%;
  max-height: 65vh;
  overflow-y: auto;
}
.result-box[data-v-be0299df] {
  margin: 15px;
  padding: 15px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
}
.toolbar[data-v-be0299df] {
  user-select: none;
  color: var(--border-color);
  margin-bottom: 15px;
}
.buttons[data-v-be0299df] {
  display: flex;
  margin-top: 0.8vh;
}
.pre-line[data-v-be0299df] {
  white-space: pre-line;
}
.Parent-loading[data-v-be0299df] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.loading-content[data-v-be0299df] {
  text-align: center;
  padding: 2rem;
  border-radius: 8px;
  background-color: white;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.title[data-v-be0299df] {
  font-size: 24px;
  color: #333;
  margin: 1rem 0;
  font-weight: bold;
}
.message[data-v-be0299df] {
  font-size: 16px;
  color: #666;
  margin: 0.5rem 0;
}
.warning-text[data-v-be0299df] {
  margin: 1rem 0;
  padding: 0.5rem;
  background-color: #fff3cd;
  border: 1px solid #ffeeba;
  border-radius: 4px;
}
.loding-animation-holder[data-v-be0299df] {
  width: 8vh;
  height: 8vh;
  transform: rotate(45deg);
  margin: 0 auto 2rem;
}
.loading-animator[data-v-be0299df] {
  max-width: 50%;
  max-height: 50%;
  float: left;
  border-radius: 50%;
  background: var(--text-original);
  transform: rotate(0deg);
  position: relative;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  opacity: 1;
}
.loading-animator[data-v-be0299df]:nth-child(1) {
  transform-origin: bottom right;
  animation: loading-be0299df 3s cubic-bezier(.46, -0.1, .2, 1.5) infinite;
}
.loading-animator[data-v-be0299df]:nth-child(2) {
  transform-origin: bottom left;
  animation: loading-be0299df 3s 0.3s cubic-bezier(.46, -0.1, .2, 1.5) infinite;
}
.loading-animator[data-v-be0299df]:nth-child(4) {
  transform-origin: top left;
  animation: loading-be0299df 3s 0.4s cubic-bezier(.46, -0.1, .2, 1.5) infinite;
}
.loading-animator[data-v-be0299df]:nth-child(3) {
  transform-origin: top right;
  animation: loading-be0299df 3s 0.5s cubic-bezier(.46, -0.1, .2, 1.5) infinite;
}

/* 检测器徽章样式 */
.detector-badge[data-v-be0299df] {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 15px;
  font-size: 16px;
  font-weight: bold;
  margin-right: 15px;
  color: white;
}
.pass-detector[data-v-be0299df] {
  background-color: #4CAF50;
}
.yy-detector[data-v-be0299df] {
  background-color: #2196F3;
}
.vpyy-detector[data-v-be0299df] {
  background-color: #9C27B0;
}
@keyframes loading-be0299df {
0% {
    transform: rotate(0deg);
    opacity: 1;
}
25% {
    transform: rotate(90deg);
    opacity: 0;
}
35% {
    transform: rotate(-90deg);
    opacity: 0;
}
65% {
    transform: rotate(0deg);
    opacity: 1;
}
}
.html-result[data-v-be0299df] {
  border: 1px solid var(--text-modified, #4caf50);
  overflow: hidden;
}
.html-preview-container[data-v-be0299df] {
  width: 100%;
  height: 600px;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
  margin-top: 15px;
}
.html-preview-frame[data-v-be0299df] {
  width: 100%;
  height: 100%;
  border: none;
  overflow: auto;
}

.similarity-result-container[data-v-c0a4624f] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--module-bg-color, #fff);
  overflow: hidden;
  border-radius: 0;
}
.result-header[data-v-c0a4624f] {
  flex-shrink: 0;
  padding: 20px;
  background-color: var(--btn-primary-bg, #fff);
  color: white;
}
.result-header h3[data-v-c0a4624f] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}
.empty-state[data-v-c0a4624f] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  color: var(--text-original, #333);
  opacity: 0.6;
  padding: 40px 20px;
}
.empty-state p[data-v-c0a4624f] {
  margin: 8px 0;
  font-size: 16px;
}
.empty-hint[data-v-c0a4624f] {
  font-size: 14px;
  color: var(--text-original, #666);
  opacity: 0.7;
}

/* 固定表头区域 */
.table-header-fixed[data-v-c0a4624f] {
  flex-shrink: 0;
  overflow: hidden;
}

/* 可滚动表体区域 */
.table-body-scrollable[data-v-c0a4624f] {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.similarity-table[data-v-c0a4624f] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 14px;
  table-layout: fixed;
}
.header-table[data-v-c0a4624f] {
  border: 1px solid var(--border-color, #e5e7eb);
  border-bottom: none;
}
.body-table[data-v-c0a4624f] {
  border: 1px solid var(--border-color, #e5e7eb);
  border-top: none;
}
.similarity-table thead[data-v-c0a4624f] {
  background-color: var(--btn-primary-bg, #fff);
  color: white;
}
.similarity-table th[data-v-c0a4624f] {
  padding: 14px 16px;
  text-align: center;
  font-weight: 600;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.similarity-table th[data-v-c0a4624f]:last-child {
  border-right: none;
}
.similarity-table tbody tr[data-v-c0a4624f] {
  border-bottom: 1px solid var(--border-color, #e5e7eb);
  transition: background-color 0.2s;
  height: auto;
  min-height: 50px;
}
.similarity-table tbody tr[data-v-c0a4624f]:hover {
  background-color: var(--btn-secondary-bg, #f9fafb);
}
.similarity-table td[data-v-c0a4624f] {
  padding: 5px 5px;
  vertical-align: middle;
  height: auto;
  min-height: 50px;
  line-height: 1.6;
  border-right: 1px solid var(--border-color, #e5e7eb);
  color: var(--text-original, #333);
}
.similarity-table td[data-v-c0a4624f]:last-child {
  border-right: none;
}
.col-index[data-v-c0a4624f] {
  width: 50px;
  text-align: center;
  font-weight: 500;
  color: var(--text-original, #333);
  background-color: var(--btn-secondary-bg, #f9fafb);
}
.col-sentence[data-v-c0a4624f] {
  width: calc(50% - 75px);
  word-wrap: break-word;
  word-break: break-all;
  white-space: pre-wrap;
  max-height: 120px;
  overflow-y: auto;
  text-align: left;
}
.col-similarity[data-v-c0a4624f] {
  width: 85px;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
}

/* 滚动条样式 - 表体区域 */
.table-body-scrollable[data-v-c0a4624f]::-webkit-scrollbar {
  width: 8px;
}
.table-body-scrollable[data-v-c0a4624f]::-webkit-scrollbar-track {
  background: var(--btn-secondary-bg, #1a1a2e);
  border-radius: 4px;
}
.table-body-scrollable[data-v-c0a4624f]::-webkit-scrollbar-thumb {
  background: var(--btn-primary-bg, linear-gradient(135deg, #db5e77 0%, #c00c60 100%));
  border-radius: 4px;
  border: 2px solid var(--btn-secondary-bg, #1a1a2e);
}
.table-body-scrollable[data-v-c0a4624f]::-webkit-scrollbar-thumb:hover {
  background: var(--text-modified, #e5079f);
}

/* Firefox 滚动条样式 */
.table-body-scrollable[data-v-c0a4624f] {
  scrollbar-width: thin;
  scrollbar-color: var(--btn-primary-bg, #db5e77) var(--btn-secondary-bg, #1a1a2e);
}

/* 滚动条样式 - 句子列内部 */
.col-sentence[data-v-c0a4624f]::-webkit-scrollbar {
  width: 4px;
}
.col-sentence[data-v-c0a4624f]::-webkit-scrollbar-track {
  background: var(--btn-secondary-bg, #1a1a2e);
}
.col-sentence[data-v-c0a4624f]::-webkit-scrollbar-thumb {
  background: var(--btn-primary-bg, #db5e77);
  border-radius: 2px;
}
.col-sentence[data-v-c0a4624f]::-webkit-scrollbar-thumb:hover {
  background: var(--text-modified, #e5079f);
}

/* Firefox 滚动条样式 - 句子列 */
.col-sentence[data-v-c0a4624f] {
  scrollbar-width: thin;
  scrollbar-color: var(--btn-primary-bg, #db5e77) var(--btn-secondary-bg, #1a1a2e);
}

.academic-result-container[data-v-dbcc3c88] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 400px;
  padding: 20px;
  box-sizing: border-box;
}
.result-card[data-v-dbcc3c88] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 30px 40px;
  background: var(--module-bg-color, #fff);
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}
.progress-ring-wrapper[data-v-dbcc3c88] {
  position: relative;
  width: 180px;
  height: 180px;
}
.progress-ring[data-v-dbcc3c88] {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
.progress-ring-bg[data-v-dbcc3c88] {
  stroke: var(--border-color, #e5e7eb);
}
.progress-ring-fill[data-v-dbcc3c88] {
  transition: stroke-dashoffset 0.8s ease, stroke 0.3s ease;
  stroke-linecap: round;
}
.progress-content[data-v-dbcc3c88] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: baseline;
  gap: 2px;
}
.progress-value[data-v-dbcc3c88] {
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
}
.progress-unit[data-v-dbcc3c88] {
  font-size: 20px;
  font-weight: 500;
  color: var(--text-original, #6b7280);
}
.result-info[data-v-dbcc3c88] {
  text-align: center;
}
.result-label[data-v-dbcc3c88] {
  font-size: 16px;
  color: var(--text-original, #6b7280);
  margin-bottom: 6px;
}
.result-level[data-v-dbcc3c88] {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
}
.result-desc[data-v-dbcc3c88] {
  font-size: 14px;
  color: #9ca3af;
  margin: 0;
}

/* 深色模式 */
:root[data-theme="dark"] .result-card[data-v-dbcc3c88] {
  background: var(--module-bg-color, #1e293b);
}
:root[data-theme="dark"] .progress-ring-bg[data-v-dbcc3c88] {
  stroke: #475569;
}
/* 容器样式 - 不再需要固定定位和模态框样式 */
.container_aijc {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: var(--background-color, #f5f5f5);
    border-radius: 0 0 16px 16px;
    /* 左上角和右上角圆角为0 */
    overflow: hidden;
    /* 确保内容不会超出圆角边界 */
}

/* 分割布局 */
.split-layout_aijc {
    display: flex;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding-bottom: 5px;
    overflow: hidden;
}

/* 左侧面板 */
.left-panel_aijc {
    flex: 0.7;
    display: flex;
    flex-direction: column;
    padding: 20px;
    background-color: var(--background-color, #f5f7fa);
    border-right: 1px solid var(--border-color, rgba(219, 94, 119, 0.15));
}

.left-panel_aijc .header_aijc {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.left-panel_aijc .header_aijc h2 {
    flex: 1;
    font-size: 24px;
    font-weight: 600;
    color: var(--text-original, #333);
}

.left-panel_aijc .header_aijc .icon_aijc {
    font-size: 1.5em;
    color: var(--text-modified, #db5e77);
}

.input-area_aijc {
    flex: 1;
    min-height: 300px;
    padding: 15px;
    font-size: 15px;
    line-height: 1.6;
    border: 1px solid var(--border-color, rgba(219, 94, 119, 0.2));
    border-radius: 8px;
    resize: vertical;
    margin-bottom: 0;
    background-color: var(--module-bg-color, white);
    color: var(--text-original, #333);
    font-family: inherit;
    transition: all 0.3s ease;
}

/* 输入区域滚动条样式 */
.input-area_aijc::-webkit-scrollbar {
    width: 8px;
}

.input-area_aijc::-webkit-scrollbar-thumb {
    background-color: var(--text-modified, rgba(219, 94, 119, 0.5));
    border-radius: 4px;
}

.input-area_aijc::-webkit-scrollbar-thumb:hover {
    background-color: var(--text-modified, rgba(219, 94, 119, 0.7));
}

.input-area_aijc::-webkit-scrollbar-track {
    background-color: var(--background-color, rgba(0, 0, 0, 0.05));
    border-radius: 4px;
}

.input-area_aijc::placeholder {
    color: var(--text-original, rgba(51, 51, 51, 0.4));
}

.input-area_aijc:focus {
    outline: none;
    border-color: var(--text-modified, #db5e77);
    box-shadow: 0 0 0 3px rgba(219, 94, 119, 0.1);
}

.action-btn {
    padding: 10px 24px;
    font-size: 15px;
    font-weight: 600;
    background: var(--border-color, linear-gradient(135deg, #db5e77 0%, #c00c60 50%, #e5079f 100%));
    border: none;
    color: var(--text-original, white);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.action-btn:disabled {
    background: var(--background-color, #e0e0e0);
    color: var(--text-original, #999);
    cursor: not-allowed;
    box-shadow: none;
    opacity: 0.6;
}

.action-btn:hover:not(:disabled) {
    opacity: 0.9;
    transform: translateY(-2px);
    box-shadow: 0 5px 12px rgba(219, 94, 119, 0.4);
}

/* 检测器切换按钮样式 */
.detector-options {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.detector-btn {
    flex: 1;
    padding: 10px 12px;
    border: 1px solid var(--border-color, rgba(219, 94, 119, 0.3));
    border-radius: 8px;
    background-color: var(--module-bg-color, white);
    color: var(--text-original, #333);
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.3s ease;
    text-align: center;
}

.detector-btn:hover {
    background-color: var(--background-color, #f0f2f5);
    border-color: var(--text-modified, #db5e77);
    transform: translateY(-1px);
}

.detector-btn.active {
    background: var(--border-color, linear-gradient(135deg, #db5e77 0%, #c00c60 50%, #e5079f 100%));
    color: var(--text-original, white);
    border-color: transparent;
    font-weight: 600;
    box-shadow: 0 3px 8px rgba(219, 94, 119, 0.3);
}

/* 右侧面板 */
.right-panel_aijc {
    flex: 1;
    display: flex;
    flex-direction: column;
    background-color: var(--module-bg-color, white);
}

.right-panel_aijc .header_aijc {
    margin-bottom: 15px;
}

.right-panel_aijc .header_aijc h2 {
    font-size: 24px;
    font-weight: 600;
    color: var(--text-original, #333);
}

.content-section_aijc {
    flex: 1;
    overflow-y: auto;
}

/* 滚动条样式 */
.content-section_aijc::-webkit-scrollbar {
    width: 8px;
}

.content-section_aijc::-webkit-scrollbar-thumb {
    background-color: var(--border-color, rgba(219, 94, 119, 0.3));
    border-radius: 4px;
}

.content-section_aijc::-webkit-scrollbar-track {
    background-color: var(--background-color, rgba(0, 0, 0, 0.05));
}

/* 容器样式适应main-content布局 */
.container_aijc_integrated {
  width: 100%;
  background-color: var(--module-bg-color, white);
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  margin-bottom: 20px;
}


.back-btn {
  padding: 10px 24px;
  background: var(--border-color, linear-gradient(135deg, #db5e77 0%, #c00c60 50%, #e5079f 100%));
  color: var(--text-original, white);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
  box-shadow: 0 3px 8px rgba(219, 94, 119, 0.3);
}

.back-btn:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  box-shadow: 0 5px 12px rgba(219, 94, 119, 0.4);
}

.hot-label {
    font-weight: bold;
    color: var(--text-modified, #db5e77);
    margin: 1px;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 600;
  }
  
  .AI-label {
    position: relative;
    user-select: none;
    margin-top: 1vh;
    margin-bottom: 1vh;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 600;
    right: 1vh;
    width: fit-content;
    margin-left: auto;
    color: var(--text-original, #333);
  }
  
  .AI-label1 {
    position: absolute;
    margin-top: 1vh;
    margin-bottom: 1vh;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 600;
    right: 1vh;
    width: fit-content;
    margin-left: auto;
    color: var(--text-original, #333);
  }
  
  .result-box {
      margin: 20px;
      margin-right: 5px;
      padding: 20px;
      border: 1px solid var(--border-color, rgba(219, 94, 119, 0.3));
      border-radius: 12px;
      background-color: var(--module-bg-color, white);
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  }
  
  .result-box .AI_layout {
    display: flex;
    flex-direction: column;
  
  }
  
  .result-box .AI_label {
    display: flex;
    gap: 50px;
    padding-top: 10px;
    right: 1vh;
  }
  
  .result-box .content {
    margin-top: 1px;
    margin-bottom: 1px;
  }
  
  .result-box .stats {
    display: flex;
    gap: 3vh;
  }
  
  .result-box .stats span {
      gap: 5px;
      font-size: 12px;
      margin-right: 1px;
  }
  
  .result-box span {
      gap: 5px;
      margin-right: 1px;
      cursor: default;
  }
  
  .toolbar{
    user-select: none;
    color: var(--text-modified, #db5e77);
  }
  
  .AI_checkresult {
    font-size: 18px;
    font-weight: 600;
    margin-right: 10px;
    color: var(--text-original, #333);
  }
  
  .AI_checktype {
    font-size: 18px;
    font-weight: 600;
    margin-right: 10px;
    color: var(--text-original, #333);
  }
  
  .AI_rate {
    font-size: 18px;
    font-weight: 600;
    margin-right: 10px;
    color: var(--text-modified, #db5e77);
  }
  
  .v-btn--active {
    color: var(--text-modified, #db5e77);
    box-shadow: 0 2px 2px rgba(219, 94, 119, 0.3), 0 -2px -2px rgba(219, 94, 119, 0.3);
    background: var(--module-bg-color, white);
  }
  
  .v-btn {
    color: var(--text-modified, #db5e77);
    background: var(--module-bg-color, white);
    border: 1px solid var(--border-color, rgba(219, 94, 119, 0.3));
    transition: all 0.3s ease;
  }
  
  .v-btn:hover {
    background: var(--background-color, #f0f2f5);
    transform: translateY(-1px);
  }
  
  .v-btn--size-default {
    --v-btn-size: 0.875rem;
    --v-btn-height: 48px;
    font-size: var(--v-btn-size);
    min-width: 64px;
    padding: 0 24px;
    margin-bottom: 2vh;
  }
  
  .nav-section {
    flex: 0 0 11%;
    /* 设置这个容器的高度为总高度的10% */
  }
  
  .content-section {
    flex: 1;
    /* 使得这个容器填充剩余的空间，也就是90% */
    max-height: 15vh;
  }
  
  .v-field {
    display: grid;
    grid-template-areas: "prepend-inner field clear append-inner";
    grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
    font-size: 1px;
    letter-spacing: 0.009375em;
    max-width: 100%;
    border-radius: 4px;
    contain: layout;
    flex: 1;
    grid-area: control;
    position: relative;
    --v-field-padding-start: 16px;
    --v-field-padding-end: 16px;
    --v-field-padding-top: 10px;
    --v-field-padding-bottom: 15px;
    --v-field-input-padding-top: calc(var(--v-field-padding-top, 10px) + var(--v-input-padding-top, 0));
    --v-field-input-padding-bottom: var(--v-field-padding-bottom, 5px);
  }
  
  
  /* .input-section {
    height: 20vh;
    padding: 5px;
  }
  
  .input-area {
    min-height: 15vh;
    max-height: 15vh;
    overflow-y: auto;
  } */
  

  
  .buttons {
    display: flex;
    margin-top: 0.8vh;
  }
  
  .AI_content {
    margin-top: 1px;
    margin-bottom: 1px;
    background-color: var(--background-color);
    /* 改写界面背景颜色 */
  }
  
  .input-margin {
    margin: 10px 20px;
    /* 上下间距10px，左右间距20px */
  }
  

  .results-container_aigc {
    min-height: 100%;
    max-height: 100%;
    overflow-y: auto;
    /* 添加1px黑色实线边框 */
  }
  
  .Parent-loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
  }
  
  .loading-content {
    text-align: center;
    padding: 2rem;
    border-radius: 8px;
    background-color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }

  
  .message {
    font-size: 16px;
    color: #666;
    margin: 0.5rem 0;
  }
  
  .warning-text {
    margin: 1rem 0;
    padding: 0.5rem;
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
    border-radius: 4px;
  }
  
  .warning-text p {
    color: #856404;
    font-size: 14px;
    margin: 0.25rem 0;
  }
  
  .loding-animation-holder {
    width: 8vh;
    height: 8vh;
    transform: rotate(45deg);
    margin: 0 auto 2rem;
  }
  
  .loading-animator {
    max-width: 50%;
    max-height: 50%;
    float: left;
    border-radius: 50%;
    background: var(--text-original);
    transform: rotate(0deg);
    position: relative;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    opacity: 1;
  }
  
  .loading-animator:nth-child(1) {
    transform-origin: bottom right;
    animation: loading 3s cubic-bezier(.46, -0.1, .2, 1.5) infinite;
  }
  
  .loading-animator:nth-child(2) {
    transform-origin: bottom left;
    animation: loading 3s 0.3s cubic-bezier(.46, -0.1, .2, 1.5) infinite;
  }
  
  .loading-animator:nth-child(4) {
    transform-origin: top left;
    animation: loading 3s 0.4s cubic-bezier(.46, -0.1, .2, 1.5) infinite;
  }
  
  .loading-animator:nth-child(3) {
    transform-origin: top right;
    animation: loading 3s 0.5s cubic-bezier(.46, -0.1, .2, 1.5) infinite;
  }
  
  @keyframes loading {
    0% {
      transform: rotate(0deg);
      opacity: 1;
    }
  
    25% {
      transform: rotate(90deg);
      opacity: 0;
    }
  
    35% {
      transform: rotate(-90deg);
      opacity: 0;
    }
  
    65% {
      transform: rotate(0deg);
      opacity: 1;
    }
  }
  
  .middle-circle {
    width: 5px;
    height: 5px;
    position: absolute;
    top: 47.5px;
    left: 47.5px;
    border-radius: 100%;
    border: 1px solid #000;
    background: #3a5c8f;
  }
  
  .pre-line {
    white-space: pre-line;
  }

  
  ::v-deep::-webkit-scrollbar {
    width: 7px;
    opacity: 0.9;
    /* 整个滚动条的透明度为50% */
  
    /* 设置滚动条的宽度 */
  }
  
  ::v-deep::-webkit-scrollbar-thumb {
    background-color: var(--text-color-transparent);
    /* 黑色，50%透明度 */
    border-radius: 10px;
    opacity: 0.5;
    /* 整个滚动条的透明度为50% */
    /* 字体颜色 */
  }
  
  ::v-deep::-webkit-scrollbar-track {
    background-color: var(--background-color);
    opacity: 0.5;
    /* 整个滚动条的透明度为50% */
  }
  
  
  .color-picker {
    color: var(--text-original);
    /* 字体颜色 */
    appearance: none;
    -webkit-appearance: none;
    font-size: 14px;
    /* 调整字体大小 */
    cursor: pointer;
    margin-left: 40%;
  }
  
  .color-picker option {
    color: #000000;
    font-weight: 500;
    /* 加粗文字 */
  }
  
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  

/* 容器样式适应main-content布局 */
.container_aijc_integrated {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  background-color: var(--module-bg-color, white);
  border-radius: 0 0 12px 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  margin-bottom: 20px;
}

/* 分割布局 */
.split-layout_aijc {
  display: flex;
  width: 100%;
  flex: 1;
  min-height: 0;
  background-color: var(--module-bg-color, white);
  padding-bottom: 5px;
  overflow: hidden;
  border-radius: 0 0 10px 10px;
}

/* 左侧面板 */
.left-panel_aijc {
  flex: 1.5;
  display: flex;
  flex-direction: column;
  padding: 15px 20px 15px;
  background-color: var(--btn-secondary-bg, #f5f7fa);
  border-right: 1px solid var(--border-color, rgba(219, 94, 119, 0.15));
  overflow: hidden;
}
.download-options {
  display: flex;
  gap: 8px;
  align-items: center;
}
.download-select {
  padding: 6px 12px;
  border-radius: 6px;
  border: 1px solid var(--border-color, rgba(219, 94, 119, 0.3));
  font-size: 14px;
  background-color: var(--module-bg-color, white);
  color: var(--text-original, #333);
  transition: all 0.3s ease;
}
.download-select:focus {
  outline: none;
  border-color: var(--text-modified, #db5e77);
}
.download-btn, .vpyy-download-btn {
  background: var(--border-color, linear-gradient(135deg, #db5e77 0%, #c00c60 50%, #e5079f 100%));
  color: var(--text-original, white);
  border: none;
  padding: 6px 16px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.vpyy-download-btn {
  background: var(--border-color, linear-gradient(135deg, #9C27B0 0%, #7B1FA2 50%, #6A1B9A 100%));
}
.download-btn:hover, .vpyy-download-btn:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}
.download-btn:disabled, .vpyy-download-btn:disabled {
  background: var(--background-color, #e0e0e0);
  color: var(--text-original, #999);
  cursor: not-allowed;
  opacity: 0.6;
  box-shadow: none;
}

/* 配置选项样式 */
.config-options {
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

/* 综合文本分析选项样式 */
.analysis-options {
  margin-bottom: 10px;
  padding: 15px;
  background-color: var(--module-bg-color, white);
  border-radius: 8px;
  border: 1px solid var(--border-color, rgba(219, 94, 119, 0.2));
}

/* 全部任务选项容器 */
.analysis-all-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

/* 展开/收起按钮 */
.expand-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background-color: var(--btn-secondary-bg, #f5f7fa);
  border: 1px solid var(--border-color, rgba(219, 94, 119, 0.3));
  border-radius: 6px;
  color: var(--text-original, #333);
  font-size: 13px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.expand-btn:hover {
  background-color: var(--module-bg-color, white);
  border-color: var(--text-modified, #db5e77);
}
.expand-btn .arrow {
  display: inline-block;
  font-size: 10px;
  transition: transform 0.3s ease;
}
.expand-btn .arrow.expanded {
  transform: rotate(180deg);
}
.analysis-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.analysis-item {
  display: flex;
  align-items: center;
  padding: 8px 10px;
  border: 2px solid var(--border-color, rgba(219, 94, 119, 0.2));
  border-radius: 6px;
  background-color: var(--btn-secondary-bg, #f5f7fa);
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}
.analysis-item input[type="radio"],
.analysis-item input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.analysis-item .icon {
  font-size: 18px;
  margin-right: 6px;
}
.analysis-item .text {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-original, #333);
}
.analysis-item:hover {
  border-color: var(--text-modified, #db5e77);
  background-color: var(--module-bg-color, white);
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(219, 94, 119, 0.2);
}
.analysis-item.selected {
  border-color: var(--text-modified, #db5e77);
  background: linear-gradient(135deg, rgba(219, 94, 119, 0.1) 0%, rgba(192, 12, 96, 0.1) 100%);
  box-shadow: 0 0 0 2px rgba(219, 94, 119, 0.2);
}
.analysis-item.selected .text {
  color: var(--text-modified, #db5e77);
  font-weight: 600;
}

/* 相似度检测输入容器 */
.similarity-input-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 15px;
}
.similarity-input-group {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.input-label {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-original, #333);
  margin-bottom: 8px;
}
.similarity-textarea {
  flex: 1;
  min-height: 50px;
  padding: 15px;
  font-size: 15px;
  line-height: 1.6;
  border: 1px solid var(--border-color, rgba(219, 94, 119, 0.2));
  border-radius: 8px;
  resize: vertical;
  background-color: var(--module-bg-color, white);
  color: var(--text-original, #333);
  font-family: inherit;
  transition: all 0.3s ease;
}
.similarity-textarea::placeholder {
  color: var(--text-original, rgba(51, 51, 51, 0.4));
}
.similarity-textarea:focus {
  outline: none;
  border-color: var(--text-modified, #db5e77);
  box-shadow: 0 0 0 3px rgba(219, 94, 119, 0.1);
}

/* 相似度检测文本框滚动条样式 */
.similarity-textarea::-webkit-scrollbar {
  width: 8px;
}
.similarity-textarea::-webkit-scrollbar-track {
  background: var(--btn-secondary-bg, #1a1a2e);
  border-radius: 4px;
}
.similarity-textarea::-webkit-scrollbar-thumb {
  background: var(--btn-primary-bg, linear-gradient(135deg, #db5e77 0%, #c00c60 100%));
  border-radius: 4px;
  border: 2px solid var(--btn-secondary-bg, #1a1a2e);
}
.similarity-textarea::-webkit-scrollbar-thumb:hover {
  background: var(--text-modified, #e5079f);
}

/* Firefox 滚动条样式 */
.similarity-textarea {
  scrollbar-width: thin;
  scrollbar-color: var(--btn-primary-bg, #db5e77) var(--btn-secondary-bg, #1a1a2e);
}
.config-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.config-label {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-original, #333);
  white-space: nowrap;
}
.config-select {
  padding: 8px 12px;
  border: 1px solid var(--border-color, rgba(219, 94, 119, 0.3));
  border-radius: 6px;
  background-color: var(--module-bg-color, white);
  color: var(--text-original, #333);
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
  outline: none;
}
.config-select:hover {
  border-color: var(--text-modified, #db5e77);
}
.config-select:focus {
  border-color: var(--text-modified, #db5e77);
  box-shadow: 0 0 0 2px rgba(219, 94, 119, 0.1);
}

/* 检测器切换按钮样式 */
.detector-options {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
  justify-content: flex-start;
  flex-wrap: wrap;
  min-height: 45px;
}
.loading-platforms {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  color: var(--text-original, #666);
  font-size: 14px;
  background-color: var(--background-color, #f5f7fa);
  border-radius: 8px;
  border: 1px dashed var(--border-color, rgba(219, 94, 119, 0.3));
}
.loading-platforms span::before {
  content: '⏳ ';
}
.detector-btn {
  flex: 0 0 auto;
  min-width: 100px;
  padding: 10px 16px;
  border: 1px solid var(--border-color, rgba(219, 94, 119, 0.3));
  border-radius: 8px;
  background-color: var(--module-bg-color, white);
  color: var(--text-original, #333);
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  transition: all 0.3s ease;
  text-align: center;
  white-space: nowrap;
}
.detector-btn:hover {
  background-color: var(--background-color, #f0f2f5);
  border-color: var(--text-modified, #db5e77);
  transform: translateY(-1px);
}
.detector-btn.active {
  background: var(--border-color, linear-gradient(135deg, #db5e77 0%, #c00c60 50%, #e5079f 100%));
  color: var(--text-original, white);
  border-color: transparent;
  font-weight: 600;
  box-shadow: 0 3px 8px rgba(219, 94, 119, 0.3);
}

/* 按钮和字数统计的容器 */
.button-stats-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.word-count {
  font-size: 14px;
  color: var(--text-original, #666);
  font-weight: 500;
}
.aijc-detection-btn {
  padding: 10px 24px;
  background: var(--border-color, linear-gradient(135deg, #db5e77 0%, #c00c60 50%, #e5079f 100%));
  color: var(--text-original, white);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 15px;
  transition: all 0.3s ease;
}
.aijc-detection-btn:hover:not(:disabled) {
  opacity: 0.9;
  transform: translateY(-2px);
  box-shadow: 0 5px 12px rgba(219, 94, 119, 0.4);
}
.aijc-detection-btn:disabled {
  background: var(--background-color, #e0e0e0);
  color: var(--text-original, #999);
  cursor: not-allowed;
  box-shadow: none;
  opacity: 0.6;
}

/* 返回编辑器按钮 */
.back-to-editor {
  display: flex;
  justify-content: center;
  margin: 15px 0;
}
.back-btn {
  padding: 10px 24px;
  background: var(--border-color, linear-gradient(135deg, #db5e77 0%, #c00c60 50%, #e5079f 100%));
  color: var(--text-original, white);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
  box-shadow: 0 3px 8px rgba(219, 94, 119, 0.3);
}
.back-btn:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  box-shadow: 0 5px 12px rgba(219, 94, 119, 0.4);
}

/* 输入框样式 */
.input-area_aijc {
  flex: 1;
  min-height: 300px;
  padding: 15px;
  font-size: 15px;
  line-height: 1.6;
  border: 1px solid var(--border-color, rgba(219, 94, 119, 0.2));
  border-radius: 8px;
  resize: vertical;
  background-color: var(--module-bg-color, white);
  color: var(--text-original, #333);
  font-family: inherit;
  transition: all 0.3s ease;
}
.input-area_aijc::placeholder {
  color: var(--text-original, rgba(51, 51, 51, 0.4));
}
.input-area_aijc:focus {
  outline: none;
  border-color: var(--text-modified, #db5e77);
  box-shadow: 0 0 0 3px rgba(219, 94, 119, 0.1);
}

/* 输入区域滚动条样式 */
.input-area_aijc::-webkit-scrollbar {
  width: 8px;
}
.input-area_aijc::-webkit-scrollbar-track {
  background: var(--btn-secondary-bg, #1a1a2e);
  border-radius: 4px;
}
.input-area_aijc::-webkit-scrollbar-thumb {
  background: var(--btn-primary-bg, linear-gradient(135deg, #db5e77 0%, #c00c60 100%));
  border-radius: 4px;
  border: 2px solid var(--btn-secondary-bg, #1a1a2e);
}
.input-area_aijc::-webkit-scrollbar-thumb:hover {
  background: var(--text-modified, #e5079f);
}

/* 右侧面板 */
.right-panel_aijc {
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: var(--module-bg-color, white);
  height: 100%;
  overflow: hidden;
}
.content-section_aijc {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* 滚动条样式 */
.content-section_aijc::-webkit-scrollbar {
  width: 8px;
}
.content-section_aijc::-webkit-scrollbar-thumb {
  background-color: var(--border-color, rgba(219, 94, 119, 0.3));
  border-radius: 4px;
}
.content-section_aijc::-webkit-scrollbar-track {
  background-color: var(--background-color, rgba(0, 0, 0, 0.05));
}

/* 移动端响应式样式 */
@media (max-width: 768px) {
.split-layout_aijc {
    flex-direction: column;
    min-height: auto;
}
.left-panel_aijc {
    flex: none;
    border-right: none;
    border-bottom: 1px solid var(--border-color, rgba(219, 94, 119, 0.15));
    padding: 15px;
}
.right-panel_aijc {
    flex: none;
    padding: 15px;
}
.input-area_aijc {
    min-height: 200px;
}
.config-options {
    flex-direction: column;
    gap: 12px;
    margin-bottom: 12px;
}
.config-group {
    width: 100%;
}
.config-select {
    flex: 1;
    min-width: 0;
}
.detector-options {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
}
.detector-btn {
    flex: 1 1 calc(50% - 4px);
    min-width: calc(50% - 4px);
    padding: 10px;
    font-size: 14px;
}
.loading-platforms {
    font-size: 13px;
    padding: 10px;
}
.button-stats-container {
    flex-direction: column;
    gap: 10px;
    align-items: stretch;
}
.word-count {
    text-align: center;
    margin-top: 0;
}
.aijc-detection-btn {
    width:25%;
    padding: 12px;
    font-size: 16px;
}
.input-area_aijc {
    min-height: 150px;
    font-size: 16px;
}
.analysis-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}
.analysis-item {
    padding: 8px 10px;
}
.analysis-item .icon {
    font-size: 16px;
    margin-right: 6px;
}
.analysis-item .text {
    font-size: 12px;
}
.analysis-all-option {
    flex-direction: row;
    gap: 10px;
}
.expand-btn {
    padding: 5px 10px;
    font-size: 12px;
}
.similarity-input-container {
    gap: 12px;
}
.similarity-textarea {
    min-height: 120px;
    font-size: 14px;
}
.input-label {
    font-size: 13px;
}
}
/* 推广页面样式 */
.Promotion-container {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
  height: 100%;
  width: 100%;
  min-width: 80rem;
  position: relative;
}

/* 顶部氛围渐变背景 */
.Promotion-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 200px;
  background: linear-gradient(180deg, var(--btn-secondary-bg) 0%, transparent 100%);
  pointer-events: none;
  z-index: 0;
}

/* 顶部标题和返回按钮 */
.Promotion-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  position: relative;
}

.Promotion-back-btn {
  background: none;
  border: none;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: bold;
  color: var(--text-original);
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 6px;
  outline: none;
  opacity: 0.8;
}

.Promotion-back-btn:hover {
  color: var(--text-original);
  outline: none;
  opacity: 1;
  background: var(--btn-secondary-bg);
}

.Promotion-back-btn.active {
  color: var(--text-original);
  outline: none;
  opacity: 1;
}

/* 返回按钮下划线 - 居中60%宽度 */
.Promotion-back-btn.active::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 3px;
  background: var(--text-modified);
  border-radius: 3px 3px 0 0;
}

.Promotion-title {
  font-size: 28px;
  font-weight: 700;
  margin: 0;
  margin-left: 20px;
  color: var(--text-color);
}

.Promotion-sub-title {
  color: var(--primary-color);
}

.Promotion-desc {
  margin: 0;
  margin-left: auto;
  color: var(--text-secondary);
  font-size: 16px;
}

/* 标签页导航 - 透明风格 */
.Promotion-tabs {
  background: transparent;
  display: flex;
  border-bottom: 1px solid var(--border-color);
  outline: none;
  flex-shrink: 0;
  position: relative;
  z-index: 10;
}

.Promotion-tab {
  background: none;
  border: none;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: bold;
  color: var(--text-original);
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
  outline: none;
  opacity: 0.7;
}

.Promotion-tab:hover {
  color: var(--text-original);
  outline: none;
  opacity: 1;
  background: var(--btn-secondary-bg);
}

.Promotion-tab.active {
  color: var(--text-original);
  outline: none;
  opacity: 1;
}

/* 更精致的下划线指示器 - 居中60%宽度 */
.Promotion-tab.active::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 3px;
  background: var(--text-modified);
  border-radius: 3px 3px 0 0;
}

/* 内容区域 */
.Promotion-content {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  position: relative;
  z-index: 1;
}

/* 面板通用样式 */
.Promotion-left-panel, .Promotion-right-panel {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.Promotion-panel-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--text-original);
  margin: 0 0 16px 0;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border-color);
}

/* 奖励规则面板 - 卡片化 16px 圆角 */
.Promotion-reward-rules-panel, .Promotion-submit-form-panel, .Promotion-records-panel {
  background: var(--module-bg-color);
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
  border: 1px solid var(--border-color);
  margin-top: 16px;
}

.Promotion-submit-form-panel{
  border-radius: 16px;
}


.Promotion-reward-rules-panel {
  border-radius: 16px;
}


.Promotion-reward-buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-bottom: 24px;
}

.Promotion-reward-button {
  background: var(--module-bg-color);
  border: 1px solid var(--border-color);
  border-radius: 12px;
  padding: 16px 20px;
  transition: all 0.3s ease;
}

.Promotion-reward-button:hover {
  border-color: var(--text-modified);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}

.Promotion-reward-content {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.Promotion-reward-name {
  font-weight: 600;
  color: var(--text-original);
}

.Promotion-reward-value {
  color: var(--text-original);
  font-weight: 500;
}

/* 活动说明 */
.Promotion-activity-info {
  margin-top: 16px;
}

.Promotion-activity-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-original);
  margin: 0 0 12px 0;
}

.Promotion-activity-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.Promotion-activity-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 26px;
  color: var(--text-original);
  font-size: 14px;
}

.Promotion-check-icon {
  color: var(--text-modified);
  margin-right: 8px;
  font-weight: bold;
  flex-shrink: 0;
}

.Promotion-item-text {
  flex: 1;
}

/* 表单样式 */
.Promotion-form-tip {
  background: rgba(var(--text-modified), 0.05);
  border-left: 3px solid var(--text-modified);
  padding: 12px;
  margin-bottom: 20px;
  border-radius: 0 4px 4px 0;
  color: var(--text-original);
  font-size: 14px;
}

.Promotion-form-row {
  margin-bottom: 16px;
}

.Promotion-form-label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: var(--text-original);
  font-size: 14px;
}

.Promotion-required::after {
  content: ' *';
  color: #f56565;
}

.Promotion-platform-options {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.Promotion-platform-option {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.Promotion-radio-input {
  margin-right: 6px;
}

.Promotion-radio-label {
  font-size: 14px;
  color: var(--text-original);
}

.Promotion-select-container {
  position: relative;
}

.Promotion-select-input {
  width: 100%;
  padding: 10px 30px 10px 12px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  background: var(--module-bg-color);
  color: var(--text-original);
  font-size: 14px;
  appearance: none;
  transition: all 0.3s ease;
}

.Promotion-select-input:focus {
  border-color: var(--text-modified);
  outline: none;
}

.Promotion-select-arrow {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.Promotion-text-input, .Promotion-textarea-input {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  background: var(--module-bg-color);
  color: var(--text-original);
  font-size: 14px;
  box-sizing: border-box;
  transition: all 0.3s ease;
}

.Promotion-text-input:focus, .Promotion-textarea-input:focus {
  border-color: var(--text-modified);
  outline: none;
}

.Promotion-textarea-input {
  min-height: 100px;
  resize: vertical;
}

.Promotion-form-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}

.Promotion-submit-btn {
  background: var(--btn-primary-bg);
  color: var(--text-original);
  border: none;
  border-radius: 8px;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.Promotion-submit-btn:hover {
  background: var(--text-modified);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

/* 记录表格 */
.Promotion-records-table-container {
  overflow-x: auto;
  margin-top: 16px;
}

.Promotion-records-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.Promotion-records-table th, .Promotion-records-table td {
  padding: 16px 12px;
  text-align: left;
  border-bottom: 1px solid var(--border-color);
}

.Promotion-records-table th {
  background: transparent;
  font-weight: 600;
  color: var(--text-original);
  border-bottom: 2px solid var(--border-color);
}

.Promotion-records-table td {
  color: var(--text-original);
}

/* 最后一行无边框 */
.Promotion-records-table tr:last-child td {
  border-bottom: none;
}

.Promotion-link-text {
  color: var(--text-modified);
  text-decoration: none;
}

.Promotion-link-text:hover {
  text-decoration: underline;
}

/* 状态样式 - 莫兰迪色系 */
.Promotion-status-pending {
  color: #d4a373;
  font-weight: 500;
}

.Promotion-status-approved {
  color: #7fb685;
  font-weight: 500;
}

.Promotion-status-rejected {
  color: #d4726a;
  font-weight: 500;
}

/* 分页控件 */
.Promotion-pagination-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  gap: 8px;
}

.Promotion-page-btn {
  width: 36px;
  height: 36px;
  border: 1px solid var(--border-color);
  background: var(--card-bg);
  color: var(--text-color);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.Promotion-page-btn:hover:not(:disabled) {
  border-color: var(--primary-color);
  color: var(--primary-color);
  transform: translateY(-1px);
}

.Promotion-page-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.Promotion-current-page {
  width: 36px;
  height: 36px;
  background: var(--primary-color);
  color: white;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}

.Promotion-page-indicator {
  color: var(--text-secondary);
  font-size: 14px;
}

/* 加载和空状态 */
.Promotion-loading-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  color: var(--text-secondary);
}

.Promotion-loading-spinner {
  width: 40px;
  height: 40px;
  border: 3px solid var(--border-color);
  border-top: 3px solid var(--primary-color);
  border-radius: 50%;
  animation: Promotion-spin 1s linear infinite;
  margin-bottom: 12px;
}

.Promotion-loading-text {
  font-size: 14px;
}

.Promotion-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  color: var(--text-secondary);
}

.Promotion-empty-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 12px;
  opacity: 0.5;
}

.Promotion-empty-text {
  font-size: 14px;
}

.Promotion-empty-cell {
  text-align: center;
}

/* 动画 */
@keyframes Promotion-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* 响应式设计 */
@media (max-width: 768px) {
  .Promotion-container {
    padding: 16px;
  }
  
  .Promotion-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  
  .Promotion-title {
    margin-left: 0;
    font-size: 24px;
  }
  
  .Promotion-desc {
    margin-left: 0;
  }
  
  .Promotion-tabs {
    overflow-x: auto;
  }
  
  .Promotion-tab {
    padding: 10px 16px;
    font-size: 14px;
    white-space: nowrap;
  }
  
  .Promotion-reward-buttons {
    grid-template-columns: 1fr;
  }
  
  .Promotion-platform-options {
    flex-direction: column;
    gap: 8px;
  }
  
  .Promotion-form-actions {
    justify-content: center;
  }
  
  .Promotion-records-table-container {
    overflow-x: auto;
  }
}

/* 中等屏幕适配 */
@media (max-width: 1024px) and (min-width: 769px) {
  .Promotion-reward-buttons {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* 奖励申请面板 - 左右分栏布局 */
.Promotion-apply-panel {
  display: flex;
  flex: 1;
  width: 100%;
  align-items: stretch;
  padding: 0 20px 20px;
  gap: 20px;
}

.Promotion-left-panel,
.Promotion-right-panel {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
  overflow-y: auto;
  padding: 0;
}

/* 左侧面板样式 */
.Promotion-left-panel {
  max-width: 45%;
}

/* 右侧面板样式 */
.Promotion-right-panel {
  max-width: 55%;
}

/* 确保左右面板内容对齐 */
.Promotion-left-panel .Promotion-panel-title,
.Promotion-right-panel .Promotion-panel-title {
  margin-top: 0;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border-color);
}

/* 确保左右面板卡片高度一致 */
.Promotion-reward-rules-panel,
.Promotion-submit-form-panel {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* 移动端适配 */
@media (max-width: 768px) {
  .Promotion-apply-panel {
    flex-direction: column;
    gap: 15px;
  }
  
  .Promotion-left-panel,
  .Promotion-right-panel {
    max-width: 100%;
  }
}
/* ========================================
   邀请有礼 - 主题兼容版本
   严格使用 CSS 变量，随主题自动变换
======================================== */

.invite-container {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
  height: 100%;
  width: 100%;
  min-width: 80rem;
  background: var(--background-color);
  position: relative;
}

/* ========== 顶部氛围背景 ========== */
.invite-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 280px;
  background: linear-gradient(180deg, var(--btn-secondary-bg) 0%, transparent 100%);
  pointer-events: none;
  z-index: 0;
}

/* ========== 顶部导航 ========== */
.invite-tabs {
  background: transparent;
  display: flex;
  border-bottom: 1px solid var(--border-color);
  flex-shrink: 0;
  position: relative;
  z-index: 10;
}

.invite-back-btn {
  background: none;
  border: none;
  padding: 14px 24px;
  font-size: 15px;
  font-weight: 600;
  color: var(--text-original);
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 8px;
  outline: none;
  opacity: 0.8;
}

.invite-back-btn:hover {
  opacity: 1;
  background: var(--btn-secondary-bg);
}

.invite-back-btn svg {
  width: 18px;
  height: 18px;
}

.invite-tab {
  background: none;
  border: none;
  padding: 14px 24px;
  color: var(--text-original);
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
  outline: none;
}

.invite-tab.active::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 3px;
  background: var(--text-modified);
  border-radius: 3px 3px 0 0;
}

.invite-sub-title {
  font-size: 17px;
  font-weight: 700;
  color: var(--text-original);
}

/* ========== 主内容区域 ========== */
.invite-content {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  padding: 0 40px 40px;
  position: relative;
  z-index: 5;
}

/* ========== Hero 标题区域 ========== */
.invite-hero {
  text-align: center;
  padding: 40px 0 24px;
  position: relative;
}

.invite-hero-title {
  font-size: 36px;
  font-weight: 800;
  color: var(--text-original);
  margin: 0 0 12px;
  letter-spacing: 2px;
}

.invite-hero-subtitle {
  font-size: 16px;
  color: var(--text-original);
  opacity: 0.7;
  margin: 0;
  font-weight: 400;
}

/* 装饰图标 */
.invite-hero-decor {
  position: absolute;
  font-size: 28px;
  animation: float 3s ease-in-out infinite;
  opacity: 0.6;
}

.invite-hero-decor:nth-child(1) { top: 20%; left: 15%; animation-delay: 0s; }
.invite-hero-decor:nth-child(2) { top: 30%; right: 15%; animation-delay: 0.5s; }
.invite-hero-decor:nth-child(3) { bottom: 10%; left: 20%; animation-delay: 1s; }
.invite-hero-decor:nth-child(4) { bottom: 20%; right: 18%; animation-delay: 1.5s; }

@keyframes float {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-12px) rotate(8deg); }
}

/* ========== 核心数据卡片 ========== */
.invite-dashboard {
  background: var(--module-bg-color);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  padding: 28px 32px;
  margin: 0 auto 28px;
  max-width: 900px;
  width: 100%;
  display: grid;
  grid-template-columns: 1.2fr 1px 1fr;
  gap: 32px;
  align-items: center;
  position: relative;
}

/* 右上角收益明细链接 */
.invite-logs-link {
  position: absolute;
  top: 20px;
  right: 24px;
}

.invite-logs-link-btn {
  background: none;
  border: none;
  color: var(--text-modified);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  padding: 6px 12px;
  border-radius: 6px;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 4px;
}

.invite-logs-link-btn:hover {
  background: var(--btn-secondary-bg);
}

.invite-logs-link-btn svg {
  width: 16px;
  height: 16px;
}

/* 左侧：待领取余额 */
.invite-balance-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.invite-balance-label {
  font-size: 14px;
  color: var(--text-original);
  opacity: 0.6;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
}

.invite-balance-icon {
  width: 20px;
  height: 20px;
  color: var(--warning-color);
}

.invite-balance-value {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.invite-balance-number {
  font-size: 48px;
  font-weight: 800;
  color: var(--text-modified);
  font-family: 'DIN', 'Roboto', -apple-system, sans-serif;
  letter-spacing: -2px;
  line-height: 1;
}

.invite-balance-unit {
  font-size: 16px;
  color: var(--text-original);
  opacity: 0.6;
  font-weight: 500;
}

.invite-withdraw-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 28px;
  background: var(--warning-color);
  border: none;
  border-radius: 8px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  width: fit-content;
}

.invite-withdraw-btn:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(245, 158, 11, 0.35);
}

.invite-withdraw-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.invite-withdraw-btn svg {
  width: 18px;
  height: 18px;
}

/* 分隔线 */
.invite-dashboard-divider {
  width: 1px;
  height: 80%;
  background: var(--border-color);
}

/* 右侧：统计信息 */
.invite-stats-section {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.invite-stat-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.invite-stat-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.invite-stat-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  background: var(--btn-secondary-bg);
}

.invite-stat-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.invite-stat-label {
  font-size: 13px;
  color: var(--text-original);
  opacity: 0.6;
}

.invite-stat-value {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-original);
  font-family: 'DIN', 'Roboto', -apple-system, sans-serif;
}

.invite-code-value {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-modified);
  font-family: 'SF Mono', 'Consolas', monospace;
  letter-spacing: 1px;
}

.invite-copy-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: var(--btn-secondary-bg);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  color: var(--text-modified);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}

.invite-copy-btn:hover {
  background: var(--btn-primary-bg);
  color: var(--text-original);
}

.invite-copy-btn svg {
  width: 14px;
  height: 14px;
}

/* 大号统计项（已邀请好友） */
.invite-stat-item-large {
  display: flex;
  align-items: center;
  gap: 16px;
}

.invite-stat-item-large .invite-stat-icon {
  width: 52px;
  height: 52px;
  font-size: 26px;
}

.invite-stat-value-large {
  font-size: 32px;
  font-weight: 800;
  color: var(--text-modified);
  font-family: 'DIN', 'Roboto', -apple-system, sans-serif;
  letter-spacing: -1px;
  line-height: 1;
}

.invite-stat-value-large small {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-original);
  opacity: 0.6;
  margin-left: 4px;
}

/* 收益明细按钮 */
.invite-logs-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 20px;
  background: var(--btn-secondary-bg);
  border: 1px solid var(--border-color);
  border-radius: 10px;
  color: var(--text-modified);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 100%;
}

.invite-logs-btn:hover {
  background: var(--btn-primary-bg);
  color: var(--text-original);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.invite-logs-btn svg {
  width: 18px;
  height: 18px;
}

/* ========== 任务区域（左右分栏）========== */
.invite-tasks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
}

.invite-task-card {
  background: var(--module-bg-color);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  padding: 28px;
  transition: all 0.3s ease;
  position: relative;
}

.invite-task-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
}

.invite-task-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
}

.invite-task-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  background: var(--btn-secondary-bg);
}

.invite-task-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-original);
  margin: 0;
}

.invite-task-desc {
  font-size: 14px;
  color: var(--text-original);
  opacity: 0.7;
  line-height: 1.7;
  margin-bottom: 20px;
}

.invite-task-desc strong {
  color: var(--text-modified);
  opacity: 1;
}

/* 邀请码视觉焦点区 - 无边框设计 */
.invite-code-hero {
  text-align: center;
  padding: 24px 16px;
  margin-bottom: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 12px;
}

.invite-code-hero:hover {
  background: var(--btn-secondary-bg);
}

.invite-code-hero:hover .invite-code-number {
  transform: scale(1.02);
}

.invite-code-label-mini {
  display: block;
  font-size: 12px;
  color: var(--text-original);
  opacity: 0.5;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 12px;
  font-weight: 500;
}

.invite-code-main {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.invite-code-number {
  font-size: 32px;
  font-weight: 800;
  color: var(--text-modified);
  font-family: 'SF Mono', 'Consolas', 'Monaco', monospace;
  letter-spacing: 4px;
  transition: transform 0.3s ease;
}

.invite-code-copy-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: var(--text-modified);
  opacity: 0.6;
  transition: all 0.3s ease;
}

.invite-code-hero:hover .invite-code-copy-icon {
  opacity: 1;
  transform: scale(1.1);
}

.invite-code-copy-icon svg {
  width: 20px;
  height: 20px;
}

.invite-code-tip {
  display: block;
  font-size: 11px;
  color: var(--text-original);
  opacity: 0.4;
  margin-top: 8px;
}

/* 单个长条分享按钮 */
.invite-share-main-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 14px 24px;
  background: var(--btn-primary-bg);
  border: none;
  border-radius: 10px;
  color: var(--text-original);
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.invite-share-main-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.invite-share-main-btn svg {
  width: 18px;
  height: 18px;
}

/* 兑换输入框 */
.invite-redeem-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.invite-redeem-input-wrap {
  position: relative;
}

.invite-redeem-input {
  width: 100%;
  padding: 14px 110px 14px 16px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  font-size: 15px;
  color: var(--text-original);
  background: var(--background-color);
  transition: all 0.3s ease;
  box-sizing: border-box;
}

.invite-redeem-input:focus {
  outline: none;
  border-color: var(--text-modified);
  box-shadow: 0 0 0 3px var(--btn-secondary-bg);
}

.invite-redeem-input::placeholder {
  color: var(--text-original);
  opacity: 0.4;
}

.invite-redeem-submit {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px 20px;
  background: var(--success-color);
  border: none;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.invite-redeem-submit:hover:not(:disabled) {
  transform: translateY(-50%) scale(1.03);
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.35);
}

.invite-redeem-submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.invite-redeem-hint {
  font-size: 13px;
  color: var(--text-original);
  opacity: 0.5;
  display: flex;
  align-items: center;
  gap: 6px;
}

.invite-redeem-hint svg {
  width: 14px;
  height: 14px;
  color: var(--success-color);
}

/* ========== 已兑换状态样式 ========== */
.invite-redeem-input.redeemed {
  background: var(--btn-secondary-bg);
  border-color: var(--success-color);
  color: var(--text-modified);
  font-weight: 600;
  letter-spacing: 2px;
  text-align: center;
  padding-right: 16px;
  cursor: not-allowed;
  opacity: 0.9;
}

.invite-redeem-input.redeemed:focus {
  box-shadow: none;
  border-color: var(--success-color);
}

.invite-redeem-submit.redeemed {
  background: var(--btn-secondary-bg);
  color: var(--success-color);
  border: 1px solid var(--success-color);
  cursor: default;
  display: flex;
  align-items: center;
  justify-content: center;
}

.invite-redeem-submit.redeemed:hover {
  transform: translateY(-50%);
  box-shadow: none;
}

.invite-redeem-hint.redeemed {
  color: var(--success-color);
  opacity: 0.8;
  font-weight: 500;
}

.invite-redeem-hint.redeemed svg {
  color: var(--success-color);
}

/* 兑换动态跑马灯 */
.invite-redeem-ticker {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--border-color);
}

.invite-ticker-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

.invite-ticker-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--success-color);
  animation: tickerPulse 1.5s ease-in-out infinite;
}

@keyframes tickerPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(0.8); }
}

.invite-ticker-title {
  font-size: 12px;
  color: var(--text-original);
  opacity: 0.5;
  font-weight: 500;
}

/* 跑马灯容器 - 固定高度，隐藏溢出 */
.invite-ticker-container {
  height: 72px;
  overflow: hidden;
  position: relative;
  /* 顶部和底部渐隐遮罩 */
  mask-image: linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);
  -webkit-mask-image: linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);
}

/* 滚动轨道 - 无限向上滚动 */
.invite-ticker-track {
  animation: tickerScroll 25s linear infinite;
}

/* 鼠标悬停暂停 */
.invite-ticker-track:hover {
  animation-play-state: paused;
}

@keyframes tickerScroll {
  0% { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}

/* 单条记录 */
.invite-ticker-item {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: var(--text-original);
  opacity: 0.7;
  padding: 0 4px;
}

.invite-ticker-item .ticker-user {
  color: var(--text-modified);
  font-weight: 500;
}

.invite-ticker-item .ticker-action {
  color: var(--text-original);
  opacity: 0.8;
}

.invite-ticker-item .ticker-time {
  color: var(--text-original);
  opacity: 0.5;
  font-size: 11px;
  margin-left: auto;
}

/* ========== 底部规则 ========== */
.invite-rules {
  max-width: 900px;
  margin: 28px auto 0;
  width: 100%;
}

.invite-rules-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-original);
  opacity: 0.5;
  margin-bottom: 14px;
  text-align: center;
}

.invite-rules-list {
  display: flex;
  justify-content: center;
  gap: 32px;
  flex-wrap: wrap;
}

.invite-rule-item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-original);
  opacity: 0.5;
  font-size: 13px;
}

.invite-rule-item svg {
  width: 16px;
  height: 16px;
  color: var(--warning-color);
  opacity: 1;
}

/* ========== 提取弹窗 ========== */
.invite-dialog-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  animation: fadeIn 0.25s ease;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.invite-dialog {
  background: var(--module-bg-color);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  width: 400px;
  max-width: 90vw;
  overflow: hidden;
  animation: dialogSlideUp 0.3s ease;
}

@keyframes dialogSlideUp {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.invite-dialog-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid var(--border-color);
}

.invite-dialog-header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: var(--text-original);
}

.invite-dialog-close {
  background: var(--btn-secondary-bg);
  border: none;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  font-size: 20px;
  color: var(--text-original);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.invite-dialog-close:hover {
  background: var(--btn-primary-bg);
}

.invite-dialog-body {
  padding: 24px;
}

.invite-dialog-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  background: var(--btn-secondary-bg);
  border-radius: 12px;
  margin-bottom: 20px;
}

.invite-dialog-info span {
  color: var(--text-original);
  opacity: 0.7;
  font-size: 14px;
}

.invite-dialog-balance {
  font-size: 24px;
  font-weight: 800;
  color: var(--text-modified);
}

.invite-dialog-input-group {
  margin-bottom: 16px;
}

.invite-dialog-input-group label {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-original);
  opacity: 0.8;
}

.invite-dialog-input {
  width: 100%;
  padding: 14px 16px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  background: var(--background-color);
  color: var(--text-original);
  font-size: 16px;
  font-weight: 600;
  box-sizing: border-box;
  transition: all 0.3s ease;
}

.invite-dialog-input:focus {
  outline: none;
  border-color: var(--text-modified);
  box-shadow: 0 0 0 3px var(--btn-secondary-bg);
}

.invite-dialog-hint {
  min-height: 24px;
}

.invite-dialog-error {
  margin: 0;
  font-size: 13px;
  color: var(--error-color);
  display: flex;
  align-items: center;
  gap: 6px;
}

.invite-dialog-footer {
  display: flex;
  gap: 12px;
  padding: 16px 24px 24px;
}

.invite-dialog-cancel,
.invite-dialog-confirm {
  flex: 1;
  padding: 14px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.invite-dialog-cancel {
  background: var(--btn-secondary-bg);
  border: 1px solid var(--border-color);
  color: var(--text-original);
}

.invite-dialog-cancel:hover {
  background: var(--btn-primary-bg);
}

.invite-dialog-confirm {
  background: var(--warning-color);
  border: none;
  color: #fff;
}

.invite-dialog-confirm:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(245, 158, 11, 0.35);
}

.invite-dialog-confirm:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

/* ========== 收益明细弹窗 - 金融仪表盘风格 ========== */
.invite-logs-modal {
  background: linear-gradient(165deg,
    var(--module-bg-color) 0%,
    color-mix(in srgb, var(--module-bg-color) 95%, var(--btn-secondary-bg)) 100%);
  border: 1px solid var(--border-color);
  border-radius: 20px;
  width: 560px;
  max-width: 92vw;
  max-height: 80vh;
  overflow: hidden;
  animation: logsModalEnter 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
  display: flex;
  flex-direction: column;
  box-shadow:
    0 25px 50px -12px rgba(0, 0, 0, 0.25),
    0 0 0 1px rgba(255, 255, 255, 0.05) inset;
}

@keyframes logsModalEnter {
  from {
    opacity: 0;
    transform: translateY(30px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.invite-logs-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 28px 20px;
  border-bottom: 1px solid var(--border-color);
  flex-shrink: 0;
  position: relative;
}

.invite-logs-modal-title {
  font-size: 20px;
  font-weight: 800;
  color: var(--text-original);
  display: flex;
  align-items: center;
  gap: 10px;
  letter-spacing: -0.5px;
}

.invite-logs-modal-title::before {
  content: '📊';
  font-size: 22px;
}

.invite-logs-modal-close {
  background: var(--btn-secondary-bg);
  border: 1px solid transparent;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  font-size: 22px;
  color: var(--text-original);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0.7;
}

.invite-logs-modal-close:hover {
  opacity: 1;
  background: var(--btn-primary-bg);
  border-color: var(--border-color);
}

/* 分段控制器标签 - 胶囊风格 */
.invite-logs-tabs {
  display: flex;
  gap: 6px;
  padding: 8px;
  margin: 0px 28px 16px;
  background: color-mix(in srgb, var(--background-color) 80%, transparent);
  border-radius: 14px;
  flex-shrink: 0;
  border: 1px solid var(--border-color);
  outline: none;
}

.invite-logs-tab {
  flex: 1;
  padding: 12px 18px;
  background: transparent;
  border: none;
  border-radius: 10px;
  color: var(--text-original);
  opacity: 0.55;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  overflow: hidden;
  outline: none !important;
}

.invite-logs-tab::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 10px;
  opacity: 0;
  transition: opacity 0.3s ease;
  outline: none;
}

.invite-logs-tab:hover:not(.active) {
  opacity: 0.75;
}

.invite-logs-tab.active {
  opacity: 1;
  outline: none !important;
}

.invite-logs-tab.active:focus,
.invite-logs-tab.active:focus-visible {
  outline: none !important;
}

.invite-logs-tab.active.income-tab {
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--success-color) 15%, var(--module-bg-color)) 0%,
    var(--module-bg-color) 100%);
  color: var(--success-color);
  border: 1px solid color-mix(in srgb, var(--success-color) 25%, transparent);
  outline: none !important;
}

.invite-logs-tab.active.withdraw-tab {
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--warning-color) 15%, var(--module-bg-color)) 0%,
    var(--module-bg-color) 100%);
  color: var(--warning-color);
  border: 1px solid color-mix(in srgb, var(--warning-color) 25%, transparent);
  outline: none !important;
}

/* 确保所有状态下都没有黑色边框 */
.invite-logs-tab:focus,
.invite-logs-tab:focus-visible,
.invite-logs-tab:active,
.invite-logs-tab.active.income-tab:focus,
.invite-logs-tab.active.income-tab:focus-visible,
.invite-logs-tab.active.withdraw-tab:focus,
.invite-logs-tab.active.withdraw-tab:focus-visible {
  outline: none !important;
  box-shadow: none;
}

.invite-logs-tab svg {
  width: 18px;
  height: 18px;
  transition: transform 0.3s ease;
}

.invite-logs-tab.active svg {
  transform: scale(1.1);
}

/* 记录列表容器 */
.invite-logs-content {
  flex: 1;
  overflow-y: auto;
  padding: 0 28px 28px;
  /* 自定义滚动条 */
  scrollbar-width: thin;
  scrollbar-color: var(--border-color) transparent;
}

.invite-logs-content::-webkit-scrollbar {
  width: 6px;
}

.invite-logs-content::-webkit-scrollbar-track {
  background: transparent;
}

.invite-logs-content::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 3px;
}

.invite-logs-content::-webkit-scrollbar-thumb:hover {
  background: var(--text-modified);
}

.invite-logs-loading,
.invite-logs-empty {
  text-align: center;
  color: var(--text-original);
  opacity: 0.5;
  padding: 56px 24px;
  font-size: 15px;
}

.invite-logs-empty::before {
  content: '📭';
  display: block;
  font-size: 48px;
  margin-bottom: 16px;
  opacity: 0.6;
  animation: emptyBounce 2s ease-in-out infinite;
}

@keyframes emptyBounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

/* 时间线记录列表 */
.invite-logs-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
  padding-left: 24px;
}

/* 时间线主轴 */
.invite-logs-list::before {
  content: '';
  position: absolute;
  left: 7px;
  top: 20px;
  bottom: 20px;
  width: 2px;
  background: linear-gradient(180deg,
    var(--border-color) 0%,
    color-mix(in srgb, var(--border-color) 30%, transparent) 100%);
  border-radius: 1px;
}

/* 时间线记录项 */
.invite-log-item {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  align-items: center;
  padding: 18px 20px;
  margin: 6px 0;
  background: var(--background-color);
  border-radius: 14px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  border: 1px solid transparent;
}

/* 时间线节点 */
.invite-log-item::before {
  content: '';
  position: absolute;
  left: -24px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 3px solid currentColor;
  background: var(--module-bg-color);
  box-shadow: 0 0 0 4px var(--module-bg-color);
  z-index: 1;
}

.invite-log-item.income::before {
  color: var(--success-color);
  box-shadow:
    0 0 0 4px var(--module-bg-color),
    0 0 12px color-mix(in srgb, var(--success-color) 40%, transparent);
}

.invite-log-item.withdraw::before {
  color: var(--warning-color);
  box-shadow:
    0 0 0 4px var(--module-bg-color),
    0 0 12px color-mix(in srgb, var(--warning-color) 40%, transparent);
}

.invite-log-item:hover {
  transform: translateX(6px);
  background: color-mix(in srgb, var(--btn-secondary-bg) 50%, var(--background-color));
  border-color: var(--border-color);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}

.invite-log-item.income:hover {
  border-color: color-mix(in srgb, var(--success-color) 20%, transparent);
}

.invite-log-item.withdraw:hover {
  border-color: color-mix(in srgb, var(--warning-color) 20%, transparent);
}

.invite-log-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.invite-log-remark {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-original);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.invite-log-time {
  font-size: 12px;
  color: var(--text-original);
  opacity: 0.45;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px;
}

.invite-log-time::before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.6;
}

/* 金额标签 - 数字感设计 */
.invite-log-amount {
  font-size: 16px;
  font-weight: 800;
  padding: 8px 16px;
  border-radius: 10px;
  font-family: 'SF Mono', 'Consolas', 'Monaco', monospace;
  letter-spacing: -0.5px;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
}

.invite-log-amount::before {
  content: '';
  position: absolute;
  inset: 0;
  opacity: 0.08;
  border-radius: inherit;
}

.invite-log-amount.income {
  color: var(--success-color);
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--success-color) 12%, transparent) 0%,
    color-mix(in srgb, var(--success-color) 6%, transparent) 100%);
  border: 1px solid color-mix(in srgb, var(--success-color) 20%, transparent);
}

.invite-log-amount.income::before {
  background: linear-gradient(135deg, var(--success-color) 0%, transparent 50%);
}

.invite-log-amount.withdraw {
  color: var(--warning-color);
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--warning-color) 12%, transparent) 0%,
    color-mix(in srgb, var(--warning-color) 6%, transparent) 100%);
  border: 1px solid color-mix(in srgb, var(--warning-color) 20%, transparent);
}

.invite-log-amount.withdraw::before {
  background: linear-gradient(135deg, var(--warning-color) 0%, transparent 50%);
}

/* 记录项入场动画 */
.invite-log-item {
  animation: logItemEnter 0.4s cubic-bezier(0.4, 0, 0.2, 1) backwards;
}

.invite-log-item:nth-child(1) { animation-delay: 0.05s; }
.invite-log-item:nth-child(2) { animation-delay: 0.1s; }
.invite-log-item:nth-child(3) { animation-delay: 0.15s; }
.invite-log-item:nth-child(4) { animation-delay: 0.2s; }
.invite-log-item:nth-child(5) { animation-delay: 0.25s; }
.invite-log-item:nth-child(6) { animation-delay: 0.3s; }
.invite-log-item:nth-child(7) { animation-delay: 0.35s; }
.invite-log-item:nth-child(8) { animation-delay: 0.4s; }

@keyframes logItemEnter {
  from {
    opacity: 0;
    transform: translateX(-12px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* 统计摘要区域 */
.invite-logs-summary {
  display: flex;
  gap: 12px;
  padding: 10px 28px 16px;
  flex-shrink: 0;
}

.invite-logs-summary-item {
  flex: 1;
  padding: 14px 16px;
  background: var(--background-color);
  border-radius: 12px;
  border: 1px solid var(--border-color);
  display: flex;
  flex-direction: column;
  gap: 4px;
  transition: all 0.25s ease;
}

.invite-logs-summary-item:hover {
  border-color: var(--text-modified);
  transform: translateY(-2px);
}

.invite-logs-summary-label {
  font-size: 12px;
  color: var(--text-original);
  opacity: 0.5;
  font-weight: 500;
}

.invite-logs-summary-value {
  font-size: 20px;
  font-weight: 800;
  font-family: 'SF Mono', 'Consolas', monospace;
  letter-spacing: -1px;
}

.invite-logs-summary-value.income {
  color: var(--success-color);
}

.invite-logs-summary-value.withdraw {
  color: var(--warning-color);
}

/* 记录数量徽章 */
.invite-logs-count {
  font-size: 12px;
  opacity: 0.7;
  font-weight: 500;
  margin-left: 2px;
}

/* 加载动画 */
.loading-dots::after {
  content: '';
  animation: loadingDots 1.5s infinite;
}

@keyframes loadingDots {
  0% { content: '.'; }
  33% { content: '..'; }
  66% { content: '...'; }
  100% { content: '.'; }
}

.invite-logs-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.invite-logs-loading::before {
  content: '';
  width: 32px;
  height: 32px;
  border: 3px solid var(--border-color);
  border-top-color: var(--text-modified);
  border-radius: 50%;
  animation: logsSpinner 0.8s linear infinite;
}

@keyframes logsSpinner {
  to { transform: rotate(360deg); }
}

/* 响应式优化 - 收益明细弹窗 */
@media (max-width: 600px) {
  .invite-logs-modal {
    width: 95vw;
    max-height: 85vh;
    border-radius: 16px;
  }

  .invite-logs-modal-header {
    padding: 20px 20px 16px;
  }

  .invite-logs-modal-title {
    font-size: 18px;
  }

  .invite-logs-summary {
    padding: 0 20px 12px;
    gap: 10px;
  }

  .invite-logs-summary-item {
    padding: 12px 14px;
  }

  .invite-logs-summary-value {
    font-size: 18px;
  }

  .invite-logs-tabs {
    margin: 16px 20px 12px;
    padding: 6px;
  }

  .invite-logs-tab {
    padding: 10px 14px;
    font-size: 13px;
  }

  .invite-logs-content {
    padding: 0 20px 20px;
  }

  .invite-logs-list {
    padding-left: 20px;
  }

  .invite-log-item {
    padding: 14px 16px;
  }

  .invite-log-item::before {
    left: -20px;
    width: 12px;
    height: 12px;
  }

  .invite-log-remark {
    font-size: 14px;
  }

  .invite-log-amount {
    font-size: 14px;
    padding: 6px 12px;
  }
}

/* ========== 响应式 ========== */
@media (max-width: 900px) {
  .invite-container {
    min-width: auto;
  }

  .invite-dashboard {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 24px;
  }

  .invite-dashboard-divider {
    width: 100%;
    height: 1px;
  }

  .invite-stats-section {
    align-items: center;
    text-align: center;
  }

  .invite-stat-item-large {
    flex-direction: column;
    gap: 8px;
  }

  .invite-logs-btn {
    max-width: 200px;
  }

  .invite-tasks {
    grid-template-columns: 1fr;
  }

  .invite-content {
    padding: 0 20px 30px;
  }
}

@media (max-width: 600px) {
  .invite-hero-title {
    font-size: 26px;
  }

  .invite-balance-number {
    font-size: 36px;
  }

  .invite-stat-value-large {
    font-size: 26px;
  }

  .invite-code-number {
    font-size: 24px;
    letter-spacing: 2px;
  }

  .invite-code-hero {
    padding: 16px 12px;
  }

  .invite-rules-list {
    flex-direction: column;
    gap: 12px;
    align-items: center;
  }
}

/* ========== 庆祝动效 ========== */
.invite-celebrate {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 72px;
  z-index: 1001;
  animation: celebratePop 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  pointer-events: none;
}

@keyframes celebratePop {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}

.recharge-wrapper[data-v-68ca64d8] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 200px);
  padding: 20px;
}
.recharge-container[data-v-68ca64d8] {
  width: 100%;
  max-width: 50%;
  padding: 30px 25px;
  background-color: var(--module-bg-color, #fff);
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}
.title[data-v-68ca64d8] {
  font-size: 24px;
  font-weight: 600;
  color: var(--text-original, #333);
  text-align: center;
  margin: 0 0 5px;
}
.subtitle[data-v-68ca64d8] {
  font-size: 14px;
  color: var(--text-original, #666);
  text-align: center;
  margin: 0 0 25px;
}
.form-container[data-v-68ca64d8] {
  margin: 0;
}
.form-group[data-v-68ca64d8] {
  margin-bottom: 18px;
}
.form-group label[data-v-68ca64d8] {
  display: block;
  font-size: 14px;
  color: var(--text-original, #333);
  margin-bottom: 6px;
}
.input-field[data-v-68ca64d8] {
  width: 100%;
  height: 44px;
  padding: 0 12px;
  border: 1px solid var(--border-color, #ddd);
  border-radius: 4px;
  font-size: 16px;
  box-sizing: border-box;
  background-color: var(--module-bg-color, #fff);
  color: var(--text-original, #333);
}
.input-field[data-v-68ca64d8]:focus {
  border-color: var(--text-modified, #2b3499);
  outline: none;
}
.submit-btn[data-v-68ca64d8] {
  display: block;
  width: 100%;
  height: 44px;
  background-color: var(--border-color, linear-gradient(135deg, #db5e77 0%, #c00c60 50%, #e5079f 100%));
  color: var(--text-original, white);
  border: none;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  margin-top: 10px;
  transition: all 0.3s ease;
}
.submit-btn[data-v-68ca64d8]:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}

.redeem-modal-overlay[data-v-8b038549] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.redeem-modal-content[data-v-8b038549] {
  background-color: var(--module-bg-color, #fff);
  border-radius: 12px;
  width: 100%;
  max-width: 70rem;
  height: 80vh;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  padding: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.modal-header[data-v-8b038549] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 30px 15px;
  border-bottom: 1px solid var(--border-color, #eee);
  flex-shrink: 0;
}
.modal-header h2[data-v-8b038549] {
  font-size: 20px;
  font-weight: 600;
  color: var(--text-original, #333);
  margin: 0;
}
.close-button[data-v-8b038549] {
  background: none;
  border: none;
  font-size: 24px;
  color: var(--text-original, #888);
  cursor: pointer;
  padding: 0;
  margin: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s ease;
}
.close-button[data-v-8b038549]:hover {
  color: var(--text-original, #333);
  background-color: var(--hover-bg-color, #f5f5f5);
}

/* 主布局 */
.redeem-layout[data-v-8b038549] {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  padding: 30px 40px;
  gap: 40px;
}

/* 表单区域 - 无卡片样式 */
.form-section[data-v-8b038549] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.form-subtitle[data-v-8b038549] {
  font-size: 15px;
  color: var(--text-original, #666);
  margin: 0;
}
.form-row[data-v-8b038549] {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  width: 100%;
  max-width: 600px;
}
.form-group[data-v-8b038549] {
  flex: 1;
}
.form-group label[data-v-8b038549] {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-original, #333);
  margin-bottom: 8px;
}
.input-field[data-v-8b038549] {
  width: 100%;
  height: 48px;
  padding: 0 16px;
  border: 2px solid var(--border-color, #e0e0e0);
  border-radius: 8px;
  font-size: 16px;
  box-sizing: border-box;
  background-color: var(--module-bg-color, #fff);
  color: var(--text-original, #333);
  transition: all 0.2s ease;
}
.input-field[data-v-8b038549]:focus {
  border-color: var(--text-modified, #DB5E77);
  outline: none;
  box-shadow: 0 0 0 3px rgba(219, 94, 119, 0.1);
}
.submit-btn[data-v-8b038549] {
  height: 48px;
  padding: 0 32px;
  background: var(--btn-primary-bg, linear-gradient(135deg, #DB5E77 0%, #C00C60 50%, #E5079F 100%));
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
  flex-shrink: 0;
}
.submit-btn[data-v-8b038549]:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(219, 94, 119, 0.3);
}

/* 特性区域 */
.features-section[data-v-8b038549] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.features-grid[data-v-8b038549] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.feature-card[data-v-8b038549] {
  background: var(--background-color, #f8f9fa);
  border-radius: 12px;
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  transition: all 0.3s ease;
}
.feature-card[data-v-8b038549]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.feature-icon[data-v-8b038549] {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(219, 94, 119, 0.1) 0%, rgba(192, 12, 96, 0.1) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-modified, #DB5E77);
}
.feature-content h4[data-v-8b038549] {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: var(--text-original, #333);
}
.feature-content p[data-v-8b038549] {
  margin: 0;
  font-size: 13px;
  color: var(--text-original, #666);
  line-height: 1.5;
}

/* 使用说明 */
.tips-section[data-v-8b038549] {
  background: var(--background-color, #f8f9fa);
  border-radius: 12px;
  padding: 20px 24px;
}
.tips-section h4[data-v-8b038549] {
  margin: 0 0 12px 0;
  font-size: 15px;
  font-weight: 600;
  color: var(--text-original, #333);
}
.tips-section ul[data-v-8b038549] {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 32px;
}
.tips-section li[data-v-8b038549] {
  position: relative;
  padding-left: 16px;
  font-size: 13px;
  color: var(--text-original, #666);
}
.tips-section li[data-v-8b038549]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--text-modified, #DB5E77);
}

/* 移动端适配 */
@media screen and (max-width: 768px) {
.redeem-modal-content[data-v-8b038549] {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    border-radius: 0;
}
.redeem-layout[data-v-8b038549] {
    padding: 20px;
    gap: 30px;
}
.form-row[data-v-8b038549] {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
}
.submit-btn[data-v-8b038549] {
    width: 100%;
}
.features-grid[data-v-8b038549] {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}
.feature-card[data-v-8b038549] {
    padding: 16px 12px;
}
.feature-icon[data-v-8b038549] {
    width: 44px;
    height: 44px;
}
.feature-icon svg[data-v-8b038549] {
    width: 22px;
    height: 22px;
}
.feature-content h4[data-v-8b038549] {
    font-size: 14px;
}
.feature-content p[data-v-8b038549] {
    font-size: 12px;
}
.tips-section ul[data-v-8b038549] {
    flex-direction: column;
    gap: 8px;
}
}
.history-wrapper {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  background-color: var(--background-color);
  position: relative;
}

/* 顶部氛围渐变背景 - 仿邀请有礼风格 */
.history-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 200px;
  background: linear-gradient(180deg, var(--btn-secondary-bg) 0%, transparent 100%);
  pointer-events: none;
  z-index: 0;
}

.history-container {
  width: 100%;
  border-radius: 12px;
  padding-bottom: 0px;
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  min-width: 80rem;
  border-radius: 0px;
  position: relative;
  z-index: 1;
}

/* 标签页导航 - 透明风格 */
.history-tabs {
  background: transparent;
  display: flex;
  border-bottom: 1px solid var(--border-color);
  flex-shrink: 0;
  outline: none;
  position: relative;
  z-index: 10;
}

.history-back-btn {
  background: none;
  border: none;
  padding: 14px 24px;
  font-size: 15px;
  font-weight: 600;
  color: var(--text-original);
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 8px;
  outline: none;
  opacity: 0.8;
}

.history-back-btn:hover {
  opacity: 1;
  background: var(--btn-secondary-bg);
  outline: none;
}

.history-back-btn.active {
  color: var(--text-original);
  outline: none;
}

.history-back-btn.active::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--text-modified);
  outline: none;
}

.history-back-btn svg {
  margin-right: 5px;
  width: 18px;
  height: 18px;
}

.history-tab {
  background: none;
  border: none;
  padding: 14px 24px;
  font-size: 15px;
  font-weight: 600;
  color: var(--text-original);
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
  outline: none;
  opacity: 0.7;
}

.history-tab:hover {
  opacity: 1;
  outline: none;
}

.history-tab.active {
  color: var(--text-original);
  outline: none;
  opacity: 1;
}

/* 更精致的下划线指示器 */
.history-tab.active::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 3px;
  background: var(--text-modified);
  border-radius: 3px 3px 0 0;
  outline: none;
}

/* 顶部提示 */
.top-notice {
  border-radius: 8px 8px 0px 0px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 8px;
}

.notice-icon {
  color: #ff4444;
  font-size: 16px;
}

.notice-text {
  color: #ff4444;
  font-size: 14px;
  font-weight: 500;
}

/* 表格容器 - 卡片化样式 */
.table-container {
  background: var(--module-bg-color);
  flex: 1;
  min-height: 0;
  overflow: hidden;
  position: relative;
  padding: 20px 24px;
  /* 卡片化样式 */
  margin: 16px 20px 20px;
  border-radius: 16px;
  border: 1px solid var(--border-color);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

/* 文件名单元格 */
.file-name-cell {
  display: flex;
  align-items: center;
  gap: 12px;
}

.file-icon {
  font-size: 20px;
  flex-shrink: 0;
  opacity: 0.7;
}

.file-name {
  font-weight: 500;
  color: var(--text-original);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 分数进度条单元格 */
.score-progress-cell {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
  padding: 4px 0;
}

.score-row {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
}

.score-value {
  font-size: 12px;
  font-weight: 600;
  min-width: 46px;
  text-align: right;
  flex-shrink: 0;
}

.score-bar {
  flex: 1;
  min-width: 50px;
  max-width: 70px;
}

.score-bar :deep(.el-progress-bar__outer) {
  background-color: var(--background-color);
  border-radius: 3px;
}

.score-bar :deep(.el-progress-bar__inner) {
  border-radius: 3px;
}

.score-diff-tag {
  flex-shrink: 0;
  font-size: 11px;
  align-self: center;
}

.no-data {
  color: var(--text-original);
  opacity: 0.5;
}

/* 简化版分数显示 */
.score-value-simple {
  font-size: 14px;
  font-weight: 600;
}

/* 操作按钮 - 幽灵按钮风格 */
.action-buttons {
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center;
}

.action-buttons .action-btn {
  background: transparent !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-modified) !important;
  padding: 8px 14px !important;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  width: auto !important;
  text-align: center;
  transition: all 0.3s ease;
}

.action-buttons .action-btn:hover {
  background: var(--btn-secondary-bg) !important;
  border-color: var(--text-modified) !important;
  transform: translateY(-1px);
  opacity: 1 !important;
}

.action-buttons .action-btn-placeholder {
  width: 76px;
  height: 32px;
  display: inline-block;
}

/* 下载按钮 */
.action-buttons .download-btn {
  background: var(--btn-secondary-bg) !important;
}

.action-buttons .dropdown-arrow {
  font-size: 10px;
  margin-left: 4px;
  opacity: 0.6;
}

/* 加载状态 */
.loading-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  color: var(--text-original);
  flex: 1;
  min-height: 200px;
  box-sizing: border-box;
}

.loading-spinner {
  width: 40px;
  height: 40px;
  border: 3px solid var(--border-color);
  border-top-color: var(--text-modified);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  margin-bottom: 16px;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* 空状态 */
.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
}

.empty-icon {
  font-size: 64px;
  margin-bottom: 16px;
  opacity: 0.5;
}

.empty-text {
  font-size: 18px;
  font-weight: 500;
  color: var(--text-original);
  margin: 0 0 8px 0;
}

.empty-hint {
  font-size: 14px;
  color: var(--text-original);
  margin: 0;
}

/* 分页器样式 */
.pagination-container {
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 16px 20px 24px;
  flex-shrink: 0;
}

.pagination-total-text {
  color: var(--text-original);
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}

/* ==================== Element Plus 主题覆盖 ==================== */

/* el-table 基础样式 - 弱化边框 */
.table-container :deep(.el-table) {
  --el-table-bg-color: var(--module-bg-color);
  --el-table-tr-bg-color: var(--module-bg-color);
  --el-table-header-bg-color: var(--module-bg-color);
  --el-table-row-hover-bg-color: var(--background-color);
  --el-table-border-color: transparent;
  --el-table-text-color: var(--text-original);
  --el-table-header-text-color: var(--text-original);
  background-color: var(--module-bg-color) !important;
  font-size: 14px;
}

/* 表头样式 */
.table-container :deep(.el-table__header-wrapper) {
  background-color: var(--module-bg-color);
}

.table-container :deep(.el-table__header th) {
  background-color: var(--module-bg-color) !important;
  color: var(--text-original) !important;
  font-weight: 600;
  border-bottom: 1px solid var(--border-color);
  padding: 16px 12px;
}

.table-container :deep(.el-table__header th.el-table__cell) {
  background-color: var(--module-bg-color) !important;
}

/* 表体样式 */
.table-container :deep(.el-table__body-wrapper) {
  background-color: var(--module-bg-color);
}

.table-container :deep(.el-table__body tr) {
  background-color: var(--module-bg-color) !important;
  height: 60px;
}

.table-container :deep(.el-table__body tr:hover > td) {
  background-color: var(--background-color) !important;
}

/* 斑马纹 - 更柔和 */
.table-container :deep(.el-table--striped .el-table__body tr.el-table__row--striped td) {
  background-color: rgba(0, 0, 0, 0.02) !important;
}

/* 单元格样式 - 极浅分割线 */
.table-container :deep(.el-table__cell) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  color: var(--text-original);
  padding: 16px 12px;
}

/* 最后一行无边框 */
.table-container :deep(.el-table__body tr:last-child td) {
  border-bottom: none;
}

/* 固定列背景 */
.table-container :deep(.el-table__fixed-right) {
  background-color: var(--module-bg-color);
}

.table-container :deep(.el-table__fixed-right-patch) {
  background-color: var(--module-bg-color);
}

.table-container :deep(.el-table__fixed-right .el-table__fixed-body-wrapper) {
  background-color: var(--module-bg-color);
}

/* 空状态 */
.table-container :deep(.el-table__empty-block) {
  background-color: var(--module-bg-color);
}

.table-container :deep(.el-table__empty-text) {
  color: var(--text-original);
}

/* 滚动条样式 */
.table-container :deep(.el-scrollbar__bar) {
  opacity: 0.5;
}

.table-container :deep(.el-scrollbar__thumb) {
  background-color: var(--border-color);
  border-radius: 4px;
}

.table-container :deep(.el-scrollbar__thumb:hover) {
  background-color: var(--text-modified);
}

/* el-button 主题覆盖 */
.table-container :deep(.el-button--primary) {
  --el-button-bg-color: var(--text-modified);
  --el-button-border-color: var(--text-modified);
  --el-button-hover-bg-color: var(--text-modified);
  --el-button-hover-border-color: var(--text-modified);
  --el-button-active-bg-color: var(--text-modified);
  --el-button-active-border-color: var(--text-modified);
}

.table-container :deep(.el-button--primary:hover) {
  opacity: 0.85;
}

.table-container :deep(.el-button--default) {
  --el-button-bg-color: var(--module-bg-color);
  --el-button-border-color: var(--border-color);
  --el-button-text-color: var(--text-original);
  --el-button-hover-bg-color: var(--background-color);
  --el-button-hover-border-color: var(--text-modified);
  --el-button-hover-text-color: var(--text-modified);
}

/* el-tag 主题覆盖 */
.table-container :deep(.el-tag--success) {
  --el-tag-bg-color: rgba(103, 194, 58, 0.2);
  --el-tag-border-color: rgba(103, 194, 58, 0.4);
  --el-tag-text-color: #67c23a;
}

.table-container :deep(.el-tag--warning) {
  --el-tag-bg-color: rgba(230, 162, 60, 0.2);
  --el-tag-border-color: rgba(230, 162, 60, 0.4);
  --el-tag-text-color: #e6a23c;
}

.table-container :deep(.el-tag--danger) {
  --el-tag-bg-color: rgba(245, 108, 108, 0.2);
  --el-tag-border-color: rgba(245, 108, 108, 0.4);
  --el-tag-text-color: #f56c6c;
}

.table-container :deep(.el-tag--info) {
  --el-tag-bg-color: rgba(144, 147, 153, 0.2);
  --el-tag-border-color: rgba(144, 147, 153, 0.4);
  --el-tag-text-color: #909399;
}

/* el-dropdown 主题覆盖 */
.table-container :deep(.el-dropdown-menu) {
  background-color: var(--module-bg-color);
  border: 1px solid var(--border-color);
}

.table-container :deep(.el-dropdown-menu__item) {
  color: var(--text-original);
}

.table-container :deep(.el-dropdown-menu__item:hover) {
  background-color: var(--background-color);
  color: var(--text-modified);
}

/* el-loading 主题覆盖 */
.table-container :deep(.el-loading-mask) {
  background-color: rgba(0, 0, 0, 0.4);
}

.table-container :deep(.el-loading-spinner .circular) {
  stroke: var(--text-modified);
}

.table-container :deep(.el-loading-spinner .el-loading-text) {
  color: var(--text-original);
}

/* 分页器主题覆盖 */
.pagination-container :deep(.el-pagination) {
  --el-pagination-bg-color: var(--module-bg-color);
  --el-pagination-text-color: var(--text-original);
  --el-pagination-button-bg-color: var(--module-bg-color);
  --el-pagination-button-color: var(--text-original);
  --el-pagination-hover-color: var(--text-modified);
}

.pagination-container :deep(.el-pager li) {
  background-color: var(--module-bg-color) !important;
  border: 1px solid var(--border-color);
  color: var(--text-original) !important;
  border-radius: 8px;
  margin: 0 4px;
  min-width: 36px;
  height: 36px;
  transition: all 0.3s ease;
}

.pagination-container :deep(.el-pager li:hover) {
  color: var(--text-modified) !important;
  border-color: var(--text-modified);
  transform: translateY(-1px);
}

.pagination-container :deep(.el-pager li.is-active) {
  background-color: var(--text-modified) !important;
  border-color: var(--text-modified);
  color: #fff !important;
}

.pagination-container :deep(.btn-prev),
.pagination-container :deep(.btn-next) {
  background-color: var(--module-bg-color) !important;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  color: var(--text-original) !important;
  min-width: 36px;
  height: 36px;
  transition: all 0.3s ease;
}

.pagination-container :deep(.btn-prev:hover),
.pagination-container :deep(.btn-next:hover) {
  color: var(--text-modified) !important;
  border-color: var(--text-modified);
  transform: translateY(-1px);
}

.pagination-container :deep(.btn-prev:disabled),
.pagination-container :deep(.btn-next:disabled) {
  opacity: 0.5;
  color: var(--text-original) !important;
}

.pagination-container :deep(.el-select__wrapper) {
  background-color: var(--module-bg-color) !important;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  box-shadow: none !important;
  transition: all 0.3s ease;
}

.pagination-container :deep(.el-select__wrapper:hover) {
  border-color: var(--text-modified);
}

.pagination-container :deep(.el-select__placeholder) {
  color: var(--text-original) !important;
}

.pagination-container :deep(.el-input__wrapper) {
  background-color: var(--module-bg-color) !important;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  box-shadow: none !important;
  transition: all 0.3s ease;
}

.pagination-container :deep(.el-input__wrapper:hover) {
  border-color: var(--text-modified);
}

.pagination-container :deep(.el-input__inner) {
  color: var(--text-original) !important;
}

.pagination-container :deep(.el-pagination__jump) {
  color: var(--text-original) !important;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .history-tabs {
    overflow-x: auto;
  }

  .history-tab {
    padding: 10px 16px;
    font-size: 14px;
    white-space: nowrap;
  }

  .pagination-container {
    flex-direction: column;
    gap: 12px;
  }
}
/* 模型排行页面样式 - 现代化重构 (卡片式布局) */
.model-ranking-wrapper {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background-color: var(--background-color, #f5f7fa);
  box-sizing: border-box;
  overflow: hidden;
  height: 100%;
  min-width: 80rem;
}

.model-ranking-container {
  width: 100%;
  background-color: var(--module-bg-color, #ffffff);
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
  min-height: 0;
  border-radius: 0px;
}

/* 头部区域 */
.model-ranking-header {
  padding: 12px 20px;
  border-bottom: 1px solid var(--border-color, #e5e5e5);
  flex-shrink: 0;
}

.header-title-group {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.header-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-original, #333);
  margin: 0;
}

.header-subtitle {
  font-size: 13px;
  color: #999;
  margin: 0;
}

/* 导出按钮 */
.download-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background-color: var(--module-bg-color, #ffffff);
  border: 1px solid var(--border-color, #e5e5e5);
  border-radius: 8px;
  color: #666;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.download-btn svg {
  width: 16px;
  height: 16px;
}

.download-btn:hover {
  border-color: var(--text-modified, #5a67d8);
  color: var(--text-modified, #5a67d8);
  background-color: var(--btn-secondary-bg, rgba(90, 103, 216, 0.05));
}

.download-btn:active {
  transform: translateY(1px);
}

/* 筛选器区域 */
.model-ranking-filters {
  padding: 10px 20px;
  background-color: var(--module-bg-color, #ffffff);
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
  border-bottom: 1px dashed var(--border-color, #e5e5e5);
  flex-shrink: 0;
}

/* KPI 卡片区域 */
.kpi-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  padding: 12px 20px;
  min-height: 70px;
  flex-shrink: 0;
}

.kpi-card {
  background-color: var(--background-color, #f9fafb);
  border-radius: 8px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid transparent;
}

.kpi-card:hover {
  border-color: var(--border-color, rgba(0, 0, 0, 0.04));
  background-color: var(--module-bg-color, #fff);
}

.kpi-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.kpi-icon svg {
  width: 16px;
  height: 16px;
}

.kpi-icon.total-icon {
  background-color: rgba(59, 130, 246, 0.1);
  color: #3b82f6;
}

.kpi-icon.top-icon {
  background-color: rgba(245, 158, 11, 0.1);
  color: #f59e0b;
}

.kpi-icon.active-icon {
  background-color: rgba(16, 185, 129, 0.1);
  color: #10b981;
}

.kpi-content {
  flex: 1;
  min-width: 0;
}

.kpi-label {
  font-size: 13px;
  color: #888;
  margin-bottom: 2px;
}

.kpi-value {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-original, #333);
  line-height: 1.2;
}

.kpi-value.small {
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.kpi-sub-value {
  font-size: 10px;
  color: #999;
  margin-top: 1px;
}

/* 热门模型卡片 */
.top-models-card {
  align-items: flex-start;
}

.top-models-card .kpi-icon {
  margin-top: 2px;
}

.top-models-list {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-top: 2px;
}

.top-model-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
}

.top-model-item .rank {
  width: 14px;
  height: 14px;
  border-radius: 3px;
  background: linear-gradient(135deg, #f59e0b, #f97316);
  color: #fff;
  font-size: 9px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.top-model-item:nth-child(2) .rank {
  background: linear-gradient(135deg, #94a3b8, #64748b);
}

.top-model-item:nth-child(3) .rank {
  background: linear-gradient(135deg, #d97706, #b45309);
}

.top-model-item .name {
  flex: 1;
  color: var(--text-original, #555);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 140px;
}

.top-model-item .count {
  color: #999;
  font-size: 10px;
  flex-shrink: 0;
}

/* 骨架屏动画 */
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

.skeleton-card .skeleton-icon,
.skeleton-card .skeleton-text,
.skeleton-chart {
  background: linear-gradient(90deg, var(--skeleton-base, rgba(128, 128, 128, 0.1)) 25%, var(--skeleton-highlight, rgba(128, 128, 128, 0.2)) 50%, var(--skeleton-base, rgba(128, 128, 128, 0.1)) 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite linear;
  border-radius: 4px;
}

.skeleton-card .skeleton-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
}

.skeleton-card .skeleton-text {
  height: 20px;
  margin-bottom: 8px;
}

.skeleton-card .skeleton-text.sm {
  width: 60px;
  height: 14px;
}

.skeleton-card .skeleton-text.lg {
  width: 100px;
  height: 24px;
}

.skeleton-chart {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, var(--skeleton-base, rgba(128, 128, 128, 0.1)) 25%, var(--skeleton-highlight, rgba(128, 128, 128, 0.2)) 50%, var(--skeleton-base, rgba(128, 128, 128, 0.1)) 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite linear;
  z-index: 5;
}

/* 空状态与错误状态 */
.chart-placeholder.empty-state,
.chart-placeholder.error-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: none;
  box-shadow: none;
}

.empty-icon {
  width: 64px;
  height: 64px;
  color: #e5e5e5;
}

.error-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fee2e2;
  color: #ef4444;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
}

/* 响应式适配更新 */
@media (max-width: 768px) {
  .kpi-grid {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 16px 20px 0;
  }

  .kpi-card {
    padding: 16px;
  }

  .download-btn span {
    display: none; /* 移动端只显示图标 */
  }

  .download-btn {
    padding: 8px;
  }
}

/* 入场动画 */
@keyframes fadeInSlideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-enter {
  animation: fadeInSlideUp 0.6s ease-out forwards;
}

/* 延迟动画，用于错开显示 */
.delay-100 {
  animation-delay: 0.1s;
}

.delay-200 {
  animation-delay: 0.2s;
}

/* 筛选标签 */
.filter-label {
  font-size: 14px;
  color: #888;
  font-weight: 500;
  margin-right: 6px;
}

.filter-group {
  display: flex;
  align-items: center;
}

/* 分段控制器 (Segmented Control) */
.segment-group {
  display: inline-flex;
  background-color: var(--background-color, #f5f7fa);
  padding: 2px;
  border-radius: 6px;
  border: 1px solid var(--border-color, #e5e5e5);
}

.segment-btn {
  border: none;
  background: transparent;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 14px;
  color: #666;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 500;
  outline: none;
}

.segment-btn:focus {
  outline: none;
}

.segment-btn:hover {
  color: var(--text-modified, #5a67d8);
}

.segment-btn.active {
  background-color: var(--module-bg-color, #ffffff);
  color: var(--text-modified, #5a67d8);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  font-weight: 600;
}

/* 自定义下拉菜单 (Custom Dropdown) */
.custom-select-wrapper {
  position: relative;
  display: inline-block;
  min-width: 120px;
}

.custom-select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 12px;
  background-color: var(--background-color, #f5f7fa);
  border: 1px solid var(--border-color, #e5e5e5);
  border-radius: 6px;
  font-size: 14px;
  color: var(--text-original, #333);
  cursor: pointer;
  transition: all 0.2s ease;
  user-select: none;
  outline: none;
}

.custom-select-trigger:focus {
  outline: none;
}

.custom-select-trigger:hover {
  border-color: var(--text-modified, #5a67d8);
}

.custom-select-trigger.active {
  border-color: var(--text-modified, #5a67d8);
  box-shadow: 0 0 0 2px var(--btn-secondary-bg, rgba(90, 103, 216, 0.1));
}

.select-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #888;
  margin-left: 10px;
  transition: transform 0.2s ease;
}

.custom-select-trigger.active .select-arrow {
  transform: rotate(180deg);
  border-top-color: var(--text-modified, #5a67d8);
}

.custom-select-options {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  background-color: var(--module-bg-color, #ffffff);
  border: 1px solid var(--border-color, #e5e5e5);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  z-index: 10;
  max-height: 240px;
  overflow-y: auto;
  padding: 4px;
}

/* 滚动条美化 */
.custom-select-options::-webkit-scrollbar {
  width: 6px;
}

.custom-select-options::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border-radius: 3px;
}

.select-option {
  padding: 8px 12px;
  font-size: 14px;
  color: var(--text-original, #333);
  cursor: pointer;
  border-radius: 4px;
  transition: background 0.1s ease;
  outline: none;
}

.select-option:focus {
  outline: none;
}

.select-option:hover {
  background-color: var(--btn-secondary-bg, rgba(90, 103, 216, 0.1));
  color: var(--text-modified, #5a67d8);
}

.select-option.selected {
  background-color: var(--btn-secondary-bg, rgba(90, 103, 216, 0.1));
  color: var(--text-modified, #5a67d8);
  font-weight: 600;
}

/* 图表区域 */
.chart-with-legend {
  flex: 1;
  display: flex;
  gap: 16px;
  padding: 12px 20px 16px;
  position: relative;
  min-height: 0;
  overflow: hidden;
}

.model-ranking-chart {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  min-width: 0;
}

.chart-content {
  position: relative;
  width: 100%;
  flex: 1;
  min-height: 360px;
}

.model-ranking-chart-inner {
  width: 100%;
  height: 100%;
  min-height: 360px;
}

.chart-placeholder {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #999;
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 8px 16px;
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

/* 响应式适配 */
@media (max-width: 768px) {
  .model-ranking-wrapper {
    padding: 8px;
  }

  .model-ranking-container {
    min-height: auto;
  }

  .model-ranking-header {
    padding: 10px 12px;
  }

  .model-ranking-filters {
    padding: 8px 12px;
    gap: 10px;
  }

  .filter-group {
    width: 100%;
    justify-content: space-between;
  }

  .segment-group {
    flex: 1;
    display: flex;
  }

  .segment-btn {
    flex: 1;
    text-align: center;
  }

  .custom-select-wrapper {
    width: 100%;
  }

  .kpi-grid {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 8px 12px;
  }

  .model-ranking-chart {
    padding: 8px 12px 12px;
    min-height: 240px;
  }

  .model-ranking-chart-inner {
    min-height: 220px;
  }
}

.profile-container[data-v-982f39e4] {
  width: 100%;
  padding: 30px;
  max-width: 500px;
  margin: 0 auto;
  background-color: var(--module-bg-color, #fff);
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.profile-header[data-v-982f39e4] {
  padding: 20px;
  border-bottom: 1px solid var(--border-color, #f0f0f0);
  text-align: center;
}
.profile-title[data-v-982f39e4] {
  font-size: 26px;
  font-weight: bold;
  color: var(--text-original, #333);
  margin: 0;
}
.profile-content[data-v-982f39e4] {
  padding: 20px;
}
.info-row[data-v-982f39e4] {
  display: flex;
  padding: 15px 0;
  border-bottom: 1px solid var(--border-color, #f0f0f0);
}
.info-row[data-v-982f39e4]:last-of-type {
  border-bottom: none;
}
.info-label[data-v-982f39e4] {
  width: 100px;
  color: var(--text-original, #666);
  font-size: 18px;
}
.info-value[data-v-982f39e4] {
  flex: 1;
  color: var(--text-original, #333);
  font-size: 18px;
  padding-left: 10px;
}
.membership-level[data-v-982f39e4] {
  display: flex;
  align-items: center;
}
.membership-icon[data-v-982f39e4] {
  font-size: 24px;
  margin-right: 8px;
  color: var(--text-modified, #db5e77);
}
.membership-name[data-v-982f39e4] {
  font-size: 18px;
  color: var(--text-modified, #db5e77);
  font-weight: bold;
}
.logout-row[data-v-982f39e4] {
  margin-top: 30px;
  text-align: center;
}
.logout-btn[data-v-982f39e4] {
  background-color: var(--btn-secondary-bg, #d23f3f);
  color: var(--text-original, white);
  border: none;
  border-radius: 4px;
  padding: 10px 0;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s;
  width: 100%;
}
.logout-btn[data-v-982f39e4]:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}

/* 移动端响应式样式 */
@media (max-width: 768px) {
.profile-container[data-v-982f39e4] {
    width: 100%;
    padding: 20px;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    min-height: 100vh;
}
.profile-header[data-v-982f39e4] {
    padding: 15px;
}
.profile-title[data-v-982f39e4] {
    font-size: 22px;
}
.profile-content[data-v-982f39e4] {
    padding: 15px;
}
.info-row[data-v-982f39e4] {
    padding: 12px 0;
    flex-direction: column;
    gap: 5px;
}
.info-label[data-v-982f39e4] {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
}
.info-value[data-v-982f39e4] {
    font-size: 16px;
    padding-left: 0;
}
.logout-row[data-v-982f39e4] {
    margin-top: 40px;
    padding: 0 10px;
}
.logout-btn[data-v-982f39e4] {
    padding: 12px 0;
    font-size: 16px;
    border-radius: 6px;
}
}
@media (max-width: 480px) {
.profile-container[data-v-982f39e4] {
    padding: 15px;
}
.profile-header[data-v-982f39e4] {
    padding: 10px;
}
.profile-title[data-v-982f39e4] {
    font-size: 20px;
}
.profile-content[data-v-982f39e4] {
    padding: 10px;
}
.info-row[data-v-982f39e4] {
    padding: 10px 0;
}
.info-label[data-v-982f39e4] {
    font-size: 14px;
}
.info-value[data-v-982f39e4] {
    font-size: 14px;
}
.logout-btn[data-v-982f39e4] {
    font-size: 14px;
}
}

.login-container[data-v-da77e333] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 24px;
}
.login-card[data-v-da77e333] {
  width: 100%;
  max-width: 520px;
  background-color: var(--module-bg-color, #ffffff);
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  padding: 28px 28px 32px;
}
.login-avatar[data-v-da77e333] {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: var(--background-color, #f2f3f5);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-original, #a3a6ad);
  margin: 0 auto 12px;
}
.login-title-main[data-v-da77e333] {
  text-align: center;
  font-size: 22px;
  color: var(--text-original, #333);
  margin: 0 0 20px 0;
}
.tab-pane[data-v-da77e333] {
  padding-top: 4px;
}
.scan-login[data-v-da77e333] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.qr-code-container[data-v-da77e333] {
  width: 200px;
  height: 200px;
  margin: 12px 0 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.qr-code-container.large[data-v-da77e333] { 
  width: 250px; 
  height: 250px; 
  position: relative;
  overflow: hidden;
  margin: 20px auto;
  background: #fff;
  border-radius: 4px;
  padding-top:20px;
}

/* 微信登录iframe - 直接显示后端完整URL */
.wechat-login-iframe[data-v-da77e333] {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
.qr-code[data-v-da77e333] { width: 100%; height: 100%;
}
.qr-fallback-image[data-v-da77e333] { 
  width: 200px; 
  height: 200px; 
  border: 1px solid var(--border-color, #e1e1e1); 
  border-radius: 8px; 
  object-fit: contain;
}
.qr-loading[data-v-da77e333] { 
  text-align: center; 
  padding: 60px 20px; 
  color: var(--text-original, #999); 
  font-size: 14px;
}
.scan-instructions[data-v-da77e333] { 
  font-size: 15px; 
  color: var(--text-original, #555); 
  margin-bottom: 10px;
  font-weight: 500;
}
@media (max-width: 520px) {
.login-card[data-v-da77e333] { margin: 0 12px; padding: 20px;
}
}

.records-modal-overlay[data-v-b28a67f3] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.records-modal-content[data-v-b28a67f3] {
  background-color: white;
  border-radius: 8px;
  width: 800px;
  max-width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  padding: 20px;
  position: relative;
}
.modal-header[data-v-b28a67f3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.modal-header h2[data-v-b28a67f3] {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.close-button[data-v-b28a67f3] {
  background: none;
  border: none;
  font-size: 24px;
  color: #888;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
.close-button[data-v-b28a67f3]:hover {
  color: #333;
}
.alert-message[data-v-b28a67f3] {
  background-color: #fff7e6;
  border-left: 4px solid #ffab00;
  padding: 10px 15px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  position: relative;
}
.alert-icon[data-v-b28a67f3] {
  margin-right: 10px;
}
.close-alert[data-v-b28a67f3] {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #999;
  cursor: pointer;
  font-size: 16px;
}
.records-list[data-v-b28a67f3] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.record-item[data-v-b28a67f3] {
  border: 1px solid #eee;
  border-radius: 6px;
  padding: 15px;
  background-color: #fafafa;
}
.record-header[data-v-b28a67f3] {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin-bottom: 10px;
  color: #666;
}
.record-type[data-v-b28a67f3] {
  margin-left: 10px;
  background-color: #e6f7ff;
  color: #1890ff;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
}
.record-date[data-v-b28a67f3] {
  color: #999;
}
.record-content[data-v-b28a67f3] {
  margin-bottom: 10px;
  display: flex;
}
.content-label[data-v-b28a67f3] {
  color: #666;
  min-width: 80px;
}
.content-value[data-v-b28a67f3] {
  flex: 1;
  color: #333;
}
.record-details[data-v-b28a67f3] {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed #eee;
}
.detail-item[data-v-b28a67f3] {
  display: flex;
  align-items: center;
}
.detail-label[data-v-b28a67f3] {
  color: #666;
  margin-right: 5px;
}
.detail-value[data-v-b28a67f3] {
  color: #333;
}
.record-status[data-v-b28a67f3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.status-label[data-v-b28a67f3] {
  color: #666;
}
.status-value[data-v-b28a67f3] {
  color: #52c41a;
  font-weight: 500;
}
.record-actions[data-v-b28a67f3] {
  display: flex;
  gap: 10px;
}
.action-btn[data-v-b28a67f3] {
  padding: 6px 12px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background-color: white;
  color: #666;
  cursor: pointer;
  font-size: 13px;
  transition: all 0.3s;
}
.action-btn[data-v-b28a67f3]:hover {
  border-color: #4468fb;
  color: #4468fb;
}
.primary-btn[data-v-b28a67f3] {
  background-color: #4468fb;
  color: white;
  border-color: #4468fb;
}
.primary-btn[data-v-b28a67f3]:hover {
  background-color: #3a5be8;
  color: white;
  border-color: #3a5be8;
}
/* 调试信息样式 */
.Homepage-debug-info {
  position: fixed;
  top: 80px;
  right: 10px;
  background: rgba(0, 0, 0, 0.9);
  color: #0f0;
  padding: 15px;
  border-radius: 5px;
  max-width: 400px;
  max-height: 500px;
  overflow-y: auto;
  z-index: 9999;
  font-family: monospace;
  font-size: 12px;
}

.Homepage-debug-info h4 {
  color: #0ff;
  margin: 0 0 10px;
}

.Homepage-debug-info p {
  margin: 5px 0;
}

.Homepage-debug-info details {
  margin-top: 10px;
}

.Homepage-debug-info pre {
  background: #000;
  padding: 10px;
  border-radius: 3px;
  overflow-x: auto;
  font-size: 11px;
}

/* 通用容器样式 */
.Homepage-container {
  position: relative;
  background-color: var(--background-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  box-sizing: border-box;
  min-height: auto;
  overflow: visible;
  width: 100%;
}

.Homepage-content {
  text-align: center;
  margin-top: 0;
  padding-top: 120px;
  width: 100%;
  z-index: 2;
  position: relative;
}

.Homepage-content-container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  width: 100%;
}

/* 标题样式 */
.Homepage-header-section {
  margin-bottom: 60px;
}

.Homepage-main-title {
  font-size: 4rem;
  font-weight: bold;
  color: var(--text-modified, white);
  margin: 0 0 20px;
  text-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  letter-spacing: 2px;
}

.Homepage-subtitle {
  font-size: 1.2rem;
  color: var(--text-original, rgba(255, 255, 255, 0.9));
  line-height: 1.6;
  margin: 0 auto;
  max-width: 600px;
}

/* 功能卡片网格 */
.Homepage-features-grid {
  display: flex;
  justify-content: center;
  gap: 10%;
  margin-bottom: 60px;
  position: relative;
  z-index: 2;
}

.Homepage-feature-card {
  background-color: var(--module-bg-color, rgba(255, 255, 255, 0.1));
  backdrop-filter: blur(10px);
  border-radius: 16px;
  padding: 15px;
  width: 300px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.Homepage-feature-card:hover {
  transform: translateY(-10px);
  background: var(--module-bg-color, rgba(255, 255, 255, 0.15));
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

.Homepage-feature-icon {
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}

.Homepage-feature-icon img {
  width: 40px;
  height: 40px;
}

.Homepage-feature-title {
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--text-modified, white);
  margin: 0 0 15px;
}

.Homepage-feature-description {
  font-size: 1rem;
  color: var(--text-original, rgba(255, 255, 255, 0.8));
  line-height: 1.5;
  margin: 0;
}

/* 行动按钮 */
.Homepage-cta-container {
  margin: 20px 0 60px;
  position: relative;
  z-index: 2;
}

.Homepage-cta-button {
  background: var(--btn-primary-bg, linear-gradient(135deg, #db5e77 0%, #c00c60 50%, #e5079f 100%));
  color: var(--text-original, #ffffff);
  font-size: 18px;
  font-weight: bold;
  padding: 17px 40px;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.Homepage-cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
  opacity: 0.9;
}

/* 通用卡片样式 */
.Homepage-feedback-section {
  min-width: 80vw;
  background-color: var(--bg-color-primary);
  padding: 80px;
  position: relative;
  z-index: 2;
}

.Homepage-showcase-section {
  min-width: 50vw;
  max-width: 80vw;
  background-color: var(--bg-color-primary);
  padding: 80px;
  position: relative;
  z-index: 2;
}

.Homepage-feedback-container, .Homepage-showcase-container {
  margin: 0 auto;
  padding: 0 20px;
}

.Homepage-feedback-title, .Homepage-showcase-title {
  font-size: 2.5rem;
  font-weight: bold;
  color: var(--text-original, #2d3436);
  text-align: center;
  margin-bottom: 60px;
  position: relative;
}

.Homepage-feedback-title::after, .Homepage-showcase-title::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 4px;
  background: var(--border-color, linear-gradient(135deg, #db5e77, #e5079f));
  border-radius: 2px;
}

.Homepage-feedback-grid, .Homepage-showcase-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(308px, 1fr));
  gap: 5%;
  margin-top: 40px;
}

.Homepage-feedback-card, .Homepage-showcase-card {
  background: var(--module-bg-color, white);
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.Homepage-feedback-card::before, .Homepage-showcase-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--border-color, linear-gradient(135deg, #db5e77, #e5079f));
}

.Homepage-feedback-card:hover, .Homepage-showcase-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

/* 用户反馈特定样式 */
.Homepage-feedback-content {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 25px;
}

.Homepage-user-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  color: white;
  flex-shrink: 0;
}

.Homepage-user-avatar.avatar-0 { background: var(--btn-primary-bg, linear-gradient(135deg, #db5e77, #c00c60)); }
.Homepage-user-avatar.avatar-1 { background: var(--btn-primary-bg, linear-gradient(135deg, #c00c60, #e5079f)); }
.Homepage-user-avatar.avatar-2 { background: var(--btn-primary-bg, linear-gradient(135deg, #e5079f, #db5e77)); }
.Homepage-user-avatar.avatar-3 { background: var(--btn-primary-bg, linear-gradient(135deg, #667eea, #764ba2)); }
.Homepage-user-avatar.avatar-4 { background: var(--btn-primary-bg, linear-gradient(135deg, #f093fb, #f5576c)); }
.Homepage-user-avatar.avatar-5 { background: var(--btn-primary-bg, linear-gradient(135deg, #4facfe, #00f2fe)); }

.Homepage-feedback-text {
  font-size: 16px;
  line-height: 1.6;
  color: var(--text-original, #2d3436);
  margin: 0;
  flex: 1;
}

.Homepage-user-info {
  padding-left: 65px;
}

.Homepage-user-name {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-original, #2d3436);
  margin: 0 0 5px;
}

.Homepage-user-major {
  font-size: 14px;
  color: var(--text-original, #636e72);
  margin: 0;
}

/* 效果展示特定样式 */
.Homepage-showcase-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.Homepage-showcase-card-title {
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--text-original, #2d3436);
  margin: 0;
}

.Homepage-showcase-btn {
  background: none;
  border: none;
  font-size: 1rem;
  font-weight: bold;
  color: var(--text-original, #2d3436);
  cursor: pointer;
  transition: all 0.3s ease;
}

.Homepage-showcase-btn.primary { color: var(--text-modified, #db5e77); }
.Homepage-showcase-btn.secondary { color: var(--text-modified, #c00c60); }

.Homepage-showcase-btn:hover {
  transform: translateY(-2px);
}

.Homepage-text-comparison {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 20px;
}

.Homepage-text-block {
  flex: 1;
}

.Homepage-text-label {
  font-size: 1rem;
  font-weight: bold;
  color: var(--text-original, #2d3436);
  margin: 0 0 10px;
}

.Homepage-text-content {
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
  padding: 15px;
  border-radius: 8px;
  border-left: 4px solid transparent;
  background-color: var(--background-color, #f8f9fa);
}

.Homepage-text-content.original {
  color: var(--text-original, #636e72);
  border-left-color: var(--text-modified, #ff6b6b);
  background-color: var(--module-bg-color, #fff5f5);
}

.Homepage-text-content.processed {
  color: var(--text-modified, #db5e77);
  border-left-color: var(--text-modified, #00b894);
  background-color: var(--module-bg-color, #f0fff4);
}

.Homepage-metrics {
  display: flex;
  justify-content: space-around;
  background-color: var(--background-color, #f8f9fa);
  border-radius: 12px;
  padding: 20px;
  margin-top: 20px;
}

.Homepage-metric {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.Homepage-metric-label {
  font-size: 1rem;
  color: var(--text-original, #636e72);
  margin: 0 0 5px;
}

.Homepage-metric-value {
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--text-original, #2d3436);
}

.Homepage-metric-value.original-value {
  color: var(--text-modified, #ff6b6b);
  font-size: 2rem;
}

.Homepage-metric-value.processed-value {
  color: var(--text-modified, #00b894);
  font-size: 2rem;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .Homepage-container { padding: 10px; }
  .Homepage-main-title { font-size: 2.5rem; margin-bottom: 15px; }
  .Homepage-subtitle { font-size: 1rem; padding: 0 15px; line-height: 1.5; }
  .Homepage-features-grid { flex-direction: column; align-items: center; gap: 20px; padding: 0 15px; }
  .Homepage-feature-card { width: 100%; max-width: 320px; padding: 20px; }
  .Homepage-feature-icon img { width: 35px; height: 35px; }
  .Homepage-feature-title { font-size: 1.3rem; margin-bottom: 10px; }
  .Homepage-feature-description { font-size: 0.9rem; }
  .Homepage-cta-button { font-size: 16px; padding: 15px 35px; }
  
  .Homepage-feedback-section, .Homepage-showcase-section { padding: 40px 15px; }
  .Homepage-feedback-title, .Homepage-showcase-title { font-size: 1.8rem; margin-bottom: 30px; }
  .Homepage-feedback-grid, .Homepage-showcase-grid { grid-template-columns: 1fr; gap: 20px; padding: 0 10px; }
  .Homepage-feedback-card, .Homepage-showcase-card { padding: 20px 15px; }
  
  .Homepage-feedback-content { gap: 10px; }
  .Homepage-user-avatar { width: 40px; height: 40px; font-size: 15px; }
  .Homepage-feedback-text { font-size: 0.9rem; line-height: 1.5; }
  .Homepage-user-info { padding-left: 50px; }
  .Homepage-user-name { font-size: 0.95rem; }
  .Homepage-user-major { font-size: 0.8rem; }
  
  .Homepage-showcase-header { flex-direction: column; align-items: flex-start; gap: 8px; margin-bottom: 15px; }
  .Homepage-showcase-card-title { font-size: 1.2rem; }
  .Homepage-text-comparison { flex-direction: column; gap: 15px; }
  .Homepage-text-content { font-size: 0.9rem; padding: 12px; }
  .Homepage-metrics { padding: 15px; gap: 15px; }
  .Homepage-metric-value { font-size: 1.2rem; }
  .Homepage-metric-value.original-value, .Homepage-metric-value.processed-value { font-size: 1.5rem; }
}

@media (max-width: 480px) {
  .Homepage-container { padding: 5px; }
  .Homepage-main-title { font-size: 2rem; margin-bottom: 10px; }
  .Homepage-subtitle { font-size: 0.9rem; padding: 0 10px; }
  .Homepage-feature-card { padding: 15px; }
  .Homepage-feature-title { font-size: 1.2rem; }
  .Homepage-feature-description { font-size: 0.85rem; }
  .Homepage-cta-button { font-size: 15px; padding: 12px 30px; }
  
  .Homepage-feedback-section, .Homepage-showcase-section { padding: 30px 10px; }
  .Homepage-feedback-title, .Homepage-showcase-title { font-size: 1.5rem; margin-bottom: 25px; }
  .Homepage-feedback-card, .Homepage-showcase-card { padding: 15px 12px; }
  .Homepage-feedback-text { font-size: 0.85rem; }
  
  .Homepage-showcase-card-title { font-size: 1.1rem; }
  .Homepage-text-content { font-size: 0.85rem; padding: 10px; }
  .Homepage-metrics { padding: 12px; }
  .Homepage-metric-value { font-size: 1.1rem; }
  .Homepage-metric-value.original-value, .Homepage-metric-value.processed-value { font-size: 1.3rem; }
}
.Homepage-three-particles-container[data-v-8c7c3c35] {
  position: absolute;
  top: -25%;
  left: 0;
  width: 100%;
  height: 140%;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}
.Homepage-three-particles-container canvas[data-v-8c7c3c35] {
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.aboutus-container[data-v-57c242b7] {
  width: 100%;
  min-height: 100vh;
  background-color: var(--background-color, #f5f7fa);
}

/* 蓝色背景的标题区域 */
.hero-section[data-v-57c242b7] {
  background: var(--module-bg-color, white);
  padding: 120px 0 100px 0;
  text-align: center;
  color: var(--text-original, #333);
  position: relative;
}
.main-title[data-v-57c242b7] {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 20px;
  letter-spacing: 2px;
  color: var(--text-modified, #db5e77);
}
.subtitle[data-v-57c242b7] {
  font-size: 20px;
  font-weight: 400;
  margin: 0;
  letter-spacing: 1px;
  color: var(--text-original, #666);
}

/* 内容区域 */
.content-section[data-v-57c242b7] {
  padding: 80px 0;
  background-color: var(--background-color, #f5f7fa);
}
.intro-container[data-v-57c242b7] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
  text-align: center;
}
.section-title[data-v-57c242b7] {
  font-size: 36px;
  font-weight: 600;
  color: var(--text-modified, #db5e77);
  margin-bottom: 60px;
  position: relative;
}
.section-title[data-v-57c242b7]::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: var(--text-modified, #db5e77);
  border-radius: 2px;
}
.intro-content[data-v-57c242b7] {
  max-width: 803px;
  margin: 0 auto;
}
.intro-paragraph[data-v-57c242b7] {
  color: var(--text-original, #666);
  font-size: 1.1rem;
  line-height: 1.8;
  margin-bottom: 20px;
  text-align: center;
  letter-spacing: 0.5px;
}
.intro-paragraph[data-v-57c242b7]:last-child {
  margin-bottom: 0;
}

/* 响应式设计 */
@media (max-width: 768px) {
.hero-section[data-v-57c242b7] {
    padding: 80px 20px 60px 20px;
}
.main-title[data-v-57c242b7] {
    font-size: 32px;
}
.subtitle[data-v-57c242b7] {
    font-size: 16px;
}
.intro-container[data-v-57c242b7] {
    padding: 0 20px;
}
.advantages-container[data-v-57c242b7] {
    padding: 0 20px;
}
.advantages-grid[data-v-57c242b7] {
    grid-template-columns: 1fr;
    gap: 30px;
    margin-top: 40px;
}
.advantage-card[data-v-57c242b7] {
    padding: 30px 25px;
}
.section-title[data-v-57c242b7] {
    font-size: 28px;
}
.intro-paragraph[data-v-57c242b7] {
    font-size: 16px;
    text-align: left;
}
.advantage-title[data-v-57c242b7] {
    font-size: 20px;
}
.advantage-description[data-v-57c242b7] {
    font-size: 15px;
}
}
@media (max-width: 480px) {
.main-title[data-v-57c242b7] {
    font-size: 28px;
}
.subtitle[data-v-57c242b7] {
    font-size: 14px;
}
.section-title[data-v-57c242b7] {
    font-size: 24px;
}
.advantage-card[data-v-57c242b7] {
    padding: 25px 20px;
}
.icon[data-v-57c242b7] {
    width: 50px;
    height: 50px;
}
.icon svg[data-v-57c242b7] {
    width: 24px;
    height: 24px;
}
.advantage-title[data-v-57c242b7] {
    font-size: 18px;
}
.advantage-description[data-v-57c242b7] {
    font-size: 14px;
}
}

/* 核心优势区域 */
.advantages-section[data-v-57c242b7] {
  padding: 80px 0;
  margin-top: 200px;
}
.advantages-container[data-v-57c242b7] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
  text-align: center;
}
.advantages-grid[data-v-57c242b7] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));
  gap: 40px;
  margin-top: 60px;
}
.advantage-card[data-v-57c242b7] {
  background: var(--module-bg-color, white);
  padding: 40px 30px;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  border: 1px solid var(--border-color, rgba(219, 94, 119, 0.08));
  position: relative;
  overflow: hidden;
}
.advantage-card[data-v-57c242b7]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--text-modified, #db5e77);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
.advantage-card[data-v-57c242b7]:hover::before {
  transform: scaleX(1);
}
.advantage-card[data-v-57c242b7]:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
}
.icon-container[data-v-57c242b7] {
  margin-bottom: 25px;
}
.icon[data-v-57c242b7] {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  background: var(--text-modified, #db5e77);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--module-bg-color, white);
  transition: all 0.3s ease;
}
.advantage-card:hover .icon[data-v-57c242b7] {
  transform: scale(1.1);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}
.icon svg[data-v-57c242b7] {
  width: 28px;
  height: 28px;
}
.advantage-title[data-v-57c242b7] {
  font-size: 22px;
  font-weight: 600;
  color: var(--text-modified, #db5e77);
  margin-bottom: 15px;
  letter-spacing: 0.5px;
}
.advantage-description[data-v-57c242b7] {
  font-size: 16px;
  line-height: 1.6;
  color: var(--text-original, #666);
  margin: 0;
  letter-spacing: 0.3px;
}

/* 发展历程区域 */
.timeline-section[data-v-57c242b7] {
  padding: 80px 0;
  background-color: var(--background-color, #f5f7fa);
}
.timeline-container[data-v-57c242b7] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
  text-align: center;
}
.timeline[data-v-57c242b7] {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 60px;
  padding: 0 20px;
}
.timeline[data-v-57c242b7]::before {
  content: "";
  position: absolute;
  top: 30px;
  left: 50px;
  right: 50px;
  height: 2px;
  background: var(--border-color, #e9ecef);
  z-index: 1;
}
.timeline-item[data-v-57c242b7] {
  position: relative;
  text-align: center;
  flex: 1;
  z-index: 2;
}
.timeline-year[data-v-57c242b7] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: var(--text-modified, #db5e77);
  color: var(--module-bg-color, white);
  border-radius: 50%;
  font-size: 16px;
  font-weight: 600;
  margin: 0 auto 30px auto;
  position: relative;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}
.timeline-content[data-v-57c242b7] {
  background: var(--module-bg-color, white);
  padding: 30px 25px;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  border: 1px solid var(--border-color, rgba(219, 94, 119, 0.08));
  transition: all 0.3s ease;
}
.timeline-content[data-v-57c242b7]:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15);
}
.timeline-title[data-v-57c242b7] {
  font-size: 20px;
  font-weight: 600;
  color: var(--text-modified, #db5e77);
  margin-bottom: 15px;
  letter-spacing: 0.5px;
}
.timeline-description[data-v-57c242b7] {
  font-size: 15px;
  line-height: 1.6;
  color: var(--text-original, #666);
  margin: 0;
  letter-spacing: 0.3px;
}

/* 响应式设计 */
@media (max-width: 968px) {
.timeline[data-v-57c242b7] {
    flex-direction: column;
    align-items: center;
    gap: 40px;
}
.timeline[data-v-57c242b7]::before {
    display: none;
}
.timeline-item[data-v-57c242b7] {
    width: 100%;
    max-width: 400px;
}
.timeline-content[data-v-57c242b7] {
    padding: 25px 20px;
}
}
@media (max-width: 768px) {
.timeline-container[data-v-57c242b7] {
    padding: 0 20px;
}
.timeline-year[data-v-57c242b7] {
    width: 50px;
    height: 50px;
    font-size: 14px;
}
.timeline-title[data-v-57c242b7] {
    font-size: 18px;
}
.timeline-description[data-v-57c242b7] {
    font-size: 14px;
}
}

/* 加入我们区域 */
.join-us-section[data-v-57c242b7] {
  padding: 80px 0;
  background: var(--background-color, #f5f7fa);
  color: var(--text-original, #333);
  position: relative;
}
.join-us-container[data-v-57c242b7] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
  text-align: center;
}
.join-us-title[data-v-57c242b7] {
  font-size: 36px;
  font-weight: 600;
  color: var(--text-modified, #db5e77);
  margin-bottom: 30px;
  letter-spacing: 1px;
}
.join-us-description[data-v-57c242b7] {
  font-size: 18px;
  color: var(--text-original, #666);
  margin-bottom: 40px;
  line-height: 1.6;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  letter-spacing: 0.5px;
}
.contact-btn[data-v-57c242b7] {
  padding: 15px 40px;
  font-size: 16px;
  font-weight: 600;
  color: var(--module-bg-color, white);
  background: var(--text-modified, #db5e77);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.contact-btn[data-v-57c242b7]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  opacity: 0.9;
}

/* 响应式设计 */
@media (max-width: 768px) {
.join-us-section[data-v-57c242b7] {
    padding: 60px 0;
}
.join-us-container[data-v-57c242b7] {
    padding: 0 20px;
}
.join-us-title[data-v-57c242b7] {
    font-size: 28px;
}
.join-us-description[data-v-57c242b7] {
    font-size: 16px;
    margin-bottom: 30px;
}
.contact-btn[data-v-57c242b7] {
    padding: 12px 30px;
    font-size: 15px;
}
}

.contact-container[data-v-a176341e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
  padding: 2rem;
  background-color: var(--background-color, #f8f9fa);
  margin-bottom: 100px;
}
.contact-title[data-v-a176341e] {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--text-original, #2c3e50);
  margin-bottom: 1rem;
  text-align: center;
}
.contact-description[data-v-a176341e] {
  font-size: 1.1rem;
  color: var(--text-original, #666);
  margin-bottom: 3rem;
  text-align: center;
  max-width: 500px;
  line-height: 1.6;
}
.contact-card[data-v-a176341e] {
  background: var(--module-bg-color, white);
  border-radius: 20px;
  padding: 3rem 2.5rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  text-align: center;
  max-width: 450px;
  width: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.contact-card[data-v-a176341e]:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}
.contact-icon[data-v-a176341e] {
  margin-bottom: 1.5rem;
}
.wechat-icon[data-v-a176341e] {
  width: 4rem;
  height: 4rem;
  color: #07c160;
  filter: drop-shadow(0 2px 4px rgba(7, 193, 96, 0.3));
}
.contact-method[data-v-a176341e] {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-original, #2c3e50);
  margin-bottom: 1rem;
}
.wechat-id[data-v-a176341e] {
  font-size: 1.2rem;
  color: var(--text-original, #666);
  font-family: 'Courier New', monospace;
  background-color: var(--background-color, #f8f9fa);
  padding: 0.8rem 1.2rem;
  border-radius: 10px;
  margin: 1.5rem 0;
  border: 2px dashed var(--border-color, #e9ecef);
  letter-spacing: 1px;
}
.copy-btn[data-v-a176341e] {
  background: var(--text-modified, #db5e77);
  color: var(--module-bg-color, white);
  border: none;
  padding: 0.8rem 2rem;
  border-radius: 25px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.copy-btn[data-v-a176341e]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  opacity: 0.9;
}
.copy-btn[data-v-a176341e]:active {
  transform: translateY(0);
}

/* 响应式设计 */
@media (max-width: 768px) {
.contact-container[data-v-a176341e] {
    padding: 1rem;
}
.contact-title[data-v-a176341e] {
    font-size: 2rem;
}
.contact-description[data-v-a176341e] {
    font-size: 1rem;
    margin-bottom: 2rem;
}
.contact-card[data-v-a176341e] {
    padding: 2rem 1.5rem;
}
.wechat-icon[data-v-a176341e] {
    width: 3rem;
    height: 3rem;
}
.contact-method[data-v-a176341e] {
    font-size: 1.3rem;
}
.wechat-id[data-v-a176341e] {
    font-size: 1.1rem;
}
}

.user-agreement[data-v-b3e71f80] {
  min-height: 100vh;
  background-color: var(--background-color, #f5f7fa);
  padding: 20px;
}
.agreement-container[data-v-b3e71f80] {
  max-width: 800px;
  margin: 0 auto;
  background: var(--module-bg-color, white);
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.agreement-title[data-v-b3e71f80] {
  text-align: center;
  font-size: 2.2rem;
  font-weight: 600;
  margin: 0;
  padding: 40px 20px 20px;
  background: var(--module-bg-color, white);
  color: var(--text-modified, #db5e77);
  border-bottom: 3px solid var(--border-color, #e9ecef);
}
.agreement-content[data-v-b3e71f80] {
  padding: 40px;
}
.agreement-section[data-v-b3e71f80] {
  margin-bottom: 32px;
}
.agreement-section[data-v-b3e71f80]:last-child {
  margin-bottom: 0;
}
.agreement-section h2[data-v-b3e71f80] {
  color: var(--text-modified, #db5e77);
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--text-modified, #db5e77);
}
.agreement-section p[data-v-b3e71f80] {
  color: var(--text-original, #555);
  line-height: 1.7;
  margin-bottom: 12px;
  font-size: 1rem;
}
.agreement-section ul[data-v-b3e71f80] {
  color: var(--text-original, #555);
  padding-left: 24px;
  margin-bottom: 12px;
}
.agreement-section li[data-v-b3e71f80] {
  line-height: 1.7;
  margin-bottom: 8px;
  font-size: 1rem;
  color: var(--text-original, #555);
}
.contact-info[data-v-b3e71f80] {
  background-color: var(--background-color, #f8f9fa);
  padding: 16px;
  border-radius: 8px;
  border-left: 4px solid var(--text-modified, #db5e77);
  font-size: 1rem;
  color: var(--text-original, #555);
}


/* 响应式设计 */
@media (max-width: 768px) {
.user-agreement[data-v-b3e71f80] {
    padding: 10px;
}
.agreement-title[data-v-b3e71f80] {
    font-size: 1.8rem;
    padding: 30px 15px 15px;
}
.agreement-content[data-v-b3e71f80] {
    padding: 30px 20px;
}
.agreement-section h2[data-v-b3e71f80] {
    font-size: 1.2rem;
}
.agreement-section p[data-v-b3e71f80],
  .agreement-section li[data-v-b3e71f80] {
    font-size: 0.9rem;
}
}
@media (max-width: 480px) {
.agreement-title[data-v-b3e71f80] {
    font-size: 1.5rem;
}
.agreement-content[data-v-b3e71f80] {
    padding: 20px 15px;
}
.agreement-section h2[data-v-b3e71f80] {
    font-size: 1.1rem;
}
}

.disclaimer[data-v-d18516ac] {
  min-height: 100vh;
  background-color: var(--background-color, #f5f7fa);
  padding: 20px;
}
.disclaimer-container[data-v-d18516ac] {
  max-width: 800px;
  margin: 0 auto;
  background: var(--module-bg-color, white);
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.disclaimer-title[data-v-d18516ac] {
  text-align: center;
  font-size: 2.2rem;
  font-weight: 600;
  margin: 0;
  padding: 40px 20px 20px;
  background: var(--module-bg-color, white);
  color: var(--text-modified, #db5e77);
}
.disclaimer-content[data-v-d18516ac] {
  padding: 40px;
}
.disclaimer-section[data-v-d18516ac] {
  margin-bottom: 32px;
}
.disclaimer-section[data-v-d18516ac]:last-child {
  margin-bottom: 0;
}
.disclaimer-section h2[data-v-d18516ac] {
  color: var(--text-modified, #db5e77);
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--text-modified, #db5e77);
}
.disclaimer-section p[data-v-d18516ac] {
  color: var(--text-original, #555);
  line-height: 1.7;
  margin-bottom: 12px;
  font-size: 1rem;
}
.disclaimer-section ul[data-v-d18516ac] {
  color: var(--text-original, #555);
  padding-left: 24px;
  margin-bottom: 12px;
}
.disclaimer-section li[data-v-d18516ac] {
  line-height: 1.7;
  margin-bottom: 8px;
  font-size: 1rem;
  color: var(--text-original, #555);
}
.contact-info[data-v-d18516ac] {
  background-color: var(--background-color, #f8f9fa);
  padding: 16px;
  border-radius: 8px;
  border-left: 4px solid var(--text-modified, #db5e77);
  font-size: 1rem;
  color: var(--text-original, #555);
}

/* 响应式设计 */
@media (max-width: 768px) {
.disclaimer[data-v-d18516ac] {
    padding: 10px;
}
.disclaimer-title[data-v-d18516ac] {
    font-size: 1.8rem;
    padding: 30px 15px 15px;
}
.disclaimer-content[data-v-d18516ac] {
    padding: 30px 20px;
}
.disclaimer-section h2[data-v-d18516ac] {
    font-size: 1.2rem;
}
.disclaimer-section p[data-v-d18516ac],
  .disclaimer-section li[data-v-d18516ac] {
    font-size: 0.9rem;
}
}
@media (max-width: 480px) {
.disclaimer-title[data-v-d18516ac] {
    font-size: 1.5rem;
}
.disclaimer-content[data-v-d18516ac] {
    padding: 20px 15px;
}
.disclaimer-section h2[data-v-d18516ac] {
    font-size: 1.1rem;
}
}

.cookie-policy[data-v-331f5f5d] {
  min-height: 100vh;
  background-color: var(--background-color, #f5f7fa);
  padding: 20px;
}
.policy-container[data-v-331f5f5d] {
  max-width: 800px;
  margin: 0 auto;
  background: var(--module-bg-color, white);
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.policy-title[data-v-331f5f5d] {
  text-align: center;
  font-size: 2.2rem;
  font-weight: 600;
  margin: 0;
  padding: 40px 20px 20px;
  background: var(--module-bg-color, white);
  color: var(--text-modified, #db5e77);
  border-bottom: 3px solid var(--border-color, #e9ecef);
}
.policy-content[data-v-331f5f5d] {
  padding: 40px;
}
.policy-section[data-v-331f5f5d] {
  margin-bottom: 32px;
}
.policy-section[data-v-331f5f5d]:last-child {
  margin-bottom: 0;
}
.policy-section h2[data-v-331f5f5d] {
  color: var(--text-modified, #db5e77);
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--text-modified, #db5e77);
}
.policy-section p[data-v-331f5f5d] {
  color: var(--text-original, #555);
  line-height: 1.7;
  margin-bottom: 12px;
  font-size: 1rem;
}
.policy-section ul[data-v-331f5f5d] {
  color: var(--text-original, #555);
  padding-left: 24px;
  margin-bottom: 12px;
}
.policy-section li[data-v-331f5f5d] {
  line-height: 1.7;
  margin-bottom: 8px;
  font-size: 1rem;
  color: var(--text-original, #555);
}
.contact-info[data-v-331f5f5d] {
  background-color: var(--background-color, #f8f9fa);
  padding: 16px;
  border-radius: 8px;
  border-left: 4px solid var(--text-modified, #db5e77);
  font-size: 1rem;
  color: var(--text-original, #555);
}


/* 响应式设计 */
@media (max-width: 768px) {
.cookie-policy[data-v-331f5f5d] {
    padding: 10px;
}
.policy-title[data-v-331f5f5d] {
    font-size: 1.8rem;
    padding: 30px 15px 15px;
}
.policy-content[data-v-331f5f5d] {
    padding: 30px 20px;
}
.policy-section h2[data-v-331f5f5d] {
    font-size: 1.2rem;
}
.policy-section p[data-v-331f5f5d],
  .policy-section li[data-v-331f5f5d] {
    font-size: 0.9rem;
}
}
@media (max-width: 480px) {
.policy-title[data-v-331f5f5d] {
    font-size: 1.5rem;
}
.policy-content[data-v-331f5f5d] {
    padding: 20px 15px;
}
.policy-section h2[data-v-331f5f5d] {
    font-size: 1.1rem;
}
}

.floating-sidebar[data-v-3c3998ce] {
  position: fixed;
  right: 0;
  top: 80px;
  z-index: 998;
  user-select: none;
}
.floating-sidebar.dragging[data-v-3c3998ce] {
  cursor: grabbing !important;
}
.floating-sidebar.dragging[data-v-3c3998ce] * {
  cursor: grabbing !important;
}

/* 侧边栏主体 */
.sidebar-body[data-v-3c3998ce] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 6px;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 10px 0 0 10px;
  box-shadow: -2px 0 12px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-right: none;
}

/* 侧边栏项目 */
.sidebar-item[data-v-3c3998ce] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 6px;
  border-radius: 8px;
  cursor: grab;
  transition: all 0.2s ease;
  background: transparent;
  gap: 4px;
}
.sidebar-item[data-v-3c3998ce]:active {
  cursor: grabbing;
}
.sidebar-item[data-v-3c3998ce]:hover {
  background: rgba(79, 172, 254, 0.1);
}
.sidebar-item.active[data-v-3c3998ce] {
  background: linear-gradient(135deg, rgba(79, 172, 254, 0.15) 0%, rgba(0, 242, 254, 0.15) 100%);
}
.sidebar-item .item-icon[data-v-3c3998ce] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: all 0.2s ease;
}
.sidebar-item .item-icon svg[data-v-3c3998ce] {
  width: 18px;
  height: 18px;
}
.sidebar-item .item-label[data-v-3c3998ce] {
  font-size: 10px;
  color: #64748b;
  font-weight: 500;
  white-space: nowrap;
}
.quota-item .item-icon[data-v-3c3998ce] {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  color: white;
}
.quota-item.warning .item-icon[data-v-3c3998ce] {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}
.quota-item.cooling .item-icon[data-v-3c3998ce] {
  background: linear-gradient(135deg, #f5576c 0%, #f093fb 100%);
  animation: iconPulse-3c3998ce 2s infinite;
}
.qrcode-item .item-icon[data-v-3c3998ce] {
  background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
  color: white;
}
.status-dot[data-v-3c3998ce] {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 2px solid white;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.status-dot.warning[data-v-3c3998ce] {
  background: #f59e0b;
}
.status-dot.cooling[data-v-3c3998ce] {
  background: #ef4444;
  animation: dotPulse-3c3998ce 1s infinite;
}
@keyframes iconPulse-3c3998ce {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.05);
}
}
@keyframes dotPulse-3c3998ce {
0%, 100% { opacity: 1;
}
50% { opacity: 0.5;
}
}

/* 浮动面板 */
.floating-panel[data-v-3c3998ce] {
  position: absolute;
  background: rgba(255, 255, 255, 0.98);
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(16px);
  overflow: hidden;
  width: 300px;
  max-height: 500px;
  display: flex;
  flex-direction: column;
}

/* 面板向下展开 */
.floating-panel.panel-down[data-v-3c3998ce] {
  top: 0;
}

/* 面板向上展开 */
.floating-panel.panel-up[data-v-3c3998ce] {
  bottom: 0;
}

/* 面板向左展开（侧边栏在右侧时） */
.floating-panel.panel-left[data-v-3c3998ce] {
  right: 100%;
  left: auto;
  margin-right: 8px;
  margin-left: 0;
}

/* 面板向右展开（侧边栏在左侧时） */
.floating-panel.panel-right[data-v-3c3998ce] {
  left: 100%;
  right: auto;
  margin-left: 8px;
  margin-right: 0;
}
.panel-header[data-v-3c3998ce] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  background: linear-gradient(90deg, rgba(79, 172, 254, 0.05) 0%, rgba(0, 242, 254, 0.05) 100%);
  flex-shrink: 0;
}
.panel-header h3[data-v-3c3998ce] {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
}
.fs-header-actions[data-v-3c3998ce] {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  flex-shrink: 0;
}
.fs-refresh-btn[data-v-3c3998ce],
.fs-close-btn[data-v-3c3998ce] {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
  flex-shrink: 0 !important;
  position: static !important;
  padding: 0 !important;
  margin: 0 !important;
}
.fs-refresh-btn[data-v-3c3998ce] {
  background: #e0f2fe !important;
  color: #0284c7 !important;
  border: 1px solid #7dd3fc !important;
}
.fs-refresh-btn[data-v-3c3998ce]:hover:not(:disabled) {
  background: #bae6fd !important;
  border-color: #38bdf8 !important;
}
.fs-refresh-btn[data-v-3c3998ce]:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}
.fs-refresh-btn svg[data-v-3c3998ce] {
  width: 16px !important;
  height: 16px !important;
  stroke: #0284c7 !important;
  stroke-width: 2 !important;
}
.fs-refresh-btn svg.spinning[data-v-3c3998ce] {
  animation: fs-spin-3c3998ce 1s linear infinite !important;
}
.fs-close-btn[data-v-3c3998ce] {
  background: #f1f5f9 !important;
  color: #475569 !important;
}
.fs-close-btn[data-v-3c3998ce]:hover {
  background: #fee2e2 !important;
  color: #dc2626 !important;
}
.fs-close-btn svg[data-v-3c3998ce] {
  width: 16px !important;
  height: 16px !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
}
@keyframes fs-spin-3c3998ce {
to { transform: rotate(360deg);
}
}

/* 面板内容 */
.panel-content[data-v-3c3998ce] {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 12px 14px;
  scrollbar-width: thin;
  scrollbar-color: rgba(79, 172, 254, 0.3) transparent;
  min-height: 0;
}
.panel-content[data-v-3c3998ce]::-webkit-scrollbar {
  width: 4px;
}
.panel-content[data-v-3c3998ce]::-webkit-scrollbar-track {
  background: transparent;
}
.panel-content[data-v-3c3998ce]::-webkit-scrollbar-thumb {
  background: rgba(79, 172, 254, 0.3);
  border-radius: 2px;
}

/* 状态提示 */
.status-banner[data-v-3c3998ce] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  margin-bottom: 12px;
}
.cooling-banner[data-v-3c3998ce] {
  background: linear-gradient(135deg, rgba(245, 87, 108, 0.1) 0%, rgba(240, 147, 251, 0.1) 100%);
  border: 1px solid rgba(245, 87, 108, 0.2);
}
.banned-banner[data-v-3c3998ce] {
  background: linear-gradient(135deg, rgba(67, 67, 67, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.banner-icon[data-v-3c3998ce] {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.cooling-banner .banner-icon[data-v-3c3998ce] {
  background: linear-gradient(135deg, #f5576c 0%, #f093fb 100%);
  color: white;
}
.banned-banner .banner-icon[data-v-3c3998ce] {
  background: linear-gradient(135deg, #434343 0%, #000000 100%);
  color: white;
}
.banner-icon svg[data-v-3c3998ce] {
  width: 18px;
  height: 18px;
}
.banner-content[data-v-3c3998ce] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.banner-title[data-v-3c3998ce] {
  font-size: 12px;
  font-weight: 600;
  color: #1e293b;
}
.banner-subtitle[data-v-3c3998ce] {
  font-size: 14px;
  font-weight: 700;
  color: #f5576c;
}
.banned-banner .banner-subtitle[data-v-3c3998ce] {
  color: #64748b;
  font-weight: 500;
  font-size: 11px;
}

/* 区块 */
.section[data-v-3c3998ce] {
  margin-bottom: 12px;
}
.section[data-v-3c3998ce]:last-child {
  margin-bottom: 0;
}
.section-header[data-v-3c3998ce] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  cursor: pointer;
  padding: 4px 0;
}
.section-header:hover h4[data-v-3c3998ce] {
  color: #4facfe;
}
.section-header h4[data-v-3c3998ce] {
  margin: 0;
  font-size: 11px;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: color 0.2s ease;
}
.section-header svg[data-v-3c3998ce] {
  width: 14px;
  height: 14px;
  color: #94a3b8;
  transition: transform 0.2s ease;
}
.section-header svg.rotated[data-v-3c3998ce] {
  transform: rotate(180deg);
}

/* 时间窗口列表 */
.window-list[data-v-3c3998ce] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: rgba(0, 0, 0, 0.02);
  border-radius: 8px;
  padding: 12px;
}
.window-item[data-v-3c3998ce] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.window-header[data-v-3c3998ce] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.window-name[data-v-3c3998ce] {
  font-size: 12px;
  font-weight: 500;
  color: #1e293b;
}
.window-usage[data-v-3c3998ce] {
  font-size: 11px;
  color: #64748b;
}
.progress-bar[data-v-3c3998ce] {
  height: 5px;
  background: rgba(0, 0, 0, 0.06);
  border-radius: 3px;
  overflow: hidden;
}
.progress-fill[data-v-3c3998ce] {
  height: 100%;
  background: linear-gradient(90deg, #4facfe 0%, #00f2fe 100%);
  border-radius: 3px;
  transition: width 0.5s ease;
}
.progress-fill.warning[data-v-3c3998ce] {
  background: linear-gradient(90deg, #f59e0b 0%, #fbbf24 100%);
}
.progress-fill.danger[data-v-3c3998ce] {
  background: linear-gradient(90deg, #ef4444 0%, #f87171 100%);
}
.window-footer[data-v-3c3998ce] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.percent[data-v-3c3998ce] {
  font-size: 11px;
  font-weight: 600;
  color: #4facfe;
}
.percent.warning[data-v-3c3998ce] {
  color: #f59e0b;
}
.percent.danger[data-v-3c3998ce] {
  color: #ef4444;
}
.remaining[data-v-3c3998ce] {
  font-size: 10px;
  color: #94a3b8;
}

/* 记录列表 */
.record-list[data-v-3c3998ce] {
  background: rgba(0, 0, 0, 0.02);
  border-radius: 8px;
}
.record-item[data-v-3c3998ce] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.record-item[data-v-3c3998ce]:last-child {
  border-bottom: none;
}
.record-time[data-v-3c3998ce] {
  font-size: 11px;
  color: #94a3b8;
  flex: 1;
}
.record-chars[data-v-3c3998ce] {
  font-size: 12px;
  font-weight: 600;
  color: #1e293b;
  margin: 0 10px;
}
.record-model[data-v-3c3998ce] {
  font-size: 10px;
  padding: 2px 6px;
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  color: white;
  border-radius: 4px;
  font-weight: 500;
}

/* 二维码面板 */
.qrcode-content[data-v-3c3998ce] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 16px;
}
.qrcode-image[data-v-3c3998ce] {
  width: 180px;
  height: 180px;
  border-radius: 12px;
  object-fit: contain;
  background: white;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.06);
}
.qrcode-tip[data-v-3c3998ce] {
  margin: 0;
  font-size: 12px;
  color: #64748b;
  text-align: center;
}

/* 加载和空状态 */
.loading-state[data-v-3c3998ce], .empty-state[data-v-3c3998ce] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px 16px;
  gap: 10px;
  color: #94a3b8;
  font-size: 12px;
}
.empty-state.small[data-v-3c3998ce] {
  padding: 16px;
}
.loading-spinner[data-v-3c3998ce] {
  width: 28px;
  height: 28px;
  border: 3px solid rgba(79, 172, 254, 0.2);
  border-top-color: #4facfe;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

/* 动画 */
.panel-slide-enter-active[data-v-3c3998ce],
.panel-slide-leave-active[data-v-3c3998ce] {
  transition: all 0.2s ease;
}

/* 默认动画（向左展开时） */
.panel-slide-enter-from[data-v-3c3998ce],
.panel-slide-leave-to[data-v-3c3998ce] {
  opacity: 0;
  transform: translateX(10px);
}

/* 向右展开时的动画（从左侧滑入） */
.floating-panel.panel-right.panel-slide-enter-from[data-v-3c3998ce],
.floating-panel.panel-right.panel-slide-leave-to[data-v-3c3998ce] {
  opacity: 0;
  transform: translateX(-10px);
}
.collapse-enter-active[data-v-3c3998ce],
.collapse-leave-active[data-v-3c3998ce] {
  transition: all 0.25s ease;
  overflow: hidden;
}
.collapse-enter-from[data-v-3c3998ce],
.collapse-leave-to[data-v-3c3998ce] {
  opacity: 0;
  max-height: 0;
}
.collapse-enter-to[data-v-3c3998ce],
.collapse-leave-from[data-v-3c3998ce] {
  opacity: 1;
  max-height: 300px;
}

/* 响应式 */
@media (max-width: 768px) {
.floating-panel[data-v-3c3998ce] {
    position: fixed;
    right: 8px;
    left: 8px;
    top: auto !important;
    bottom: 80px !important;
    margin-right: 0;
    width: auto;
    max-height: 60vh;
}
.floating-sidebar[data-v-3c3998ce] {
    top: auto;
    bottom: 16px;
    right: 8px;
    transform: none;
}
.sidebar-body[data-v-3c3998ce] {
    flex-direction: row;
    border-radius: 10px;
}
}
@media (max-width: 480px) {
.floating-panel[data-v-3c3998ce] {
    bottom: 70px !important;
    max-height: 55vh;
}
.qrcode-image[data-v-3c3998ce] {
    width: 150px;
    height: 150px;
}
}

.rate-limit-dialog-overlay[data-v-4986a361] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  backdrop-filter: blur(4px);
}
.rate-limit-dialog[data-v-4986a361] {
  position: relative;
  background: var(--module-bg-color, white);
  border-radius: 20px;
  padding: 32px;
  width: 420px;
  max-width: 90vw;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  text-align: center;
}
.dialog-close[data-v-4986a361] {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border: none;
  background: var(--module-bg-color, rgba(0, 0, 0, 0.05));
  border-radius: 50%;
  cursor: pointer;
  font-size: 20px;
  color: var(--text-original, #666);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.dialog-close[data-v-4986a361]:hover {
  background: rgba(0, 0, 0, 0.1);
  color: var(--text-original, #333);
}
.dialog-icon[data-v-4986a361] {
  margin-bottom: 16px;
  color: #f5576c;
}
.dialog-title[data-v-4986a361] {
  margin: 0 0 16px 0;
  font-size: 22px;
  font-weight: 600;
  color: var(--text-original, #333);
}
.dialog-reason[data-v-4986a361] {
  margin-bottom: 20px;
}
.dialog-reason p[data-v-4986a361] {
  margin: 0;
  font-size: 15px;
  color: var(--text-original, #666);
  line-height: 1.6;
  word-break: break-word;
}
.countdown-section[data-v-4986a361] {
  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 20px;
}
.countdown-label[data-v-4986a361] {
  font-size: 13px;
  color: var(--text-original, #666);
  margin-bottom: 8px;
}
.countdown-timer[data-v-4986a361] {
  font-size: 36px;
  font-weight: bold;
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.dialog-tips[data-v-4986a361] {
  margin-bottom: 24px;
  padding: 16px;
  background: var(--module-bg-color, rgba(0, 0, 0, 0.03));
  border-radius: 10px;
}
.dialog-tips p[data-v-4986a361] {
  margin: 0;
  font-size: 13px;
  color: var(--text-original, #999);
  line-height: 1.8;
}
.dialog-footer[data-v-4986a361] {
  display: flex;
  gap: 12px;
}
.btn-secondary[data-v-4986a361],
.btn-primary[data-v-4986a361] {
  flex: 1;
  padding: 12px 20px;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.btn-secondary[data-v-4986a361] {
  background: var(--module-bg-color, rgba(0, 0, 0, 0.08));
  color: var(--text-original, #666);
}
.btn-secondary[data-v-4986a361]:hover {
  background: rgba(0, 0, 0, 0.12);
}
.btn-primary[data-v-4986a361] {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  color: white;
}
.btn-primary[data-v-4986a361]:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(79, 172, 254, 0.4);
}

/* 动画 */
.dialog-fade-enter-active[data-v-4986a361],
.dialog-fade-leave-active[data-v-4986a361] {
  transition: all 0.3s ease;
}
.dialog-fade-enter-active .rate-limit-dialog[data-v-4986a361],
.dialog-fade-leave-active .rate-limit-dialog[data-v-4986a361] {
  transition: all 0.3s ease;
}
.dialog-fade-enter-from[data-v-4986a361],
.dialog-fade-leave-to[data-v-4986a361] {
  opacity: 0;
}
.dialog-fade-enter-from .rate-limit-dialog[data-v-4986a361],
.dialog-fade-leave-to .rate-limit-dialog[data-v-4986a361] {
  transform: scale(0.9);
  opacity: 0;
}
/* 遮罩层 */
.announcement-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 弹窗容器 */
.announcement-modal {
  width: 100%;
  max-width: 70rem;
  height: 80vh;
  background-color: var(--module-bg-color, #ffffff);
  border-radius: 12px;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* 头部 */
.announcement-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  border-bottom: 1px solid var(--border-color, #e8e8e8);
}

.announcement-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-modified, #1890ff);
}

.announcement-close-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-original, #666);
  border-radius: 4px;
  transition: all 0.2s ease;
}

.announcement-close-btn:hover {
  background-color: var(--background-color, #f5f5f5);
  color: var(--text-modified, #DB5E77);
}

/* 内容区 */
.announcement-body {
  flex: 1;
  overflow-y: auto;
  padding: 20px 24px;
}

.announcement-loading,
.announcement-empty {
  padding: 60px 20px;
  text-align: center;
  color: var(--text-original, #999);
  font-size: 14px;
}

/* 时间线 */
.timeline {
  position: relative;
}

.timeline-item {
  display: flex;
  padding-bottom: 24px;
  position: relative;
}

.timeline-item:last-child {
  padding-bottom: 0;
}

/* 左侧时间 */
.timeline-time {
  width: 120px;
  flex-shrink: 0;
  text-align: right;
  padding-right: 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.time-ago {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-original, #333);
}

.time-date {
  font-size: 12px;
  color: var(--text-original, #999);
}

/* 时间线节点 */
.timeline-node {
  width: 20px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.node-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--text-modified, #DB5E77);
  flex-shrink: 0;
  margin-top: 4px;
  box-shadow: 0 0 0 3px rgba(219, 94, 119, 0.2);
}

.node-line {
  width: 2px;
  flex: 1;
  background-color: var(--border-color, #e8e8e8);
  margin-top: 8px;
}

/* 右侧内容 */
.timeline-content {
  flex: 1;
  padding-left: 20px;
  min-width: 0;
}

.content-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.content-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-original, #333);
}

.content-text {
  font-size: 14px;
  color: var(--text-original, #666);
  line-height: 1.6;
  white-space: pre-wrap;
  word-break: break-word;
}

/* 底部 */
.announcement-footer {
  padding: 16px 24px;
  border-top: 1px solid var(--border-color, #e8e8e8);
  display: flex;
  justify-content: center;
}

.read-btn {
  padding: 8px 60px;
  font-size: 14px;
  color: var(--text-modified, #1890ff);
  background-color: transparent;
  border: 1px solid var(--text-modified, #1890ff);
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.read-btn:hover {
  background-color: var(--text-modified, #1890ff);
  color: #ffffff;
}

/* 移动端适配 */
@media screen and (max-width: 768px) {
  .announcement-modal {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    border-radius: 0;
  }

  .announcement-header {
    padding: 12px 16px;
  }

  .announcement-title {
    font-size: 16px;
  }

  .announcement-body {
    padding: 16px;
  }

  .timeline-item {
    flex-direction: column;
    padding-bottom: 20px;
  }

  .timeline-time {
    width: 100%;
    text-align: left;
    padding-right: 0;
    padding-bottom: 8px;
    flex-direction: row;
    gap: 12px;
    align-items: center;
  }

  .timeline-node {
    display: none;
  }

  .timeline-content {
    padding-left: 0;
    padding-top: 8px;
    border-left: 3px solid var(--text-modified, #DB5E77);
    padding-left: 12px;
  }

  .announcement-footer {
    padding: 12px 16px;
  }

  .read-btn {
    padding: 8px 40px;
  }
}

/* 滚动条样式 */
.announcement-body::-webkit-scrollbar {
  width: 6px;
}

.announcement-body::-webkit-scrollbar-track {
  background: transparent;
}

.announcement-body::-webkit-scrollbar-thumb {
  background-color: var(--border-color, #d9d9d9);
  border-radius: 3px;
}

.announcement-body::-webkit-scrollbar-thumb:hover {
  background-color: var(--text-original, #bfbfbf);
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  background-color: var(--background-color, #f5f7fa);
  color: var(--text-original, #333);
  /* overflow: hidden; */
  /* height: 100vh; */
}

.app-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.scrollable-area {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  display: flex;
  flex-direction: column;
  /* Firefox 滚动条样式 */
  scrollbar-width: thin;
  scrollbar-color: var(--border-color) var(--background-color);
}

/* scrollable-area 滚动条样式 - WebKit浏览器 */
.scrollable-area::-webkit-scrollbar {
  width: 8px;
}

.scrollable-area::-webkit-scrollbar-track {
  background: var(--background-color);
}

.scrollable-area::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 4px;
}

.scrollable-area::-webkit-scrollbar-thumb:hover {
  background: var(--text-modified);
}

.main-content {
  max-width: 80rem;
  margin: 0 auto;
  padding: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: visible;
}

.main-content.collapsed {
  max-width: 100%;
  width: 100%;
  padding: 10px;
}



.main-contents {
  width: 100%;
  /* height: 100%; */
  margin: 0 auto;
  /* padding: 20px; */
  padding-bottom: 0px;
  display: flex;
  flex-direction: column;
  /* gap: 20px; */
  overflow: visible;
  min-height: 0;
}


.footer-container {
  position: fixed;
  padding: 2px 0;
  text-align: center;
  margin-bottom: 0px;
  background-color: var(--background-color);
  width: 100%;
  bottom: -5px;
  z-index: 10000;
}

.footer-links {
  display: flex;
  justify-content: right;
  gap: 15px;
  padding: 0 20px;
  width: 100%;
}

.footer-link {
  color: var(--text-original, #666);
  font-size: 12px;
  text-decoration: none;
  white-space: nowrap;
}

.footer-link:hover {
  color: var(--text-modified, #5a67d8);
}

/* 移动端响应式样式 */
@media (max-width: 768px) {
  .main-content {
    width: 100%;
    padding: 10px;
    padding-bottom: 0px;
  }
  
  .main-contents {
    width: 100%;
    padding: 0;
    padding-bottom: 0px;
  }
  
  .scrollable-area {
    padding-top: 60px !important;
  }
  
  .footer {
    padding: 15px 10px;
  }
  
  .footer-links {
    gap: 12px;
    padding: 0 15px;
    justify-content: space-between;
    width: 100%;
  }
  
  .footer-link {
    font-size: 11px;
    flex: 1;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .main-content {
    width: 100%;
    padding: 5px;
    padding-bottom: 0px;
    gap: 10px;
  }
  
  .main-contents {
    width: 100%;
    padding: 0;
    padding-bottom: 0px;
  }
  
  .scrollable-area {
    padding-top: 60px;
  }
  
  .footer {
    padding: 15px 5px;
  }
  
  .footer-links {
    gap: 8px;
    padding: 0 10px;
    justify-content: space-between;
  }
  
  .footer-link {
    font-size: 10px;
    flex: 1;
    text-align: center;
  }
}

/* AI检测组件样式 */
.ai-detection-content {
  width: 100%;
  margin: 0 auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}


.homepage-content {
  width: 100%;
  min-height: 100%;
}

/* 配置加载状态样式 */
.config-loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--background-color, #f5f7fa);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 10000; /* 确保在最上层 */
  color: var(--text-original, #333);
  font-size: 18px;
}

.loading-spinner {
  border: 4px solid var(--module-bg-color, rgba(0, 0, 0, 0.1));
  border-top: 4px solid var(--text-modified, #5a67d8);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
  margin-bottom: 10px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.config-loading p {
  font-size: 14px;
  color: var(--text-original, #666);
}:root{--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary-rgb:64,158,255;--el-color-success-rgb:103,194,58;--el-color-warning-rgb:230,162,60;--el-color-danger-rgb:245,108,108;--el-color-error-rgb:245,108,108;--el-color-info-rgb:144,147,153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:0.3s;--el-transition-duration-fast:0.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(0.645,0.045,0.355,1);--el-transition-function-fast-bezier:cubic-bezier(0.23,1,0.32,1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px}:root{color-scheme:light;--el-color-primary:#409eff;--el-color-primary-light-3:rgb(121,187,255);--el-color-primary-light-5:rgb(160,207,255);--el-color-primary-light-7:rgb(198,226,255);--el-color-primary-light-8:rgb(217,236,255);--el-color-primary-light-9:rgb(236,245,255);--el-color-primary-dark-2:rgb(51,126,204);--el-color-success:#67c23a;--el-color-success-light-3:rgb(149,212,117);--el-color-success-light-5:rgb(179,225,157);--el-color-success-light-7:rgb(209,237,196);--el-color-success-light-8:rgb(225,243,216);--el-color-success-light-9:rgb(240,249,235);--el-color-success-dark-2:rgb(82,155,46);--el-color-warning:#e6a23c;--el-color-warning-light-3:rgb(238,190,119);--el-color-warning-light-5:rgb(243,209,158);--el-color-warning-light-7:rgb(248,227,197);--el-color-warning-light-8:rgb(250,236,216);--el-color-warning-light-9:rgb(253,246,236);--el-color-warning-dark-2:rgb(184,130,48);--el-color-danger:#f56c6c;--el-color-danger-light-3:rgb(248,152,152);--el-color-danger-light-5:rgb(250,182,182);--el-color-danger-light-7:rgb(252,211,211);--el-color-danger-light-8:rgb(253,226,226);--el-color-danger-light-9:rgb(254,240,240);--el-color-danger-dark-2:rgb(196,86,86);--el-color-error:#f56c6c;--el-color-error-light-3:rgb(248,152,152);--el-color-error-light-5:rgb(250,182,182);--el-color-error-light-7:rgb(252,211,211);--el-color-error-light-8:rgb(253,226,226);--el-color-error-light-9:rgb(254,240,240);--el-color-error-dark-2:rgb(196,86,86);--el-color-info:#909399;--el-color-info-light-3:rgb(177,179,184);--el-color-info-light-5:rgb(200,201,204);--el-color-info-light-7:rgb(222,223,224);--el-color-info-light-8:rgb(233,233,235);--el-color-info-light-9:rgb(244,244,245);--el-color-info-dark-2:rgb(115,118,122);--el-bg-color:#ffffff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#ffffff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#ffffff;--el-box-shadow:0px 12px 32px 4px rgba(0,0,0,0.04),0px 8px 20px rgba(0,0,0,0.08);--el-box-shadow-light:0px 0px 12px rgba(0,0,0,0.12);--el-box-shadow-lighter:0px 0px 6px rgba(0,0,0,0.12);--el-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,0.08),0px 12px 32px rgba(0,0,0,0.12),0px 8px 16px -8px rgba(0,0,0,0.16);--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgba(0,0,0,0.8);--el-overlay-color-light:rgba(0,0,0,0.7);--el-overlay-color-lighter:rgba(0,0,0,0.5);--el-mask-color:rgba(255,255,255,0.9);--el-mask-color-extra-light:rgba(255,255,255,0.3);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--el-transition-md-fade)}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transform-origin:center bottom;transition:var(--el-transition-md-fade)}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transform-origin:top left;transition:var(--el-transition-md-fade)}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-enter-active,.el-collapse-transition-leave-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.el-icon{--color:inherit;align-items:center;display:inline-flex;height:1em;justify-content:center;line-height:1em;position:relative;width:1em;fill:currentColor;color:var(--color);font-size:inherit}.el-icon.is-loading{animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em}.el-affix--fixed{position:fixed}.el-alert{--el-alert-padding:8px 16px;--el-alert-border-radius-base:var(--el-border-radius-base);--el-alert-title-font-size:14px;--el-alert-title-with-description-font-size:16px;--el-alert-description-font-size:14px;--el-alert-close-font-size:16px;--el-alert-close-customed-font-size:14px;--el-alert-icon-size:16px;--el-alert-icon-large-size:28px;align-items:center;background-color:var(--el-color-white);border-radius:var(--el-alert-border-radius-base);box-sizing:border-box;display:flex;margin:0;opacity:1;overflow:hidden;padding:var(--el-alert-padding);position:relative;transition:opacity var(--el-transition-duration-fast);width:100%}.el-alert.is-light .el-alert__close-btn{color:var(--el-text-color-placeholder)}.el-alert.is-dark .el-alert__close-btn,.el-alert.is-dark .el-alert__description{color:var(--el-color-white)}.el-alert.is-center{justify-content:center}.el-alert--primary{--el-alert-bg-color:var(--el-color-primary-light-9)}.el-alert--primary.is-light{background-color:var(--el-alert-bg-color)}.el-alert--primary.is-light,.el-alert--primary.is-light .el-alert__description{color:var(--el-color-primary)}.el-alert--primary.is-dark{background-color:var(--el-color-primary);color:var(--el-color-white)}.el-alert--success{--el-alert-bg-color:var(--el-color-success-light-9)}.el-alert--success.is-light{background-color:var(--el-alert-bg-color)}.el-alert--success.is-light,.el-alert--success.is-light .el-alert__description{color:var(--el-color-success)}.el-alert--success.is-dark{background-color:var(--el-color-success);color:var(--el-color-white)}.el-alert--info{--el-alert-bg-color:var(--el-color-info-light-9)}.el-alert--info.is-light{background-color:var(--el-alert-bg-color)}.el-alert--info.is-light,.el-alert--info.is-light .el-alert__description{color:var(--el-color-info)}.el-alert--info.is-dark{background-color:var(--el-color-info);color:var(--el-color-white)}.el-alert--warning{--el-alert-bg-color:var(--el-color-warning-light-9)}.el-alert--warning.is-light{background-color:var(--el-alert-bg-color)}.el-alert--warning.is-light,.el-alert--warning.is-light .el-alert__description{color:var(--el-color-warning)}.el-alert--warning.is-dark{background-color:var(--el-color-warning);color:var(--el-color-white)}.el-alert--error{--el-alert-bg-color:var(--el-color-error-light-9)}.el-alert--error.is-light{background-color:var(--el-alert-bg-color)}.el-alert--error.is-light,.el-alert--error.is-light .el-alert__description{color:var(--el-color-error)}.el-alert--error.is-dark{background-color:var(--el-color-error);color:var(--el-color-white)}.el-alert__content{display:flex;flex-direction:column;gap:4px}.el-alert .el-alert__icon{font-size:var(--el-alert-icon-size);margin-right:8px;width:var(--el-alert-icon-size)}.el-alert .el-alert__icon.is-big{font-size:var(--el-alert-icon-large-size);margin-right:12px;width:var(--el-alert-icon-large-size)}.el-alert__title{font-size:var(--el-alert-title-font-size);line-height:24px}.el-alert__title.with-description{font-size:var(--el-alert-title-with-description-font-size)}.el-alert .el-alert__description{font-size:var(--el-alert-description-font-size);margin:0}.el-alert .el-alert__close-btn{cursor:pointer;font-size:var(--el-alert-close-font-size);opacity:1;position:absolute;right:16px;top:12px}.el-alert .el-alert__close-btn.is-customed{font-size:var(--el-alert-close-customed-font-size);font-style:normal;line-height:24px;top:8px}.el-alert-fade-enter-from,.el-alert-fade-leave-active{opacity:0}.el-aside{box-sizing:border-box;flex-shrink:0;overflow:auto;width:var(--el-aside-width,300px)}.el-autocomplete{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;display:inline-block;position:relative;width:var(--el-input-width)}.el-autocomplete__popper.el-popper{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);box-shadow:var(--el-box-shadow-light)}.el-autocomplete__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-autocomplete__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-autocomplete__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-autocomplete__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-autocomplete__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-autocomplete-suggestion{border-radius:var(--el-border-radius-base);box-sizing:border-box}.el-autocomplete-suggestion__header{border-bottom:1px solid var(--el-border-color-lighter);padding:10px}.el-autocomplete-suggestion__footer{border-top:1px solid var(--el-border-color-lighter);padding:10px}.el-autocomplete-suggestion__wrap{box-sizing:border-box;max-height:280px;padding:10px 0}.el-autocomplete-suggestion__list{margin:0;padding:0}.el-autocomplete-suggestion li{color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-base);line-height:34px;list-style:none;margin:0;overflow:hidden;padding:0 20px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.el-autocomplete-suggestion li:hover{background-color:var(--el-fill-color-light)}.el-autocomplete-suggestion li.highlighted{background-color:var(--el-fill-color-light)}.el-autocomplete-suggestion li.divider{border-top:1px solid var(--el-color-black);margin-top:6px}.el-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.el-autocomplete-suggestion.is-loading li{align-items:center;color:var(--el-text-color-secondary);cursor:default;display:flex;font-size:20px;height:100px;justify-content:center}.el-autocomplete-suggestion.is-loading li:hover{background-color:var(--el-bg-color-overlay)}.el-avatar{--el-avatar-text-color:var(--el-color-white);--el-avatar-bg-color:var(--el-text-color-disabled);--el-avatar-text-size:14px;--el-avatar-icon-size:18px;--el-avatar-border-radius:var(--el-border-radius-base);--el-avatar-size-large:56px;--el-avatar-size-small:24px;--el-avatar-size:40px;align-items:center;background:var(--el-avatar-bg-color);box-sizing:border-box;color:var(--el-avatar-text-color);display:inline-flex;font-size:var(--el-avatar-text-size);height:var(--el-avatar-size);justify-content:center;outline:none;overflow:hidden;text-align:center;width:var(--el-avatar-size)}.el-avatar>img{display:block;height:100%;width:100%}.el-avatar--circle{border-radius:50%}.el-avatar--square{border-radius:var(--el-avatar-border-radius)}.el-avatar--icon{font-size:var(--el-avatar-icon-size)}.el-avatar--small{--el-avatar-size:24px}.el-avatar--large{--el-avatar-size:56px}.el-backtop{--el-backtop-bg-color:var(--el-bg-color-overlay);--el-backtop-text-color:var(--el-color-primary);--el-backtop-hover-bg-color:var(--el-border-color-extra-light);align-items:center;background-color:var(--el-backtop-bg-color);border-radius:50%;box-shadow:var(--el-box-shadow-lighter);color:var(--el-backtop-text-color);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:fixed;width:40px;z-index:5}.el-backtop:hover{background-color:var(--el-backtop-hover-bg-color)}.el-backtop__icon{font-size:20px}.el-badge{--el-badge-bg-color:var(--el-color-danger);--el-badge-radius:10px;--el-badge-font-size:12px;--el-badge-padding:6px;--el-badge-size:18px;display:inline-block;position:relative;vertical-align:middle;width:-moz-fit-content;width:fit-content}.el-badge__content{align-items:center;background-color:var(--el-badge-bg-color);border:1px solid var(--el-bg-color);border-radius:var(--el-badge-radius);color:var(--el-color-white);display:inline-flex;font-size:var(--el-badge-font-size);height:var(--el-badge-size);justify-content:center;padding:0 var(--el-badge-padding);white-space:nowrap}.el-badge__content.is-fixed{position:absolute;right:calc(1px + var(--el-badge-size)/2);top:0;transform:translateY(-50%) translateX(100%);z-index:var(--el-index-normal)}.el-badge__content.is-fixed.is-dot{right:5px}.el-badge__content.is-dot{border-radius:50%;height:8px;padding:0;right:0;width:8px}.el-badge__content.is-hide-zero{display:none}.el-badge__content--primary{background-color:var(--el-color-primary)}.el-badge__content--success{background-color:var(--el-color-success)}.el-badge__content--warning{background-color:var(--el-color-warning)}.el-badge__content--info{background-color:var(--el-color-info)}.el-badge__content--danger{background-color:var(--el-color-danger)}.el-breadcrumb{font-size:14px;line-height:1}.el-breadcrumb:after,.el-breadcrumb:before{content:"";display:table}.el-breadcrumb:after{clear:both}.el-breadcrumb__separator{color:var(--el-text-color-placeholder);font-weight:bold;margin:0 9px}.el-breadcrumb__separator.el-icon{font-weight:normal;margin:0 6px}.el-breadcrumb__separator.el-icon svg{vertical-align:middle}.el-breadcrumb__item{align-items:center;display:inline-flex;float:left}.el-breadcrumb__inner{color:var(--el-text-color-regular)}.el-breadcrumb__inner a,.el-breadcrumb__inner.is-link{color:var(--el-text-color-primary);font-weight:bold;text-decoration:none;transition:var(--el-transition-color)}.el-breadcrumb__inner a:hover,.el-breadcrumb__inner.is-link:hover{color:var(--el-color-primary);cursor:pointer}.el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{color:var(--el-text-color-regular);cursor:text;font-weight:normal}.el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group:after,.el-button-group:before{content:"";display:table}.el-button-group:after{clear:both}.el-button-group>.el-button{float:left;position:relative}.el-button-group>.el-button+.el-button{margin-left:0}.el-button-group>.el-button:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.el-button-group>.el-button:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.el-button-group>.el-button:first-child:last-child{border-bottom-left-radius:var(--el-border-radius-base);border-bottom-right-radius:var(--el-border-radius-base);border-top-left-radius:var(--el-border-radius-base);border-top-right-radius:var(--el-border-radius-base)}.el-button-group>.el-button:first-child:last-child.is-round{border-radius:var(--el-border-radius-round)}.el-button-group>.el-button:first-child:last-child.is-circle{border-radius:50%}.el-button-group>.el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group>.el-button:not(:last-child){margin-right:-1px}.el-button-group>.el-button:active,.el-button-group>.el-button:focus,.el-button-group>.el-button:hover{z-index:1}.el-button-group>.el-button.is-active{z-index:1}.el-button-group>.el-dropdown>.el-button{border-bottom-left-radius:0;border-left-color:var(--el-button-divide-border-color);border-top-left-radius:0}.el-button-group .el-button--primary:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--primary:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--success:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--success:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--warning:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--warning:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--danger:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--danger:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--info:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--info:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button{--el-button-font-weight:var(--el-font-weight-primary);--el-button-border-color:var(--el-border-color);--el-button-bg-color:var(--el-fill-color-blank);--el-button-text-color:var(--el-text-color-regular);--el-button-disabled-text-color:var(--el-disabled-text-color);--el-button-disabled-bg-color:var(--el-fill-color-blank);--el-button-disabled-border-color:var(--el-border-color-light);--el-button-divide-border-color:rgba(255,255,255,0.5);--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-color-primary-light-9);--el-button-hover-border-color:var(--el-color-primary-light-7);--el-button-active-text-color:var(--el-button-hover-text-color);--el-button-active-border-color:var(--el-color-primary);--el-button-active-bg-color:var(--el-button-hover-bg-color);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-hover-link-text-color:var(--el-text-color-secondary);--el-button-active-color:var(--el-text-color-primary);align-items:center;-webkit-appearance:none;background-color:var(--el-button-bg-color);border:var(--el-border);border-color:var(--el-button-border-color);box-sizing:border-box;color:var(--el-button-text-color);cursor:pointer;display:inline-flex;font-weight:var(--el-button-font-weight);height:32px;justify-content:center;line-height:1;outline:none;text-align:center;transition:.1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.el-button:hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color);color:var(--el-button-hover-text-color);outline:none}.el-button:active{background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-text-color);outline:none}.el-button:focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset 0s,outline 0s}.el-button>span{align-items:center;display:inline-flex}.el-button+.el-button{margin-left:12px}.el-button{border-radius:var(--el-border-radius-base);font-size:var(--el-font-size-base)}.el-button,.el-button.is-round{padding:8px 15px}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon]+span{margin-left:6px}.el-button [class*=el-icon] svg{vertical-align:bottom}.el-button.is-plain{--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-fill-color-blank);--el-button-hover-border-color:var(--el-color-primary)}.el-button.is-active{background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-text-color);outline:none}.el-button.is-disabled,.el-button.is-disabled:hover{background-color:var(--el-button-disabled-bg-color);background-image:none;border-color:var(--el-button-disabled-border-color);color:var(--el-button-disabled-text-color);cursor:not-allowed}.el-button.is-loading{pointer-events:none;position:relative}.el-button.is-loading:before{background-color:var(--el-mask-color-extra-light);border-radius:inherit;bottom:-1px;content:"";left:-1px;pointer-events:none;position:absolute;right:-1px;top:-1px;z-index:1}.el-button.is-round{border-radius:var(--el-border-radius-round)}.el-button.is-circle{border-radius:50%;padding:8px;width:32px}.el-button.is-text{background-color:transparent;border:0 solid transparent;color:var(--el-button-text-color)}.el-button.is-text.is-disabled{background-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button.is-text:not(.is-disabled):hover{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled):focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset 0s,outline 0s}.el-button.is-text:not(.is-disabled):active{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled).is-has-bg:hover{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg:active{background-color:var(--el-fill-color-dark)}.el-button__text--expand{letter-spacing:.3em;margin-right:-.3em}.el-button.is-link{background:transparent;border-color:transparent;color:var(--el-button-text-color);height:auto;padding:2px}.el-button.is-link:hover{color:var(--el-button-hover-link-text-color)}.el-button.is-link.is-disabled{background-color:transparent!important;border-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button.is-link:not(.is-disabled):hover{background-color:transparent;border-color:transparent}.el-button.is-link:not(.is-disabled):active{background-color:transparent;border-color:transparent;color:var(--el-button-active-color)}.el-button--text{background:transparent;border-color:transparent;color:var(--el-color-primary);padding-left:0;padding-right:0}.el-button--text.is-disabled{background-color:transparent!important;border-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button--text:not(.is-disabled):hover{background-color:transparent;border-color:transparent;color:var(--el-color-primary-light-3)}.el-button--text:not(.is-disabled):active{background-color:transparent;border-color:transparent;color:var(--el-color-primary-dark-2)}.el-button__link--expand{letter-spacing:.3em;margin-right:-.3em}.el-button--primary{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-primary);--el-button-border-color:var(--el-color-primary);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-active-color:var(--el-color-primary-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-primary-light-5);--el-button-hover-bg-color:var(--el-color-primary-light-3);--el-button-hover-border-color:var(--el-color-primary-light-3);--el-button-active-bg-color:var(--el-color-primary-dark-2);--el-button-active-border-color:var(--el-color-primary-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-primary-light-5);--el-button-disabled-border-color:var(--el-color-primary-light-5)}.el-button--primary.is-link,.el-button--primary.is-plain,.el-button--primary.is-text{--el-button-text-color:var(--el-color-primary);--el-button-bg-color:var(--el-color-primary-light-9);--el-button-border-color:var(--el-color-primary-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-primary);--el-button-hover-border-color:var(--el-color-primary);--el-button-active-text-color:var(--el-color-white)}.el-button--primary.is-link.is-disabled,.el-button--primary.is-link.is-disabled:active,.el-button--primary.is-link.is-disabled:focus,.el-button--primary.is-link.is-disabled:hover,.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover,.el-button--primary.is-text.is-disabled,.el-button--primary.is-text.is-disabled:active,.el-button--primary.is-text.is-disabled:focus,.el-button--primary.is-text.is-disabled:hover{background-color:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-8);color:var(--el-color-primary-light-5)}.el-button--success{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-success);--el-button-border-color:var(--el-color-success);--el-button-outline-color:var(--el-color-success-light-5);--el-button-active-color:var(--el-color-success-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-success-light-5);--el-button-hover-bg-color:var(--el-color-success-light-3);--el-button-hover-border-color:var(--el-color-success-light-3);--el-button-active-bg-color:var(--el-color-success-dark-2);--el-button-active-border-color:var(--el-color-success-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-success-light-5);--el-button-disabled-border-color:var(--el-color-success-light-5)}.el-button--success.is-link,.el-button--success.is-plain,.el-button--success.is-text{--el-button-text-color:var(--el-color-success);--el-button-bg-color:var(--el-color-success-light-9);--el-button-border-color:var(--el-color-success-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-success);--el-button-hover-border-color:var(--el-color-success);--el-button-active-text-color:var(--el-color-white)}.el-button--success.is-link.is-disabled,.el-button--success.is-link.is-disabled:active,.el-button--success.is-link.is-disabled:focus,.el-button--success.is-link.is-disabled:hover,.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover,.el-button--success.is-text.is-disabled,.el-button--success.is-text.is-disabled:active,.el-button--success.is-text.is-disabled:focus,.el-button--success.is-text.is-disabled:hover{background-color:var(--el-color-success-light-9);border-color:var(--el-color-success-light-8);color:var(--el-color-success-light-5)}.el-button--warning{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-warning);--el-button-border-color:var(--el-color-warning);--el-button-outline-color:var(--el-color-warning-light-5);--el-button-active-color:var(--el-color-warning-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-warning-light-5);--el-button-hover-bg-color:var(--el-color-warning-light-3);--el-button-hover-border-color:var(--el-color-warning-light-3);--el-button-active-bg-color:var(--el-color-warning-dark-2);--el-button-active-border-color:var(--el-color-warning-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-warning-light-5);--el-button-disabled-border-color:var(--el-color-warning-light-5)}.el-button--warning.is-link,.el-button--warning.is-plain,.el-button--warning.is-text{--el-button-text-color:var(--el-color-warning);--el-button-bg-color:var(--el-color-warning-light-9);--el-button-border-color:var(--el-color-warning-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-warning);--el-button-hover-border-color:var(--el-color-warning);--el-button-active-text-color:var(--el-color-white)}.el-button--warning.is-link.is-disabled,.el-button--warning.is-link.is-disabled:active,.el-button--warning.is-link.is-disabled:focus,.el-button--warning.is-link.is-disabled:hover,.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover,.el-button--warning.is-text.is-disabled,.el-button--warning.is-text.is-disabled:active,.el-button--warning.is-text.is-disabled:focus,.el-button--warning.is-text.is-disabled:hover{background-color:var(--el-color-warning-light-9);border-color:var(--el-color-warning-light-8);color:var(--el-color-warning-light-5)}.el-button--danger{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-danger);--el-button-border-color:var(--el-color-danger);--el-button-outline-color:var(--el-color-danger-light-5);--el-button-active-color:var(--el-color-danger-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-danger-light-5);--el-button-hover-bg-color:var(--el-color-danger-light-3);--el-button-hover-border-color:var(--el-color-danger-light-3);--el-button-active-bg-color:var(--el-color-danger-dark-2);--el-button-active-border-color:var(--el-color-danger-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-danger-light-5);--el-button-disabled-border-color:var(--el-color-danger-light-5)}.el-button--danger.is-link,.el-button--danger.is-plain,.el-button--danger.is-text{--el-button-text-color:var(--el-color-danger);--el-button-bg-color:var(--el-color-danger-light-9);--el-button-border-color:var(--el-color-danger-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-danger);--el-button-hover-border-color:var(--el-color-danger);--el-button-active-text-color:var(--el-color-white)}.el-button--danger.is-link.is-disabled,.el-button--danger.is-link.is-disabled:active,.el-button--danger.is-link.is-disabled:focus,.el-button--danger.is-link.is-disabled:hover,.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover,.el-button--danger.is-text.is-disabled,.el-button--danger.is-text.is-disabled:active,.el-button--danger.is-text.is-disabled:focus,.el-button--danger.is-text.is-disabled:hover{background-color:var(--el-color-danger-light-9);border-color:var(--el-color-danger-light-8);color:var(--el-color-danger-light-5)}.el-button--info{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-info);--el-button-border-color:var(--el-color-info);--el-button-outline-color:var(--el-color-info-light-5);--el-button-active-color:var(--el-color-info-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-info-light-5);--el-button-hover-bg-color:var(--el-color-info-light-3);--el-button-hover-border-color:var(--el-color-info-light-3);--el-button-active-bg-color:var(--el-color-info-dark-2);--el-button-active-border-color:var(--el-color-info-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-info-light-5);--el-button-disabled-border-color:var(--el-color-info-light-5)}.el-button--info.is-link,.el-button--info.is-plain,.el-button--info.is-text{--el-button-text-color:var(--el-color-info);--el-button-bg-color:var(--el-color-info-light-9);--el-button-border-color:var(--el-color-info-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-info);--el-button-hover-border-color:var(--el-color-info);--el-button-active-text-color:var(--el-color-white)}.el-button--info.is-link.is-disabled,.el-button--info.is-link.is-disabled:active,.el-button--info.is-link.is-disabled:focus,.el-button--info.is-link.is-disabled:hover,.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover,.el-button--info.is-text.is-disabled,.el-button--info.is-text.is-disabled:active,.el-button--info.is-text.is-disabled:focus,.el-button--info.is-text.is-disabled:hover{background-color:var(--el-color-info-light-9);border-color:var(--el-color-info-light-8);color:var(--el-color-info-light-5)}.el-button--large{--el-button-size:40px;height:var(--el-button-size)}.el-button--large [class*=el-icon]+span{margin-left:8px}.el-button--large{border-radius:var(--el-border-radius-base);font-size:var(--el-font-size-base);padding:12px 19px}.el-button--large.is-round{padding:12px 19px}.el-button--large.is-circle{padding:12px;width:var(--el-button-size)}.el-button--small{--el-button-size:24px;height:var(--el-button-size)}.el-button--small [class*=el-icon]+span{margin-left:4px}.el-button--small{border-radius:calc(var(--el-border-radius-base) - 1px);font-size:12px;padding:5px 11px}.el-button--small.is-round{padding:5px 11px}.el-button--small.is-circle{padding:5px;width:var(--el-button-size)}.el-calendar{--el-calendar-border:var(--el-table-border,1px solid var(--el-border-color-lighter));--el-calendar-header-border-bottom:var(--el-calendar-border);--el-calendar-selected-bg-color:var(--el-color-primary-light-9);--el-calendar-cell-width:85px;background-color:var(--el-fill-color-blank)}.el-calendar__header{border-bottom:var(--el-calendar-header-border-bottom);display:flex;justify-content:space-between;padding:12px 20px}.el-calendar__title{align-self:center;color:var(--el-text-color)}.el-calendar__body{padding:12px 20px 35px}.el-calendar-table{table-layout:fixed;width:100%}.el-calendar-table thead th{color:var(--el-text-color-regular);font-weight:normal;padding:12px 0}.el-calendar-table:not(.is-range) td.next,.el-calendar-table:not(.is-range) td.prev{color:var(--el-text-color-placeholder)}.el-calendar-table td{border-bottom:var(--el-calendar-border);border-right:var(--el-calendar-border);transition:background-color var(--el-transition-duration-fast) ease;vertical-align:top}.el-calendar-table td.is-selected{background-color:var(--el-calendar-selected-bg-color)}.el-calendar-table td.is-today{color:var(--el-color-primary)}.el-calendar-table tr:first-child td{border-top:var(--el-calendar-border)}.el-calendar-table tr td:first-child{border-left:var(--el-calendar-border)}.el-calendar-table tr.el-calendar-table__row--hide-border td{border-top:none}.el-calendar-table .el-calendar-day{box-sizing:border-box;height:var(--el-calendar-cell-width);padding:8px}.el-calendar-table .el-calendar-day:hover{background-color:var(--el-calendar-selected-bg-color);cursor:pointer}.el-card{--el-card-border-color:var(--el-border-color-light);--el-card-border-radius:4px;--el-card-padding:20px;--el-card-bg-color:var(--el-fill-color-blank);background-color:var(--el-card-bg-color);border:1px solid var(--el-card-border-color);border-radius:var(--el-card-border-radius);color:var(--el-text-color-primary);overflow:hidden;transition:var(--el-transition-duration)}.el-card.is-always-shadow{box-shadow:var(--el-box-shadow-light)}.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover{box-shadow:var(--el-box-shadow-light)}.el-card__header{border-bottom:1px solid var(--el-card-border-color);box-sizing:border-box;padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding)}.el-card__body{padding:var(--el-card-padding)}.el-card__footer{border-top:1px solid var(--el-card-border-color);box-sizing:border-box;padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding)}.el-carousel__item{display:inline-block;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.el-carousel__item,.el-carousel__item.is-active{z-index:calc(var(--el-index-normal) - 1)}.el-carousel__item--card,.el-carousel__item.is-animating{transition:transform .4s ease-in-out}.el-carousel__item--card{width:50%}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:var(--el-index-normal)}.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask{opacity:.12}.el-carousel__item--card.is-active{z-index:calc(var(--el-index-normal) + 1)}.el-carousel__item--card-vertical{height:50%;width:100%}.el-carousel__mask{background-color:var(--el-color-white);height:100%;left:0;opacity:.24;position:absolute;top:0;transition:var(--el-transition-duration-fast);width:100%}.el-carousel{--el-carousel-arrow-font-size:12px;--el-carousel-arrow-size:36px;--el-carousel-arrow-background:rgba(31,45,61,0.11);--el-carousel-arrow-hover-background:rgba(31,45,61,0.23);--el-carousel-indicator-width:30px;--el-carousel-indicator-height:2px;--el-carousel-indicator-padding-horizontal:4px;--el-carousel-indicator-padding-vertical:12px;--el-carousel-indicator-out-color:var(--el-border-color-hover);position:relative}.el-carousel--horizontal,.el-carousel--vertical{overflow:hidden}.el-carousel__container{height:300px;position:relative}.el-carousel__arrow{align-items:center;background-color:var(--el-carousel-arrow-background);border:none;border-radius:50%;color:#ffffff;cursor:pointer;display:inline-flex;font-size:var(--el-carousel-arrow-font-size);height:var(--el-carousel-arrow-size);justify-content:center;margin:0;outline:none;padding:0;position:absolute;text-align:center;top:50%;transform:translateY(-50%);transition:var(--el-transition-duration);width:var(--el-carousel-arrow-size);z-index:10}.el-carousel__arrow--left{left:16px}.el-carousel__arrow--right{right:16px}.el-carousel__arrow:hover{background-color:var(--el-carousel-arrow-hover-background)}.el-carousel__arrow i{cursor:pointer}.el-carousel__indicators{list-style:none;margin:0;padding:0;position:absolute;z-index:calc(var(--el-index-normal) + 1)}.el-carousel__indicators--horizontal{bottom:0;left:50%;transform:translateX(-50%)}.el-carousel__indicators--vertical{right:0;top:50%;transform:translateY(-50%)}.el-carousel__indicators--outside{bottom:calc(var(--el-carousel-indicator-height) + var(--el-carousel-indicator-padding-vertical)*2);position:static;text-align:center;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:var(--el-carousel-indicator-out-color);opacity:.24}.el-carousel__indicators--right{right:0}.el-carousel__indicators--labels{left:0;right:0;text-align:center;transform:none}.el-carousel__indicators--labels .el-carousel__button{color:#000000;font-size:12px;height:auto;padding:2px 18px;width:auto}.el-carousel__indicators--labels .el-carousel__indicator{padding:6px 4px}.el-carousel__indicator{background-color:transparent;cursor:pointer}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator--horizontal{display:inline-block;padding:var(--el-carousel-indicator-padding-vertical) var(--el-carousel-indicator-padding-horizontal)}.el-carousel__indicator--vertical{padding:var(--el-carousel-indicator-padding-horizontal) var(--el-carousel-indicator-padding-vertical)}.el-carousel__indicator--vertical .el-carousel__button{height:calc(var(--el-carousel-indicator-width)/2);width:var(--el-carousel-indicator-height)}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{background-color:#ffffff;border:none;cursor:pointer;display:block;height:var(--el-carousel-indicator-height);margin:0;opacity:.48;outline:none;padding:0;transition:var(--el-transition-duration);width:var(--el-carousel-indicator-width)}.carousel-arrow-left-enter-from,.carousel-arrow-left-leave-active{opacity:0;transform:translateY(-50%) translateX(-10px)}.carousel-arrow-right-enter-from,.carousel-arrow-right-leave-active{opacity:0;transform:translateY(-50%) translateX(10px)}.el-transitioning{filter:url(#elCarouselHorizontal)}.el-transitioning-vertical{filter:url(#elCarouselVertical)}.el-cascader-panel{--el-cascader-menu-text-color:var(--el-text-color-regular);--el-cascader-menu-selected-text-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-bg-color-overlay);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-fill-color-light);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:var(--el-fill-color);border-radius:var(--el-cascader-menu-radius);display:flex;font-size:var(--el-cascader-menu-font-size)}.el-cascader-panel.is-bordered{border:var(--el-cascader-menu-border);border-radius:var(--el-cascader-menu-radius)}.el-cascader-menu{border-right:var(--el-cascader-menu-border);box-sizing:border-box;color:var(--el-cascader-menu-text-color);min-width:180px}.el-cascader-menu:last-child{border-right:none}.el-cascader-menu:last-child .el-cascader-node{padding-right:20px}.el-cascader-menu__wrap.el-scrollbar__wrap{height:204px}.el-cascader-menu__list{box-sizing:border-box;list-style:none;margin:0;min-height:100%;padding:6px 0;position:relative}.el-cascader-menu__hover-zone{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.el-cascader-menu__empty-text{align-items:center;color:var(--el-cascader-color-empty);display:flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.el-cascader-menu__empty-text .is-loading{margin-right:2px}.el-cascader-node{align-items:center;display:flex;height:34px;line-height:34px;outline:none;padding:0 30px 0 20px;position:relative}.el-cascader-node.is-selectable.in-active-path{color:var(--el-cascader-menu-text-color)}.el-cascader-node.in-active-path,.el-cascader-node.is-active,.el-cascader-node.is-selectable.in-checked-path{color:var(--el-cascader-menu-selected-text-color);font-weight:bold}.el-cascader-node:not(.is-disabled){cursor:pointer}.el-cascader-node:not(.is-disabled):focus,.el-cascader-node:not(.is-disabled):hover{background:var(--el-cascader-node-background-hover)}.el-cascader-node.is-disabled{color:var(--el-cascader-node-color-disabled);cursor:not-allowed}.el-cascader-node__prefix{left:10px;position:absolute}.el-cascader-node__postfix{position:absolute;right:10px}.el-cascader-node__label{flex:1;overflow:hidden;padding:0 8px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.el-cascader-node>.el-checkbox{margin-right:0}.el-cascader-node>.el-radio{margin-right:0}.el-cascader-node>.el-radio .el-radio__label{padding-left:0}.el-cascader{--el-cascader-menu-text-color:var(--el-text-color-regular);--el-cascader-menu-selected-text-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-bg-color-overlay);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-fill-color-light);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:var(--el-fill-color);display:inline-block;font-size:var(--el-font-size-base);line-height:32px;outline:none;position:relative;vertical-align:middle}.el-cascader:not(.is-disabled):hover .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset;cursor:pointer}.el-cascader .el-input{cursor:pointer;display:flex}.el-cascader .el-input .el-input__inner{text-overflow:ellipsis}.el-cascader .el-input .el-input__inner:-moz-read-only{cursor:pointer}.el-cascader .el-input .el-input__inner:read-only{cursor:pointer}.el-cascader .el-input .el-input__suffix-inner .el-icon svg{vertical-align:middle}.el-cascader .el-input .icon-arrow-down{font-size:14px;transition:transform var(--el-transition-duration)}.el-cascader .el-input .icon-arrow-down.is-reverse{transform:rotate(180deg)}.el-cascader .el-input .icon-circle-close:hover{color:var(--el-input-clear-hover-color,var(--el-text-color-secondary))}.el-cascader .el-input.is-focus .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-border-color,var(--el-color-primary)) inset}.el-cascader--large{font-size:14px;line-height:40px}.el-cascader--large .el-cascader__tags{gap:6px;padding:8px}.el-cascader--large .el-cascader__search-input{height:24px;margin-left:7px}.el-cascader--small{font-size:12px;line-height:24px}.el-cascader--small .el-cascader__tags{gap:4px;padding:2px}.el-cascader--small .el-cascader__search-input{height:20px;margin-left:5px}.el-cascader.is-disabled .el-cascader__label{color:var(--el-disabled-text-color);z-index:calc(var(--el-index-normal) + 1)}.el-cascader__dropdown{--el-cascader-menu-text-color:var(--el-text-color-regular);--el-cascader-menu-selected-text-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-bg-color-overlay);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-fill-color-light);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:var(--el-fill-color);border-radius:var(--el-cascader-menu-radius);font-size:var(--el-cascader-menu-font-size)}.el-cascader__dropdown.el-popper{background:var(--el-cascader-menu-fill);border:var(--el-cascader-menu-border)}.el-cascader__dropdown.el-popper .el-popper__arrow:before{border:var(--el-cascader-menu-border)}.el-cascader__dropdown.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-cascader__dropdown.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-cascader__dropdown.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-cascader__dropdown.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-cascader__dropdown.el-popper{box-shadow:var(--el-cascader-menu-shadow)}.el-cascader__header{border-bottom:1px solid var(--el-border-color-light);padding:10px}.el-cascader__footer{border-top:1px solid var(--el-border-color-light);padding:10px}.el-cascader__tags{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:6px;left:0;line-height:normal;padding:4px;position:absolute;right:30px;text-align:left;top:50%;transform:translateY(-50%)}.el-cascader__tags .el-tag{align-items:center;background:var(--el-cascader-tag-background);display:inline-flex;max-width:100%;text-overflow:ellipsis}.el-cascader__tags .el-tag.el-tag--dark,.el-cascader__tags .el-tag.el-tag--plain{background-color:var(--el-tag-bg-color)}.el-cascader__tags .el-tag:not(.is-hit){border-color:transparent}.el-cascader__tags .el-tag:not(.is-hit).el-tag--dark,.el-cascader__tags .el-tag:not(.is-hit).el-tag--plain{border-color:var(--el-tag-border-color)}.el-cascader__tags .el-tag>span{flex:1;line-height:normal;overflow:hidden;text-overflow:ellipsis}.el-cascader__tags .el-tag .el-icon-close{background-color:var(--el-text-color-placeholder);color:var(--el-color-white);flex:none}.el-cascader__tags .el-tag .el-icon-close:hover{background-color:var(--el-text-color-secondary)}.el-cascader__tags .el-tag+input{margin-left:0}.el-cascader__tags.is-validate{right:55px}.el-cascader__collapse-tags{white-space:normal;z-index:var(--el-index-normal)}.el-cascader__collapse-tags .el-tag{align-items:center;background:var(--el-fill-color);display:inline-flex;max-width:100%;text-overflow:ellipsis}.el-cascader__collapse-tags .el-tag.el-tag--dark,.el-cascader__collapse-tags .el-tag.el-tag--plain{background-color:var(--el-tag-bg-color)}.el-cascader__collapse-tags .el-tag:not(.is-hit){border-color:transparent}.el-cascader__collapse-tags .el-tag:not(.is-hit).el-tag--dark,.el-cascader__collapse-tags .el-tag:not(.is-hit).el-tag--plain{border-color:var(--el-tag-border-color)}.el-cascader__collapse-tags .el-tag>span{flex:1;line-height:normal;overflow:hidden;text-overflow:ellipsis}.el-cascader__collapse-tags .el-tag .el-icon-close{background-color:var(--el-text-color-placeholder);color:var(--el-color-white);flex:none}.el-cascader__collapse-tags .el-tag .el-icon-close:hover{background-color:var(--el-text-color-secondary)}.el-cascader__collapse-tags .el-tag+input{margin-left:0}.el-cascader__collapse-tags .el-tag{margin:2px 0}.el-cascader__suggestion-panel{border-radius:var(--el-cascader-menu-radius)}.el-cascader__suggestion-list{color:var(--el-cascader-menu-text-color);font-size:var(--el-font-size-base);margin:0;max-height:204px;padding:6px 0;text-align:center}.el-cascader__suggestion-item{align-items:center;cursor:pointer;display:flex;height:34px;justify-content:space-between;outline:none;padding:0 15px;text-align:left}.el-cascader__suggestion-item:focus,.el-cascader__suggestion-item:hover{background:var(--el-cascader-node-background-hover)}.el-cascader__suggestion-item.is-checked{color:var(--el-cascader-menu-selected-text-color);font-weight:bold}.el-cascader__suggestion-item>span{margin-right:10px}.el-cascader__empty-text{color:var(--el-cascader-color-empty);margin:10px 0}.el-cascader__search-input{background:transparent;border:none;box-sizing:border-box;color:var(--el-cascader-menu-text-color);flex:1;height:24px;margin-left:7px;min-width:60px;outline:none;padding:0}.el-cascader__search-input::-moz-placeholder{color:transparent}.el-cascader__search-input::placeholder{color:transparent}.el-check-tag{background-color:var(--el-color-info-light-9);border-radius:var(--el-border-radius-base);color:var(--el-color-info);cursor:pointer;display:inline-block;font-size:var(--el-font-size-base);font-weight:bold;line-height:var(--el-font-size-base);padding:7px 15px;transition:var(--el-transition-all)}.el-check-tag:hover{background-color:var(--el-color-info-light-7)}.el-check-tag.el-check-tag--primary.is-checked{background-color:var(--el-color-primary-light-8);color:var(--el-color-primary)}.el-check-tag.el-check-tag--primary.is-checked:hover{background-color:var(--el-color-primary-light-7)}.el-check-tag.el-check-tag--primary.is-checked.is-disabled{background-color:var(--el-color-primary-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--primary.is-checked.is-disabled:hover{background-color:var(--el-color-primary-light-8)}.el-check-tag.el-check-tag--primary.is-disabled{background-color:var(--el-color-info-light-9);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--primary.is-disabled:hover{background-color:var(--el-color-info-light-9)}.el-check-tag.el-check-tag--success.is-checked{background-color:var(--el-color-success-light-8);color:var(--el-color-success)}.el-check-tag.el-check-tag--success.is-checked:hover{background-color:var(--el-color-success-light-7)}.el-check-tag.el-check-tag--success.is-checked.is-disabled{background-color:var(--el-color-success-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--success.is-checked.is-disabled:hover{background-color:var(--el-color-success-light-8)}.el-check-tag.el-check-tag--success.is-disabled{background-color:var(--el-color-success-light-9);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--success.is-disabled:hover{background-color:var(--el-color-success-light-9)}.el-check-tag.el-check-tag--warning.is-checked{background-color:var(--el-color-warning-light-8);color:var(--el-color-warning)}.el-check-tag.el-check-tag--warning.is-checked:hover{background-color:var(--el-color-warning-light-7)}.el-check-tag.el-check-tag--warning.is-checked.is-disabled{background-color:var(--el-color-warning-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--warning.is-checked.is-disabled:hover{background-color:var(--el-color-warning-light-8)}.el-check-tag.el-check-tag--warning.is-disabled{background-color:var(--el-color-warning-light-9);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--warning.is-disabled:hover{background-color:var(--el-color-warning-light-9)}.el-check-tag.el-check-tag--danger.is-checked{background-color:var(--el-color-danger-light-8);color:var(--el-color-danger)}.el-check-tag.el-check-tag--danger.is-checked:hover{background-color:var(--el-color-danger-light-7)}.el-check-tag.el-check-tag--danger.is-checked.is-disabled{background-color:var(--el-color-danger-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--danger.is-checked.is-disabled:hover{background-color:var(--el-color-danger-light-8)}.el-check-tag.el-check-tag--danger.is-disabled{background-color:var(--el-color-danger-light-9);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--danger.is-disabled:hover{background-color:var(--el-color-danger-light-9)}.el-check-tag.el-check-tag--error.is-checked{background-color:var(--el-color-error-light-8);color:var(--el-color-error)}.el-check-tag.el-check-tag--error.is-checked:hover{background-color:var(--el-color-error-light-7)}.el-check-tag.el-check-tag--error.is-checked.is-disabled{background-color:var(--el-color-error-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--error.is-checked.is-disabled:hover{background-color:var(--el-color-error-light-8)}.el-check-tag.el-check-tag--error.is-disabled{background-color:var(--el-color-error-light-9);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--error.is-disabled:hover{background-color:var(--el-color-error-light-9)}.el-check-tag.el-check-tag--info.is-checked{background-color:var(--el-color-info-light-8);color:var(--el-color-info)}.el-check-tag.el-check-tag--info.is-checked:hover{background-color:var(--el-color-info-light-7)}.el-check-tag.el-check-tag--info.is-checked.is-disabled{background-color:var(--el-color-info-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--info.is-checked.is-disabled:hover{background-color:var(--el-color-info-light-8)}.el-check-tag.el-check-tag--info.is-disabled{background-color:var(--el-color-info-light-9);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--info.is-disabled:hover{background-color:var(--el-color-info-light-9)}.el-checkbox-button{--el-checkbox-button-checked-bg-color:var(--el-color-primary);--el-checkbox-button-checked-text-color:var(--el-color-white);--el-checkbox-button-checked-border-color:var(--el-color-primary);display:inline-block;position:relative}.el-checkbox-button__inner{-webkit-appearance:none;background:var(--el-button-bg-color,var(--el-fill-color-blank));border:var(--el-border);border-left-color:transparent;border-radius:0;box-sizing:border-box;color:var(--el-button-text-color,var(--el-text-color-regular));cursor:pointer;display:inline-block;font-size:var(--el-font-size-base);font-weight:var(--el-checkbox-font-weight);line-height:1;margin:0;outline:none;padding:8px 15px;position:relative;text-align:center;transition:var(--el-transition-all);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.el-checkbox-button__inner.is-round{padding:8px 15px}.el-checkbox-button__inner:hover{color:var(--el-color-primary)}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{margin:0;opacity:0;outline:none;position:absolute;z-index:-1}.el-checkbox-button.is-checked .el-checkbox-button__inner{background-color:var(--el-checkbox-button-checked-bg-color);border-color:var(--el-checkbox-button-checked-border-color);box-shadow:-1px 0 0 0 var(--el-color-primary-light-7);color:var(--el-checkbox-button-checked-text-color)}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:var(--el-checkbox-button-checked-border-color)}.el-checkbox-button.is-disabled .el-checkbox-button__inner{background-color:var(--el-button-disabled-bg-color,var(--el-fill-color-blank));background-image:none;border-color:var(--el-button-disabled-border-color,var(--el-border-color-light));box-shadow:none;color:var(--el-disabled-text-color);cursor:not-allowed}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:var(--el-button-disabled-border-color,var(--el-border-color-light))}.el-checkbox-button:first-child .el-checkbox-button__inner{border-bottom-left-radius:var(--el-border-radius-base);border-left:var(--el-border);border-top-left-radius:var(--el-border-radius-base);box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:var(--el-checkbox-button-checked-border-color)}.el-checkbox-button:last-child .el-checkbox-button__inner{border-bottom-right-radius:var(--el-border-radius-base);border-top-right-radius:var(--el-border-radius-base)}.el-checkbox-button--large .el-checkbox-button__inner{border-radius:0;font-size:var(--el-font-size-base);padding:12px 19px}.el-checkbox-button--large .el-checkbox-button__inner.is-round{padding:12px 19px}.el-checkbox-button--small .el-checkbox-button__inner{border-radius:0;font-size:12px;padding:5px 11px}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:5px 11px}.el-checkbox-group{font-size:0;line-height:0}.el-checkbox{--el-checkbox-font-size:14px;--el-checkbox-font-weight:var(--el-font-weight-primary);--el-checkbox-text-color:var(--el-text-color-regular);--el-checkbox-input-height:14px;--el-checkbox-input-width:14px;--el-checkbox-border-radius:var(--el-border-radius-small);--el-checkbox-bg-color:var(--el-fill-color-blank);--el-checkbox-input-border:var(--el-border);--el-checkbox-disabled-border-color:var(--el-border-color);--el-checkbox-disabled-input-fill:var(--el-fill-color-light);--el-checkbox-disabled-icon-color:var(--el-text-color-placeholder);--el-checkbox-disabled-checked-input-fill:var(--el-border-color-extra-light);--el-checkbox-disabled-checked-input-border-color:var(--el-border-color);--el-checkbox-disabled-checked-icon-color:var(--el-text-color-placeholder);--el-checkbox-checked-text-color:var(--el-color-primary);--el-checkbox-checked-input-border-color:var(--el-color-primary);--el-checkbox-checked-bg-color:var(--el-color-primary);--el-checkbox-checked-icon-color:var(--el-color-white);--el-checkbox-input-border-color-hover:var(--el-color-primary);align-items:center;color:var(--el-checkbox-text-color);cursor:pointer;display:inline-flex;font-size:var(--el-font-size-base);font-weight:var(--el-checkbox-font-weight);height:var(--el-checkbox-height,32px);margin-right:30px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.el-checkbox.is-disabled{cursor:not-allowed}.el-checkbox.is-bordered{border:var(--el-border);border-radius:var(--el-border-radius-base);box-sizing:border-box;padding:0 15px 0 9px}.el-checkbox.is-bordered.is-checked{border-color:var(--el-color-primary)}.el-checkbox.is-bordered.is-disabled{border-color:var(--el-border-color-lighter)}.el-checkbox.is-bordered.el-checkbox--large{border-radius:var(--el-border-radius-base);padding:0 19px 0 11px}.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label{font-size:var(--el-font-size-base)}.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{border-radius:calc(var(--el-border-radius-base) - 1px);padding:0 11px 0 7px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after{height:6px;width:2px}.el-checkbox input:focus-visible+.el-checkbox__inner{border-radius:var(--el-checkbox-border-radius);outline:2px solid var(--el-checkbox-input-border-color-hover);outline-offset:1px}.el-checkbox__input{cursor:pointer;display:inline-flex;outline:none;position:relative;white-space:nowrap}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:var(--el-checkbox-disabled-input-fill);border-color:var(--el-checkbox-disabled-border-color);cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner:after{border-color:var(--el-checkbox-disabled-icon-color);cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after{border-color:var(--el-checkbox-disabled-checked-icon-color)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before{background-color:var(--el-checkbox-disabled-checked-icon-color);border-color:var(--el-checkbox-disabled-checked-icon-color)}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:var(--el-disabled-text-color);cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-checked-bg-color);border-color:var(--el-checkbox-checked-input-border-color)}.el-checkbox__input.is-checked .el-checkbox__inner:after{border-color:var(--el-checkbox-checked-icon-color);transform:translate(-45%,-60%) rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:var(--el-checkbox-checked-text-color)}.el-checkbox__input.is-focus:not(.is-checked) .el-checkbox__original:not(:focus-visible){border-color:var(--el-checkbox-input-border-color-hover)}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:var(--el-checkbox-checked-bg-color);border-color:var(--el-checkbox-checked-input-border-color)}.el-checkbox__input.is-indeterminate .el-checkbox__inner:before{background-color:var(--el-checkbox-checked-icon-color);content:"";display:block;height:2px;left:0;position:absolute;right:0;top:5px;transform:scale(.5)}.el-checkbox__input.is-indeterminate .el-checkbox__inner:after{display:none}.el-checkbox__inner{background-color:var(--el-checkbox-bg-color);border:var(--el-checkbox-input-border);border-radius:var(--el-checkbox-border-radius);box-sizing:border-box;display:inline-block;height:var(--el-checkbox-input-height);position:relative;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46),outline .25s cubic-bezier(.71,-.46,.29,1.46);width:var(--el-checkbox-input-width);z-index:var(--el-index-normal)}.el-checkbox__inner:hover{border-color:var(--el-checkbox-input-border-color-hover)}.el-checkbox__inner:after{border:1px solid transparent;border-left:0;border-top:0;box-sizing:content-box;content:"";height:7px;left:50%;position:absolute;top:50%;transform:translate(-45%,-60%) rotate(45deg) scaleY(0);transform-origin:center;transition:transform .15s ease-in .05s;width:3px}.el-checkbox__original{height:0;margin:0;opacity:0;outline:none;position:absolute;width:0;z-index:-1}.el-checkbox__label{display:inline-block;font-size:var(--el-checkbox-font-size);line-height:1;padding-left:8px}.el-checkbox.el-checkbox--large{height:40px}.el-checkbox.el-checkbox--large .el-checkbox__label{font-size:14px}.el-checkbox.el-checkbox--large .el-checkbox__inner{height:14px;width:14px}.el-checkbox.el-checkbox--small{height:24px}.el-checkbox.el-checkbox--small .el-checkbox__label{font-size:12px}.el-checkbox.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner:before{top:4px}.el-checkbox.el-checkbox--small .el-checkbox__inner:after{height:6px;width:2px}.el-checkbox:last-of-type{margin-right:0}[class*=el-col-]{box-sizing:border-box}[class*=el-col-].is-guttered{display:block;min-height:1px}.el-col-0{flex:0 0 0%;max-width:0}.el-col-0,.el-col-0.is-guttered{display:none}.el-col-offset-0{margin-left:0}.el-col-pull-0{position:relative;right:0}.el-col-push-0{left:0;position:relative}.el-col-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-1,.el-col-1.is-guttered{display:block}.el-col-offset-1{margin-left:4.1666666667%}.el-col-pull-1{position:relative;right:4.1666666667%}.el-col-push-1{left:4.1666666667%;position:relative}.el-col-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-2,.el-col-2.is-guttered{display:block}.el-col-offset-2{margin-left:8.3333333333%}.el-col-pull-2{position:relative;right:8.3333333333%}.el-col-push-2{left:8.3333333333%;position:relative}.el-col-3{flex:0 0 12.5%;max-width:12.5%}.el-col-3,.el-col-3.is-guttered{display:block}.el-col-offset-3{margin-left:12.5%}.el-col-pull-3{position:relative;right:12.5%}.el-col-push-3{left:12.5%;position:relative}.el-col-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-4,.el-col-4.is-guttered{display:block}.el-col-offset-4{margin-left:16.6666666667%}.el-col-pull-4{position:relative;right:16.6666666667%}.el-col-push-4{left:16.6666666667%;position:relative}.el-col-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-5,.el-col-5.is-guttered{display:block}.el-col-offset-5{margin-left:20.8333333333%}.el-col-pull-5{position:relative;right:20.8333333333%}.el-col-push-5{left:20.8333333333%;position:relative}.el-col-6{flex:0 0 25%;max-width:25%}.el-col-6,.el-col-6.is-guttered{display:block}.el-col-offset-6{margin-left:25%}.el-col-pull-6{position:relative;right:25%}.el-col-push-6{left:25%;position:relative}.el-col-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-7,.el-col-7.is-guttered{display:block}.el-col-offset-7{margin-left:29.1666666667%}.el-col-pull-7{position:relative;right:29.1666666667%}.el-col-push-7{left:29.1666666667%;position:relative}.el-col-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-8,.el-col-8.is-guttered{display:block}.el-col-offset-8{margin-left:33.3333333333%}.el-col-pull-8{position:relative;right:33.3333333333%}.el-col-push-8{left:33.3333333333%;position:relative}.el-col-9{flex:0 0 37.5%;max-width:37.5%}.el-col-9,.el-col-9.is-guttered{display:block}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{position:relative;right:37.5%}.el-col-push-9{left:37.5%;position:relative}.el-col-10{flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-10,.el-col-10.is-guttered{display:block}.el-col-offset-10{margin-left:41.6666666667%}.el-col-pull-10{position:relative;right:41.6666666667%}.el-col-push-10{left:41.6666666667%;position:relative}.el-col-11{flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-11,.el-col-11.is-guttered{display:block}.el-col-offset-11{margin-left:45.8333333333%}.el-col-pull-11{position:relative;right:45.8333333333%}.el-col-push-11{left:45.8333333333%;position:relative}.el-col-12{flex:0 0 50%;max-width:50%}.el-col-12,.el-col-12.is-guttered{display:block}.el-col-offset-12{margin-left:50%}.el-col-pull-12{position:relative;right:50%}.el-col-push-12{left:50%;position:relative}.el-col-13{flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-13,.el-col-13.is-guttered{display:block}.el-col-offset-13{margin-left:54.1666666667%}.el-col-pull-13{position:relative;right:54.1666666667%}.el-col-push-13{left:54.1666666667%;position:relative}.el-col-14{flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-14,.el-col-14.is-guttered{display:block}.el-col-offset-14{margin-left:58.3333333333%}.el-col-pull-14{position:relative;right:58.3333333333%}.el-col-push-14{left:58.3333333333%;position:relative}.el-col-15{flex:0 0 62.5%;max-width:62.5%}.el-col-15,.el-col-15.is-guttered{display:block}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{position:relative;right:62.5%}.el-col-push-15{left:62.5%;position:relative}.el-col-16{flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-16,.el-col-16.is-guttered{display:block}.el-col-offset-16{margin-left:66.6666666667%}.el-col-pull-16{position:relative;right:66.6666666667%}.el-col-push-16{left:66.6666666667%;position:relative}.el-col-17{flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-17,.el-col-17.is-guttered{display:block}.el-col-offset-17{margin-left:70.8333333333%}.el-col-pull-17{position:relative;right:70.8333333333%}.el-col-push-17{left:70.8333333333%;position:relative}.el-col-18{flex:0 0 75%;max-width:75%}.el-col-18,.el-col-18.is-guttered{display:block}.el-col-offset-18{margin-left:75%}.el-col-pull-18{position:relative;right:75%}.el-col-push-18{left:75%;position:relative}.el-col-19{flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-19,.el-col-19.is-guttered{display:block}.el-col-offset-19{margin-left:79.1666666667%}.el-col-pull-19{position:relative;right:79.1666666667%}.el-col-push-19{left:79.1666666667%;position:relative}.el-col-20{flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-20,.el-col-20.is-guttered{display:block}.el-col-offset-20{margin-left:83.3333333333%}.el-col-pull-20{position:relative;right:83.3333333333%}.el-col-push-20{left:83.3333333333%;position:relative}.el-col-21{flex:0 0 87.5%;max-width:87.5%}.el-col-21,.el-col-21.is-guttered{display:block}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{position:relative;right:87.5%}.el-col-push-21{left:87.5%;position:relative}.el-col-22{flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-22,.el-col-22.is-guttered{display:block}.el-col-offset-22{margin-left:91.6666666667%}.el-col-pull-22{position:relative;right:91.6666666667%}.el-col-push-22{left:91.6666666667%;position:relative}.el-col-23{flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-23,.el-col-23.is-guttered{display:block}.el-col-offset-23{margin-left:95.8333333333%}.el-col-pull-23{position:relative;right:95.8333333333%}.el-col-push-23{left:95.8333333333%;position:relative}.el-col-24{flex:0 0 100%;max-width:100%}.el-col-24,.el-col-24.is-guttered{display:block}.el-col-offset-24{margin-left:100%}.el-col-pull-24{position:relative;right:100%}.el-col-push-24{left:100%;position:relative}@media only screen and (max-width:767px){.el-col-xs-0{display:none;flex:0 0 0%;max-width:0}.el-col-xs-0.is-guttered{display:none}.el-col-xs-offset-0{margin-left:0}.el-col-xs-pull-0{position:relative;right:0}.el-col-xs-push-0{left:0;position:relative}.el-col-xs-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-xs-1,.el-col-xs-1.is-guttered{display:block}.el-col-xs-offset-1{margin-left:4.1666666667%}.el-col-xs-pull-1{position:relative;right:4.1666666667%}.el-col-xs-push-1{left:4.1666666667%;position:relative}.el-col-xs-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-xs-2,.el-col-xs-2.is-guttered{display:block}.el-col-xs-offset-2{margin-left:8.3333333333%}.el-col-xs-pull-2{position:relative;right:8.3333333333%}.el-col-xs-push-2{left:8.3333333333%;position:relative}.el-col-xs-3{flex:0 0 12.5%;max-width:12.5%}.el-col-xs-3,.el-col-xs-3.is-guttered{display:block}.el-col-xs-offset-3{margin-left:12.5%}.el-col-xs-pull-3{position:relative;right:12.5%}.el-col-xs-push-3{left:12.5%;position:relative}.el-col-xs-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-xs-4,.el-col-xs-4.is-guttered{display:block}.el-col-xs-offset-4{margin-left:16.6666666667%}.el-col-xs-pull-4{position:relative;right:16.6666666667%}.el-col-xs-push-4{left:16.6666666667%;position:relative}.el-col-xs-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-xs-5,.el-col-xs-5.is-guttered{display:block}.el-col-xs-offset-5{margin-left:20.8333333333%}.el-col-xs-pull-5{position:relative;right:20.8333333333%}.el-col-xs-push-5{left:20.8333333333%;position:relative}.el-col-xs-6{flex:0 0 25%;max-width:25%}.el-col-xs-6,.el-col-xs-6.is-guttered{display:block}.el-col-xs-offset-6{margin-left:25%}.el-col-xs-pull-6{position:relative;right:25%}.el-col-xs-push-6{left:25%;position:relative}.el-col-xs-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-xs-7,.el-col-xs-7.is-guttered{display:block}.el-col-xs-offset-7{margin-left:29.1666666667%}.el-col-xs-pull-7{position:relative;right:29.1666666667%}.el-col-xs-push-7{left:29.1666666667%;position:relative}.el-col-xs-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-xs-8,.el-col-xs-8.is-guttered{display:block}.el-col-xs-offset-8{margin-left:33.3333333333%}.el-col-xs-pull-8{position:relative;right:33.3333333333%}.el-col-xs-push-8{left:33.3333333333%;position:relative}.el-col-xs-9{flex:0 0 37.5%;max-width:37.5%}.el-col-xs-9,.el-col-xs-9.is-guttered{display:block}.el-col-xs-offset-9{margin-left:37.5%}.el-col-xs-pull-9{position:relative;right:37.5%}.el-col-xs-push-9{left:37.5%;position:relative}.el-col-xs-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-xs-10.is-guttered{display:block}.el-col-xs-offset-10{margin-left:41.6666666667%}.el-col-xs-pull-10{position:relative;right:41.6666666667%}.el-col-xs-push-10{left:41.6666666667%;position:relative}.el-col-xs-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-xs-11.is-guttered{display:block}.el-col-xs-offset-11{margin-left:45.8333333333%}.el-col-xs-pull-11{position:relative;right:45.8333333333%}.el-col-xs-push-11{left:45.8333333333%;position:relative}.el-col-xs-12{display:block;flex:0 0 50%;max-width:50%}.el-col-xs-12.is-guttered{display:block}.el-col-xs-offset-12{margin-left:50%}.el-col-xs-pull-12{position:relative;right:50%}.el-col-xs-push-12{left:50%;position:relative}.el-col-xs-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-xs-13.is-guttered{display:block}.el-col-xs-offset-13{margin-left:54.1666666667%}.el-col-xs-pull-13{position:relative;right:54.1666666667%}.el-col-xs-push-13{left:54.1666666667%;position:relative}.el-col-xs-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-xs-14.is-guttered{display:block}.el-col-xs-offset-14{margin-left:58.3333333333%}.el-col-xs-pull-14{position:relative;right:58.3333333333%}.el-col-xs-push-14{left:58.3333333333%;position:relative}.el-col-xs-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-xs-15.is-guttered{display:block}.el-col-xs-offset-15{margin-left:62.5%}.el-col-xs-pull-15{position:relative;right:62.5%}.el-col-xs-push-15{left:62.5%;position:relative}.el-col-xs-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-xs-16.is-guttered{display:block}.el-col-xs-offset-16{margin-left:66.6666666667%}.el-col-xs-pull-16{position:relative;right:66.6666666667%}.el-col-xs-push-16{left:66.6666666667%;position:relative}.el-col-xs-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-xs-17.is-guttered{display:block}.el-col-xs-offset-17{margin-left:70.8333333333%}.el-col-xs-pull-17{position:relative;right:70.8333333333%}.el-col-xs-push-17{left:70.8333333333%;position:relative}.el-col-xs-18{display:block;flex:0 0 75%;max-width:75%}.el-col-xs-18.is-guttered{display:block}.el-col-xs-offset-18{margin-left:75%}.el-col-xs-pull-18{position:relative;right:75%}.el-col-xs-push-18{left:75%;position:relative}.el-col-xs-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-xs-19.is-guttered{display:block}.el-col-xs-offset-19{margin-left:79.1666666667%}.el-col-xs-pull-19{position:relative;right:79.1666666667%}.el-col-xs-push-19{left:79.1666666667%;position:relative}.el-col-xs-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-xs-20.is-guttered{display:block}.el-col-xs-offset-20{margin-left:83.3333333333%}.el-col-xs-pull-20{position:relative;right:83.3333333333%}.el-col-xs-push-20{left:83.3333333333%;position:relative}.el-col-xs-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-xs-21.is-guttered{display:block}.el-col-xs-offset-21{margin-left:87.5%}.el-col-xs-pull-21{position:relative;right:87.5%}.el-col-xs-push-21{left:87.5%;position:relative}.el-col-xs-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-xs-22.is-guttered{display:block}.el-col-xs-offset-22{margin-left:91.6666666667%}.el-col-xs-pull-22{position:relative;right:91.6666666667%}.el-col-xs-push-22{left:91.6666666667%;position:relative}.el-col-xs-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-xs-23.is-guttered{display:block}.el-col-xs-offset-23{margin-left:95.8333333333%}.el-col-xs-pull-23{position:relative;right:95.8333333333%}.el-col-xs-push-23{left:95.8333333333%;position:relative}.el-col-xs-24{display:block;flex:0 0 100%;max-width:100%}.el-col-xs-24.is-guttered{display:block}.el-col-xs-offset-24{margin-left:100%}.el-col-xs-pull-24{position:relative;right:100%}.el-col-xs-push-24{left:100%;position:relative}}@media only screen and (min-width:768px){.el-col-sm-0{display:none;flex:0 0 0%;max-width:0}.el-col-sm-0.is-guttered{display:none}.el-col-sm-offset-0{margin-left:0}.el-col-sm-pull-0{position:relative;right:0}.el-col-sm-push-0{left:0;position:relative}.el-col-sm-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-sm-1,.el-col-sm-1.is-guttered{display:block}.el-col-sm-offset-1{margin-left:4.1666666667%}.el-col-sm-pull-1{position:relative;right:4.1666666667%}.el-col-sm-push-1{left:4.1666666667%;position:relative}.el-col-sm-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-sm-2,.el-col-sm-2.is-guttered{display:block}.el-col-sm-offset-2{margin-left:8.3333333333%}.el-col-sm-pull-2{position:relative;right:8.3333333333%}.el-col-sm-push-2{left:8.3333333333%;position:relative}.el-col-sm-3{flex:0 0 12.5%;max-width:12.5%}.el-col-sm-3,.el-col-sm-3.is-guttered{display:block}.el-col-sm-offset-3{margin-left:12.5%}.el-col-sm-pull-3{position:relative;right:12.5%}.el-col-sm-push-3{left:12.5%;position:relative}.el-col-sm-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-sm-4,.el-col-sm-4.is-guttered{display:block}.el-col-sm-offset-4{margin-left:16.6666666667%}.el-col-sm-pull-4{position:relative;right:16.6666666667%}.el-col-sm-push-4{left:16.6666666667%;position:relative}.el-col-sm-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-sm-5,.el-col-sm-5.is-guttered{display:block}.el-col-sm-offset-5{margin-left:20.8333333333%}.el-col-sm-pull-5{position:relative;right:20.8333333333%}.el-col-sm-push-5{left:20.8333333333%;position:relative}.el-col-sm-6{flex:0 0 25%;max-width:25%}.el-col-sm-6,.el-col-sm-6.is-guttered{display:block}.el-col-sm-offset-6{margin-left:25%}.el-col-sm-pull-6{position:relative;right:25%}.el-col-sm-push-6{left:25%;position:relative}.el-col-sm-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-sm-7,.el-col-sm-7.is-guttered{display:block}.el-col-sm-offset-7{margin-left:29.1666666667%}.el-col-sm-pull-7{position:relative;right:29.1666666667%}.el-col-sm-push-7{left:29.1666666667%;position:relative}.el-col-sm-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-sm-8,.el-col-sm-8.is-guttered{display:block}.el-col-sm-offset-8{margin-left:33.3333333333%}.el-col-sm-pull-8{position:relative;right:33.3333333333%}.el-col-sm-push-8{left:33.3333333333%;position:relative}.el-col-sm-9{flex:0 0 37.5%;max-width:37.5%}.el-col-sm-9,.el-col-sm-9.is-guttered{display:block}.el-col-sm-offset-9{margin-left:37.5%}.el-col-sm-pull-9{position:relative;right:37.5%}.el-col-sm-push-9{left:37.5%;position:relative}.el-col-sm-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-sm-10.is-guttered{display:block}.el-col-sm-offset-10{margin-left:41.6666666667%}.el-col-sm-pull-10{position:relative;right:41.6666666667%}.el-col-sm-push-10{left:41.6666666667%;position:relative}.el-col-sm-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-sm-11.is-guttered{display:block}.el-col-sm-offset-11{margin-left:45.8333333333%}.el-col-sm-pull-11{position:relative;right:45.8333333333%}.el-col-sm-push-11{left:45.8333333333%;position:relative}.el-col-sm-12{display:block;flex:0 0 50%;max-width:50%}.el-col-sm-12.is-guttered{display:block}.el-col-sm-offset-12{margin-left:50%}.el-col-sm-pull-12{position:relative;right:50%}.el-col-sm-push-12{left:50%;position:relative}.el-col-sm-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-sm-13.is-guttered{display:block}.el-col-sm-offset-13{margin-left:54.1666666667%}.el-col-sm-pull-13{position:relative;right:54.1666666667%}.el-col-sm-push-13{left:54.1666666667%;position:relative}.el-col-sm-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-sm-14.is-guttered{display:block}.el-col-sm-offset-14{margin-left:58.3333333333%}.el-col-sm-pull-14{position:relative;right:58.3333333333%}.el-col-sm-push-14{left:58.3333333333%;position:relative}.el-col-sm-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-sm-15.is-guttered{display:block}.el-col-sm-offset-15{margin-left:62.5%}.el-col-sm-pull-15{position:relative;right:62.5%}.el-col-sm-push-15{left:62.5%;position:relative}.el-col-sm-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-sm-16.is-guttered{display:block}.el-col-sm-offset-16{margin-left:66.6666666667%}.el-col-sm-pull-16{position:relative;right:66.6666666667%}.el-col-sm-push-16{left:66.6666666667%;position:relative}.el-col-sm-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-sm-17.is-guttered{display:block}.el-col-sm-offset-17{margin-left:70.8333333333%}.el-col-sm-pull-17{position:relative;right:70.8333333333%}.el-col-sm-push-17{left:70.8333333333%;position:relative}.el-col-sm-18{display:block;flex:0 0 75%;max-width:75%}.el-col-sm-18.is-guttered{display:block}.el-col-sm-offset-18{margin-left:75%}.el-col-sm-pull-18{position:relative;right:75%}.el-col-sm-push-18{left:75%;position:relative}.el-col-sm-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-sm-19.is-guttered{display:block}.el-col-sm-offset-19{margin-left:79.1666666667%}.el-col-sm-pull-19{position:relative;right:79.1666666667%}.el-col-sm-push-19{left:79.1666666667%;position:relative}.el-col-sm-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-sm-20.is-guttered{display:block}.el-col-sm-offset-20{margin-left:83.3333333333%}.el-col-sm-pull-20{position:relative;right:83.3333333333%}.el-col-sm-push-20{left:83.3333333333%;position:relative}.el-col-sm-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-sm-21.is-guttered{display:block}.el-col-sm-offset-21{margin-left:87.5%}.el-col-sm-pull-21{position:relative;right:87.5%}.el-col-sm-push-21{left:87.5%;position:relative}.el-col-sm-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-sm-22.is-guttered{display:block}.el-col-sm-offset-22{margin-left:91.6666666667%}.el-col-sm-pull-22{position:relative;right:91.6666666667%}.el-col-sm-push-22{left:91.6666666667%;position:relative}.el-col-sm-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-sm-23.is-guttered{display:block}.el-col-sm-offset-23{margin-left:95.8333333333%}.el-col-sm-pull-23{position:relative;right:95.8333333333%}.el-col-sm-push-23{left:95.8333333333%;position:relative}.el-col-sm-24{display:block;flex:0 0 100%;max-width:100%}.el-col-sm-24.is-guttered{display:block}.el-col-sm-offset-24{margin-left:100%}.el-col-sm-pull-24{position:relative;right:100%}.el-col-sm-push-24{left:100%;position:relative}}@media only screen and (min-width:992px){.el-col-md-0{display:none;flex:0 0 0%;max-width:0}.el-col-md-0.is-guttered{display:none}.el-col-md-offset-0{margin-left:0}.el-col-md-pull-0{position:relative;right:0}.el-col-md-push-0{left:0;position:relative}.el-col-md-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-md-1,.el-col-md-1.is-guttered{display:block}.el-col-md-offset-1{margin-left:4.1666666667%}.el-col-md-pull-1{position:relative;right:4.1666666667%}.el-col-md-push-1{left:4.1666666667%;position:relative}.el-col-md-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-md-2,.el-col-md-2.is-guttered{display:block}.el-col-md-offset-2{margin-left:8.3333333333%}.el-col-md-pull-2{position:relative;right:8.3333333333%}.el-col-md-push-2{left:8.3333333333%;position:relative}.el-col-md-3{flex:0 0 12.5%;max-width:12.5%}.el-col-md-3,.el-col-md-3.is-guttered{display:block}.el-col-md-offset-3{margin-left:12.5%}.el-col-md-pull-3{position:relative;right:12.5%}.el-col-md-push-3{left:12.5%;position:relative}.el-col-md-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-md-4,.el-col-md-4.is-guttered{display:block}.el-col-md-offset-4{margin-left:16.6666666667%}.el-col-md-pull-4{position:relative;right:16.6666666667%}.el-col-md-push-4{left:16.6666666667%;position:relative}.el-col-md-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-md-5,.el-col-md-5.is-guttered{display:block}.el-col-md-offset-5{margin-left:20.8333333333%}.el-col-md-pull-5{position:relative;right:20.8333333333%}.el-col-md-push-5{left:20.8333333333%;position:relative}.el-col-md-6{flex:0 0 25%;max-width:25%}.el-col-md-6,.el-col-md-6.is-guttered{display:block}.el-col-md-offset-6{margin-left:25%}.el-col-md-pull-6{position:relative;right:25%}.el-col-md-push-6{left:25%;position:relative}.el-col-md-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-md-7,.el-col-md-7.is-guttered{display:block}.el-col-md-offset-7{margin-left:29.1666666667%}.el-col-md-pull-7{position:relative;right:29.1666666667%}.el-col-md-push-7{left:29.1666666667%;position:relative}.el-col-md-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-md-8,.el-col-md-8.is-guttered{display:block}.el-col-md-offset-8{margin-left:33.3333333333%}.el-col-md-pull-8{position:relative;right:33.3333333333%}.el-col-md-push-8{left:33.3333333333%;position:relative}.el-col-md-9{flex:0 0 37.5%;max-width:37.5%}.el-col-md-9,.el-col-md-9.is-guttered{display:block}.el-col-md-offset-9{margin-left:37.5%}.el-col-md-pull-9{position:relative;right:37.5%}.el-col-md-push-9{left:37.5%;position:relative}.el-col-md-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-md-10.is-guttered{display:block}.el-col-md-offset-10{margin-left:41.6666666667%}.el-col-md-pull-10{position:relative;right:41.6666666667%}.el-col-md-push-10{left:41.6666666667%;position:relative}.el-col-md-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-md-11.is-guttered{display:block}.el-col-md-offset-11{margin-left:45.8333333333%}.el-col-md-pull-11{position:relative;right:45.8333333333%}.el-col-md-push-11{left:45.8333333333%;position:relative}.el-col-md-12{display:block;flex:0 0 50%;max-width:50%}.el-col-md-12.is-guttered{display:block}.el-col-md-offset-12{margin-left:50%}.el-col-md-pull-12{position:relative;right:50%}.el-col-md-push-12{left:50%;position:relative}.el-col-md-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-md-13.is-guttered{display:block}.el-col-md-offset-13{margin-left:54.1666666667%}.el-col-md-pull-13{position:relative;right:54.1666666667%}.el-col-md-push-13{left:54.1666666667%;position:relative}.el-col-md-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-md-14.is-guttered{display:block}.el-col-md-offset-14{margin-left:58.3333333333%}.el-col-md-pull-14{position:relative;right:58.3333333333%}.el-col-md-push-14{left:58.3333333333%;position:relative}.el-col-md-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-md-15.is-guttered{display:block}.el-col-md-offset-15{margin-left:62.5%}.el-col-md-pull-15{position:relative;right:62.5%}.el-col-md-push-15{left:62.5%;position:relative}.el-col-md-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-md-16.is-guttered{display:block}.el-col-md-offset-16{margin-left:66.6666666667%}.el-col-md-pull-16{position:relative;right:66.6666666667%}.el-col-md-push-16{left:66.6666666667%;position:relative}.el-col-md-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-md-17.is-guttered{display:block}.el-col-md-offset-17{margin-left:70.8333333333%}.el-col-md-pull-17{position:relative;right:70.8333333333%}.el-col-md-push-17{left:70.8333333333%;position:relative}.el-col-md-18{display:block;flex:0 0 75%;max-width:75%}.el-col-md-18.is-guttered{display:block}.el-col-md-offset-18{margin-left:75%}.el-col-md-pull-18{position:relative;right:75%}.el-col-md-push-18{left:75%;position:relative}.el-col-md-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-md-19.is-guttered{display:block}.el-col-md-offset-19{margin-left:79.1666666667%}.el-col-md-pull-19{position:relative;right:79.1666666667%}.el-col-md-push-19{left:79.1666666667%;position:relative}.el-col-md-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-md-20.is-guttered{display:block}.el-col-md-offset-20{margin-left:83.3333333333%}.el-col-md-pull-20{position:relative;right:83.3333333333%}.el-col-md-push-20{left:83.3333333333%;position:relative}.el-col-md-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-md-21.is-guttered{display:block}.el-col-md-offset-21{margin-left:87.5%}.el-col-md-pull-21{position:relative;right:87.5%}.el-col-md-push-21{left:87.5%;position:relative}.el-col-md-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-md-22.is-guttered{display:block}.el-col-md-offset-22{margin-left:91.6666666667%}.el-col-md-pull-22{position:relative;right:91.6666666667%}.el-col-md-push-22{left:91.6666666667%;position:relative}.el-col-md-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-md-23.is-guttered{display:block}.el-col-md-offset-23{margin-left:95.8333333333%}.el-col-md-pull-23{position:relative;right:95.8333333333%}.el-col-md-push-23{left:95.8333333333%;position:relative}.el-col-md-24{display:block;flex:0 0 100%;max-width:100%}.el-col-md-24.is-guttered{display:block}.el-col-md-offset-24{margin-left:100%}.el-col-md-pull-24{position:relative;right:100%}.el-col-md-push-24{left:100%;position:relative}}@media only screen and (min-width:1200px){.el-col-lg-0{display:none;flex:0 0 0%;max-width:0}.el-col-lg-0.is-guttered{display:none}.el-col-lg-offset-0{margin-left:0}.el-col-lg-pull-0{position:relative;right:0}.el-col-lg-push-0{left:0;position:relative}.el-col-lg-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-lg-1,.el-col-lg-1.is-guttered{display:block}.el-col-lg-offset-1{margin-left:4.1666666667%}.el-col-lg-pull-1{position:relative;right:4.1666666667%}.el-col-lg-push-1{left:4.1666666667%;position:relative}.el-col-lg-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-lg-2,.el-col-lg-2.is-guttered{display:block}.el-col-lg-offset-2{margin-left:8.3333333333%}.el-col-lg-pull-2{position:relative;right:8.3333333333%}.el-col-lg-push-2{left:8.3333333333%;position:relative}.el-col-lg-3{flex:0 0 12.5%;max-width:12.5%}.el-col-lg-3,.el-col-lg-3.is-guttered{display:block}.el-col-lg-offset-3{margin-left:12.5%}.el-col-lg-pull-3{position:relative;right:12.5%}.el-col-lg-push-3{left:12.5%;position:relative}.el-col-lg-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-lg-4,.el-col-lg-4.is-guttered{display:block}.el-col-lg-offset-4{margin-left:16.6666666667%}.el-col-lg-pull-4{position:relative;right:16.6666666667%}.el-col-lg-push-4{left:16.6666666667%;position:relative}.el-col-lg-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-lg-5,.el-col-lg-5.is-guttered{display:block}.el-col-lg-offset-5{margin-left:20.8333333333%}.el-col-lg-pull-5{position:relative;right:20.8333333333%}.el-col-lg-push-5{left:20.8333333333%;position:relative}.el-col-lg-6{flex:0 0 25%;max-width:25%}.el-col-lg-6,.el-col-lg-6.is-guttered{display:block}.el-col-lg-offset-6{margin-left:25%}.el-col-lg-pull-6{position:relative;right:25%}.el-col-lg-push-6{left:25%;position:relative}.el-col-lg-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-lg-7,.el-col-lg-7.is-guttered{display:block}.el-col-lg-offset-7{margin-left:29.1666666667%}.el-col-lg-pull-7{position:relative;right:29.1666666667%}.el-col-lg-push-7{left:29.1666666667%;position:relative}.el-col-lg-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-lg-8,.el-col-lg-8.is-guttered{display:block}.el-col-lg-offset-8{margin-left:33.3333333333%}.el-col-lg-pull-8{position:relative;right:33.3333333333%}.el-col-lg-push-8{left:33.3333333333%;position:relative}.el-col-lg-9{flex:0 0 37.5%;max-width:37.5%}.el-col-lg-9,.el-col-lg-9.is-guttered{display:block}.el-col-lg-offset-9{margin-left:37.5%}.el-col-lg-pull-9{position:relative;right:37.5%}.el-col-lg-push-9{left:37.5%;position:relative}.el-col-lg-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-lg-10.is-guttered{display:block}.el-col-lg-offset-10{margin-left:41.6666666667%}.el-col-lg-pull-10{position:relative;right:41.6666666667%}.el-col-lg-push-10{left:41.6666666667%;position:relative}.el-col-lg-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-lg-11.is-guttered{display:block}.el-col-lg-offset-11{margin-left:45.8333333333%}.el-col-lg-pull-11{position:relative;right:45.8333333333%}.el-col-lg-push-11{left:45.8333333333%;position:relative}.el-col-lg-12{display:block;flex:0 0 50%;max-width:50%}.el-col-lg-12.is-guttered{display:block}.el-col-lg-offset-12{margin-left:50%}.el-col-lg-pull-12{position:relative;right:50%}.el-col-lg-push-12{left:50%;position:relative}.el-col-lg-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-lg-13.is-guttered{display:block}.el-col-lg-offset-13{margin-left:54.1666666667%}.el-col-lg-pull-13{position:relative;right:54.1666666667%}.el-col-lg-push-13{left:54.1666666667%;position:relative}.el-col-lg-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-lg-14.is-guttered{display:block}.el-col-lg-offset-14{margin-left:58.3333333333%}.el-col-lg-pull-14{position:relative;right:58.3333333333%}.el-col-lg-push-14{left:58.3333333333%;position:relative}.el-col-lg-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-lg-15.is-guttered{display:block}.el-col-lg-offset-15{margin-left:62.5%}.el-col-lg-pull-15{position:relative;right:62.5%}.el-col-lg-push-15{left:62.5%;position:relative}.el-col-lg-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-lg-16.is-guttered{display:block}.el-col-lg-offset-16{margin-left:66.6666666667%}.el-col-lg-pull-16{position:relative;right:66.6666666667%}.el-col-lg-push-16{left:66.6666666667%;position:relative}.el-col-lg-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-lg-17.is-guttered{display:block}.el-col-lg-offset-17{margin-left:70.8333333333%}.el-col-lg-pull-17{position:relative;right:70.8333333333%}.el-col-lg-push-17{left:70.8333333333%;position:relative}.el-col-lg-18{display:block;flex:0 0 75%;max-width:75%}.el-col-lg-18.is-guttered{display:block}.el-col-lg-offset-18{margin-left:75%}.el-col-lg-pull-18{position:relative;right:75%}.el-col-lg-push-18{left:75%;position:relative}.el-col-lg-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-lg-19.is-guttered{display:block}.el-col-lg-offset-19{margin-left:79.1666666667%}.el-col-lg-pull-19{position:relative;right:79.1666666667%}.el-col-lg-push-19{left:79.1666666667%;position:relative}.el-col-lg-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-lg-20.is-guttered{display:block}.el-col-lg-offset-20{margin-left:83.3333333333%}.el-col-lg-pull-20{position:relative;right:83.3333333333%}.el-col-lg-push-20{left:83.3333333333%;position:relative}.el-col-lg-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-lg-21.is-guttered{display:block}.el-col-lg-offset-21{margin-left:87.5%}.el-col-lg-pull-21{position:relative;right:87.5%}.el-col-lg-push-21{left:87.5%;position:relative}.el-col-lg-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-lg-22.is-guttered{display:block}.el-col-lg-offset-22{margin-left:91.6666666667%}.el-col-lg-pull-22{position:relative;right:91.6666666667%}.el-col-lg-push-22{left:91.6666666667%;position:relative}.el-col-lg-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-lg-23.is-guttered{display:block}.el-col-lg-offset-23{margin-left:95.8333333333%}.el-col-lg-pull-23{position:relative;right:95.8333333333%}.el-col-lg-push-23{left:95.8333333333%;position:relative}.el-col-lg-24{display:block;flex:0 0 100%;max-width:100%}.el-col-lg-24.is-guttered{display:block}.el-col-lg-offset-24{margin-left:100%}.el-col-lg-pull-24{position:relative;right:100%}.el-col-lg-push-24{left:100%;position:relative}}@media only screen and (min-width:1920px){.el-col-xl-0{display:none;flex:0 0 0%;max-width:0}.el-col-xl-0.is-guttered{display:none}.el-col-xl-offset-0{margin-left:0}.el-col-xl-pull-0{position:relative;right:0}.el-col-xl-push-0{left:0;position:relative}.el-col-xl-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.el-col-xl-1,.el-col-xl-1.is-guttered{display:block}.el-col-xl-offset-1{margin-left:4.1666666667%}.el-col-xl-pull-1{position:relative;right:4.1666666667%}.el-col-xl-push-1{left:4.1666666667%;position:relative}.el-col-xl-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.el-col-xl-2,.el-col-xl-2.is-guttered{display:block}.el-col-xl-offset-2{margin-left:8.3333333333%}.el-col-xl-pull-2{position:relative;right:8.3333333333%}.el-col-xl-push-2{left:8.3333333333%;position:relative}.el-col-xl-3{flex:0 0 12.5%;max-width:12.5%}.el-col-xl-3,.el-col-xl-3.is-guttered{display:block}.el-col-xl-offset-3{margin-left:12.5%}.el-col-xl-pull-3{position:relative;right:12.5%}.el-col-xl-push-3{left:12.5%;position:relative}.el-col-xl-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.el-col-xl-4,.el-col-xl-4.is-guttered{display:block}.el-col-xl-offset-4{margin-left:16.6666666667%}.el-col-xl-pull-4{position:relative;right:16.6666666667%}.el-col-xl-push-4{left:16.6666666667%;position:relative}.el-col-xl-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.el-col-xl-5,.el-col-xl-5.is-guttered{display:block}.el-col-xl-offset-5{margin-left:20.8333333333%}.el-col-xl-pull-5{position:relative;right:20.8333333333%}.el-col-xl-push-5{left:20.8333333333%;position:relative}.el-col-xl-6{flex:0 0 25%;max-width:25%}.el-col-xl-6,.el-col-xl-6.is-guttered{display:block}.el-col-xl-offset-6{margin-left:25%}.el-col-xl-pull-6{position:relative;right:25%}.el-col-xl-push-6{left:25%;position:relative}.el-col-xl-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.el-col-xl-7,.el-col-xl-7.is-guttered{display:block}.el-col-xl-offset-7{margin-left:29.1666666667%}.el-col-xl-pull-7{position:relative;right:29.1666666667%}.el-col-xl-push-7{left:29.1666666667%;position:relative}.el-col-xl-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.el-col-xl-8,.el-col-xl-8.is-guttered{display:block}.el-col-xl-offset-8{margin-left:33.3333333333%}.el-col-xl-pull-8{position:relative;right:33.3333333333%}.el-col-xl-push-8{left:33.3333333333%;position:relative}.el-col-xl-9{flex:0 0 37.5%;max-width:37.5%}.el-col-xl-9,.el-col-xl-9.is-guttered{display:block}.el-col-xl-offset-9{margin-left:37.5%}.el-col-xl-pull-9{position:relative;right:37.5%}.el-col-xl-push-9{left:37.5%;position:relative}.el-col-xl-10{display:block;flex:0 0 41.6666666667%;max-width:41.6666666667%}.el-col-xl-10.is-guttered{display:block}.el-col-xl-offset-10{margin-left:41.6666666667%}.el-col-xl-pull-10{position:relative;right:41.6666666667%}.el-col-xl-push-10{left:41.6666666667%;position:relative}.el-col-xl-11{display:block;flex:0 0 45.8333333333%;max-width:45.8333333333%}.el-col-xl-11.is-guttered{display:block}.el-col-xl-offset-11{margin-left:45.8333333333%}.el-col-xl-pull-11{position:relative;right:45.8333333333%}.el-col-xl-push-11{left:45.8333333333%;position:relative}.el-col-xl-12{display:block;flex:0 0 50%;max-width:50%}.el-col-xl-12.is-guttered{display:block}.el-col-xl-offset-12{margin-left:50%}.el-col-xl-pull-12{position:relative;right:50%}.el-col-xl-push-12{left:50%;position:relative}.el-col-xl-13{display:block;flex:0 0 54.1666666667%;max-width:54.1666666667%}.el-col-xl-13.is-guttered{display:block}.el-col-xl-offset-13{margin-left:54.1666666667%}.el-col-xl-pull-13{position:relative;right:54.1666666667%}.el-col-xl-push-13{left:54.1666666667%;position:relative}.el-col-xl-14{display:block;flex:0 0 58.3333333333%;max-width:58.3333333333%}.el-col-xl-14.is-guttered{display:block}.el-col-xl-offset-14{margin-left:58.3333333333%}.el-col-xl-pull-14{position:relative;right:58.3333333333%}.el-col-xl-push-14{left:58.3333333333%;position:relative}.el-col-xl-15{display:block;flex:0 0 62.5%;max-width:62.5%}.el-col-xl-15.is-guttered{display:block}.el-col-xl-offset-15{margin-left:62.5%}.el-col-xl-pull-15{position:relative;right:62.5%}.el-col-xl-push-15{left:62.5%;position:relative}.el-col-xl-16{display:block;flex:0 0 66.6666666667%;max-width:66.6666666667%}.el-col-xl-16.is-guttered{display:block}.el-col-xl-offset-16{margin-left:66.6666666667%}.el-col-xl-pull-16{position:relative;right:66.6666666667%}.el-col-xl-push-16{left:66.6666666667%;position:relative}.el-col-xl-17{display:block;flex:0 0 70.8333333333%;max-width:70.8333333333%}.el-col-xl-17.is-guttered{display:block}.el-col-xl-offset-17{margin-left:70.8333333333%}.el-col-xl-pull-17{position:relative;right:70.8333333333%}.el-col-xl-push-17{left:70.8333333333%;position:relative}.el-col-xl-18{display:block;flex:0 0 75%;max-width:75%}.el-col-xl-18.is-guttered{display:block}.el-col-xl-offset-18{margin-left:75%}.el-col-xl-pull-18{position:relative;right:75%}.el-col-xl-push-18{left:75%;position:relative}.el-col-xl-19{display:block;flex:0 0 79.1666666667%;max-width:79.1666666667%}.el-col-xl-19.is-guttered{display:block}.el-col-xl-offset-19{margin-left:79.1666666667%}.el-col-xl-pull-19{position:relative;right:79.1666666667%}.el-col-xl-push-19{left:79.1666666667%;position:relative}.el-col-xl-20{display:block;flex:0 0 83.3333333333%;max-width:83.3333333333%}.el-col-xl-20.is-guttered{display:block}.el-col-xl-offset-20{margin-left:83.3333333333%}.el-col-xl-pull-20{position:relative;right:83.3333333333%}.el-col-xl-push-20{left:83.3333333333%;position:relative}.el-col-xl-21{display:block;flex:0 0 87.5%;max-width:87.5%}.el-col-xl-21.is-guttered{display:block}.el-col-xl-offset-21{margin-left:87.5%}.el-col-xl-pull-21{position:relative;right:87.5%}.el-col-xl-push-21{left:87.5%;position:relative}.el-col-xl-22{display:block;flex:0 0 91.6666666667%;max-width:91.6666666667%}.el-col-xl-22.is-guttered{display:block}.el-col-xl-offset-22{margin-left:91.6666666667%}.el-col-xl-pull-22{position:relative;right:91.6666666667%}.el-col-xl-push-22{left:91.6666666667%;position:relative}.el-col-xl-23{display:block;flex:0 0 95.8333333333%;max-width:95.8333333333%}.el-col-xl-23.is-guttered{display:block}.el-col-xl-offset-23{margin-left:95.8333333333%}.el-col-xl-pull-23{position:relative;right:95.8333333333%}.el-col-xl-push-23{left:95.8333333333%;position:relative}.el-col-xl-24{display:block;flex:0 0 100%;max-width:100%}.el-col-xl-24.is-guttered{display:block}.el-col-xl-offset-24{margin-left:100%}.el-col-xl-pull-24{position:relative;right:100%}.el-col-xl-push-24{left:100%;position:relative}}.el-collapse{--el-collapse-border-color:var(--el-border-color-lighter);--el-collapse-header-height:48px;--el-collapse-header-bg-color:var(--el-fill-color-blank);--el-collapse-header-text-color:var(--el-text-color-primary);--el-collapse-header-font-size:13px;--el-collapse-content-bg-color:var(--el-fill-color-blank);--el-collapse-content-font-size:13px;--el-collapse-content-text-color:var(--el-text-color-primary);border-bottom:1px solid var(--el-collapse-border-color);border-top:1px solid var(--el-collapse-border-color)}.el-collapse-item.is-disabled .el-collapse-item__header{color:var(--el-text-color-disabled);cursor:not-allowed}.el-collapse-item__header{align-items:center;background-color:var(--el-collapse-header-bg-color);border:none;border-bottom:1px solid var(--el-collapse-border-color);color:var(--el-collapse-header-text-color);cursor:pointer;display:flex;font-size:var(--el-collapse-header-font-size);font-weight:500;line-height:var(--el-collapse-header-height);min-height:var(--el-collapse-header-height);outline:none;padding:0;transition:border-bottom-color var(--el-transition-duration);width:100%}.el-collapse-item__arrow{font-weight:300;transition:transform var(--el-transition-duration)}.el-collapse-item__arrow.is-active{transform:rotate(90deg)}.el-collapse-item__title{flex:auto;text-align:left}.el-collapse-item__header.focusing:focus:not(:hover){color:var(--el-color-primary)}.el-collapse-item__header.is-active{border-bottom-color:transparent}.el-collapse-item__wrap{background-color:var(--el-collapse-content-bg-color);border-bottom:1px solid var(--el-collapse-border-color);box-sizing:border-box;overflow:hidden;will-change:height}.el-collapse-item__content{color:var(--el-collapse-content-text-color);font-size:var(--el-collapse-content-font-size);line-height:1.7692307692;padding-bottom:25px}.el-collapse-item:last-child{margin-bottom:-1px}.el-collapse-icon-position-left .el-collapse-item__header{gap:8px}.el-collapse-icon-position-left .el-collapse-item__title{order:1}.el-collapse-icon-position-right .el-collapse-item__header{padding-right:8px}.el-color-picker-panel{background:var(--el-bg-color-overlay);box-sizing:content-box;padding:12px;width:300px}.el-color-picker-panel.is-border{border:1px solid var(--el-border-color-lighter);border-radius:4px}.el-color-picker-panel__wrapper{margin-bottom:6px}.el-color-picker-panel__footer{display:flex;justify-content:space-between;margin-top:12px;text-align:right}.el-color-picker-panel__footer .el-input{color:#000000;font-size:12px;line-height:26px;width:160px}.el-color-picker-panel.is-disabled .el-color-hue-slider,.el-color-picker-panel.is-disabled .el-color-svpanel{cursor:not-allowed;opacity:.3}.el-color-picker-panel.is-disabled .el-color-hue-slider__thumb{cursor:not-allowed}.el-color-picker-panel.is-disabled .el-color-alpha-slider,.el-color-picker-panel.is-disabled .el-color-predefine .el-color-predefine__color-selector{cursor:not-allowed;opacity:.3}.el-color-predefine{display:flex;font-size:12px;margin-top:8px;width:280px}.el-color-predefine__colors{display:flex;flex:1;flex-wrap:wrap;gap:8px}.el-color-predefine__color-selector{border:none;border-radius:var(--el-border-radius-base);cursor:pointer;height:20px;outline:none;overflow:hidden;padding:0;width:20px}.el-color-predefine__color-selector.selected{box-shadow:0 0 3px 2px var(--el-color-primary)}.el-color-predefine__color-selector:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:2px}.el-color-predefine__color-selector>div{display:flex;height:100%}.el-color-predefine__color-selector.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-hue-slider{background-color:#f00;box-sizing:border-box;float:right;height:12px;padding:0 2px;position:relative;width:280px}.el-color-hue-slider__bar{background:linear-gradient(90deg,#f00 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00);height:100%;position:relative}.el-color-hue-slider__thumb{background:#fff;border:1px solid var(--el-border-color-lighter);border-radius:1px;box-shadow:0 0 2px rgba(0,0,0,.6);box-sizing:border-box;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:4px;z-index:1}.el-color-hue-slider__thumb:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-hue-slider.is-vertical{height:180px;padding:2px 0;width:12px}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:linear-gradient(180deg,#f00 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{height:4px;left:0;top:0;width:100%}.el-color-svpanel{background-image:linear-gradient(0deg,#000,rgba(0,0,0,0)),linear-gradient(90deg,#fff,rgba(255,255,255,0));height:180px;position:relative;width:280px}.el-color-svpanel__cursor{border-radius:50%;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);cursor:pointer;height:4px;position:absolute;transform:translate(-2px,-2px);width:4px}.el-color-svpanel__cursor:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:2px}.el-color-alpha-slider{background-image:linear-gradient(45deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(45deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%);background-position:0 0,6px 0,6px -6px,0 6px;background-size:12px 12px;box-sizing:border-box;height:12px;position:relative;width:280px}.el-color-alpha-slider.is-disabled .el-color-alpha-slider__thumb{cursor:not-allowed}.el-color-alpha-slider__bar{background:linear-gradient(to right,rgba(255,255,255,0) 0,var(--el-bg-color) 100%);height:100%;position:relative}.el-color-alpha-slider__thumb{background:#fff;border:1px solid var(--el-border-color-lighter);border-radius:1px;box-shadow:0 0 2px rgba(0,0,0,.6);box-sizing:border-box;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:4px;z-index:1}.el-color-alpha-slider__thumb:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-alpha-slider.is-vertical{height:180px;width:20px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgb(255,255,255))}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{height:4px;left:0;top:0;width:100%}.el-color-picker-panel{--el-color-picker-alpha-bg-a:#ccc;--el-color-picker-alpha-bg-b:transparent}.dark .el-color-picker-panel{--el-color-picker-alpha-bg-a:#333333}.el-color-picker{display:inline-block;height:32px;line-height:normal;outline:none;position:relative;width:32px}.el-color-picker:hover:not(.is-disabled,.is-focused) .el-color-picker__trigger{border-color:var(--el-border-color-hover)}.el-color-picker:focus-visible:not(.is-disabled) .el-color-picker__trigger{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-picker.is-focused .el-color-picker__trigger{border-color:var(--el-color-primary)}.el-color-picker.is-disabled .el-color-picker__trigger{background-color:var(--el-fill-color-light);cursor:not-allowed}.el-color-picker.is-disabled .el-color-picker__color{opacity:.3}.el-color-picker--large{height:40px;width:40px}.el-color-picker--small{height:24px;width:24px}.el-color-picker--small .el-color-picker__empty,.el-color-picker--small .el-color-picker__icon{transform:scale(.8)}.el-color-picker__trigger{align-items:center;border:1px solid var(--el-border-color);border-radius:4px;cursor:pointer;display:inline-flex;font-size:0;justify-content:center;padding:4px}.el-color-picker__color,.el-color-picker__trigger{box-sizing:border-box;height:100%;position:relative;width:100%}.el-color-picker__color{border:1px solid var(--el-text-color-secondary);border-radius:var(--el-border-radius-small);display:block;text-align:center}.el-color-picker__color.is-alpha{background-image:linear-gradient(45deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(45deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%);background-position:0 0,6px 0,6px -6px,0 6px;background-size:12px 12px}.el-color-picker__color-inner{align-items:center;display:inline-flex;height:100%;justify-content:center;width:100%}.el-color-picker .el-color-picker__empty{color:var(--el-text-color-secondary);font-size:12px}.el-color-picker .el-color-picker__icon{align-items:center;color:#ffffff;display:inline-flex;font-size:12px;justify-content:center}.el-color-picker__panel{background-color:#ffffff;border-radius:var(--el-border-radius-base);box-shadow:var(--el-box-shadow-light)}.el-color-picker__panel.el-popper{border:1px solid var(--el-border-color-lighter)}.el-color-picker,.el-color-picker__panel{--el-color-picker-alpha-bg-a:#ccc;--el-color-picker-alpha-bg-b:transparent}.dark .el-color-picker,.dark .el-color-picker__panel{--el-color-picker-alpha-bg-a:#333333}.el-container{box-sizing:border-box;display:flex;flex:1;flex-basis:auto;flex-direction:row;min-width:0}.el-container.is-vertical{flex-direction:column}.el-date-table{font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-date-table.is-week-mode .el-date-table__row:hover .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover{color:var(--el-datepicker-text-color)}.el-date-table.is-week-mode .el-date-table__row:hover td:first-child .el-date-table-cell{border-bottom-left-radius:15px;border-top-left-radius:15px;margin-left:5px}.el-date-table.is-week-mode .el-date-table__row:hover td:last-child .el-date-table-cell{border-bottom-right-radius:15px;border-top-right-radius:15px;margin-right:5px}.el-date-table.is-week-mode .el-date-table__row.current .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-date-table td{box-sizing:border-box;cursor:pointer;height:30px;padding:4px 0;position:relative;text-align:center;width:32px}.el-date-table td .el-date-table-cell{box-sizing:border-box;height:30px;padding:3px 0}.el-date-table td .el-date-table-cell .el-date-table-cell__text{border-radius:50%;display:block;height:24px;left:50%;line-height:24px;margin:0 auto;position:absolute;transform:translateX(-50%);width:24px}.el-date-table td.next-month,.el-date-table td.prev-month{color:var(--el-datepicker-off-text-color)}.el-date-table td.today{position:relative}.el-date-table td.today .el-date-table-cell__text{color:var(--el-color-primary);font-weight:bold}.el-date-table td.today.end-date .el-date-table-cell__text,.el-date-table td.today.start-date .el-date-table-cell__text{color:#ffffff}.el-date-table td.available:hover{color:var(--el-datepicker-hover-text-color)}.el-date-table td.in-range .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-date-table td.in-range .el-date-table-cell:hover{background-color:var(--el-datepicker-inrange-hover-bg-color)}.el-date-table td.current:not(.disabled) .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);color:#ffffff}.el-date-table td.current:not(.disabled):focus-visible .el-date-table-cell__text{outline:2px solid var(--el-datepicker-active-color);outline-offset:1px}.el-date-table td.end-date .el-date-table-cell,.el-date-table td.start-date .el-date-table-cell{color:#ffffff}.el-date-table td.end-date .el-date-table-cell__text,.el-date-table td.start-date .el-date-table-cell__text{background-color:var(--el-datepicker-active-color)}.el-date-table td.start-date .el-date-table-cell{border-bottom-left-radius:15px;border-top-left-radius:15px;margin-left:5px}.el-date-table td.end-date .el-date-table-cell{border-bottom-right-radius:15px;border-top-right-radius:15px;margin-right:5px}.el-date-table td.disabled .el-date-table-cell{background-color:var(--el-fill-color-light);color:var(--el-text-color-placeholder);cursor:not-allowed;opacity:1}.el-date-table td.selected .el-date-table-cell{border-radius:15px;margin-left:5px;margin-right:5px}.el-date-table td.selected .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);border-radius:15px;color:#ffffff}.el-date-table td.week{color:var(--el-datepicker-off-text-color);cursor:default;font-size:80%}.el-date-table td:focus{outline:none}.el-date-table th{border-bottom:1px solid var(--el-border-color-lighter);color:var(--el-datepicker-header-text-color);font-weight:400;padding:5px}.el-date-table th.el-date-table__week-header{padding:0;width:24px}.el-month-table{border-collapse:collapse;font-size:12px;margin:-1px}.el-month-table td{cursor:pointer;padding:8px 0;position:relative;text-align:center;width:68px}.el-month-table td .el-date-table-cell{box-sizing:border-box;height:48px;padding:6px 0}.el-month-table td.today .el-date-table-cell__text{color:var(--el-color-primary);font-weight:bold}.el-month-table td.today.end-date .el-date-table-cell__text,.el-month-table td.today.start-date .el-date-table-cell__text{color:#ffffff}.el-month-table td.disabled .el-date-table-cell__text{background-color:var(--el-fill-color-light);color:var(--el-text-color-placeholder);cursor:not-allowed}.el-month-table td.disabled .el-date-table-cell__text:hover{color:var(--el-text-color-placeholder)}.el-month-table td .el-date-table-cell__text{border-radius:18px;color:var(--el-datepicker-text-color);display:block;height:36px;left:50%;line-height:36px;margin:0 auto;position:absolute;transform:translateX(-50%);width:54px}.el-month-table td .el-date-table-cell__text:hover{color:var(--el-datepicker-hover-text-color)}.el-month-table td.in-range .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-month-table td.in-range .el-date-table-cell:hover{background-color:var(--el-datepicker-inrange-hover-bg-color)}.el-month-table td.end-date .el-date-table-cell,.el-month-table td.start-date .el-date-table-cell{color:#ffffff}.el-month-table td.end-date .el-date-table-cell__text,.el-month-table td.start-date .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);color:#ffffff}.el-month-table td.start-date .el-date-table-cell{border-bottom-left-radius:24px;border-top-left-radius:24px;margin-left:3px}.el-month-table td.end-date .el-date-table-cell{border-bottom-right-radius:24px;border-top-right-radius:24px;margin-right:3px}.el-month-table td.current:not(.disabled) .el-date-table-cell{border-radius:24px;margin-left:3px;margin-right:3px}.el-month-table td.current:not(.disabled) .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);color:#ffffff}.el-month-table td:focus-visible{outline:none}.el-month-table td:focus-visible .el-date-table-cell__text{outline:2px solid var(--el-datepicker-active-color);outline-offset:1px}.el-year-table{border-collapse:collapse;font-size:12px;margin:-1px}.el-year-table .el-icon{color:var(--el-datepicker-icon-color)}.el-year-table td{cursor:pointer;padding:8px 0;position:relative;text-align:center;width:68px}.el-year-table td .el-date-table-cell{box-sizing:border-box;height:48px;padding:6px 0}.el-year-table td.today .el-date-table-cell__text{color:var(--el-color-primary);font-weight:bold}.el-year-table td.today.end-date .el-date-table-cell__text,.el-year-table td.today.start-date .el-date-table-cell__text{color:#ffffff}.el-year-table td.disabled .el-date-table-cell__text{background-color:var(--el-fill-color-light);color:var(--el-text-color-placeholder);cursor:not-allowed}.el-year-table td.disabled .el-date-table-cell__text:hover{color:var(--el-text-color-placeholder)}.el-year-table td .el-date-table-cell__text{border-radius:18px;color:var(--el-datepicker-text-color);display:block;height:36px;left:50%;line-height:36px;margin:0 auto;position:absolute;transform:translateX(-50%);width:60px}.el-year-table td .el-date-table-cell__text:hover{color:var(--el-datepicker-hover-text-color)}.el-year-table td.in-range .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-year-table td.in-range .el-date-table-cell:hover{background-color:var(--el-datepicker-inrange-hover-bg-color)}.el-year-table td.end-date .el-date-table-cell,.el-year-table td.start-date .el-date-table-cell{color:#ffffff}.el-year-table td.end-date .el-date-table-cell__text,.el-year-table td.start-date .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);color:#ffffff}.el-year-table td.start-date .el-date-table-cell{border-bottom-left-radius:24px;border-top-left-radius:24px}.el-year-table td.end-date .el-date-table-cell{border-bottom-right-radius:24px;border-top-right-radius:24px}.el-year-table td.current:not(.disabled) .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);color:#ffffff}.el-year-table td:focus-visible{outline:none}.el-year-table td:focus-visible .el-date-table-cell__text{outline:2px solid var(--el-datepicker-active-color);outline-offset:1px}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33.3%}.el-time-spinner__wrapper{display:inline-block;max-height:192px;overflow:auto;position:relative;vertical-align:top;width:50%}.el-time-spinner__wrapper.el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__wrapper.is-arrow{box-sizing:border-box;overflow:hidden;text-align:center}.el-time-spinner__wrapper.is-arrow .el-time-spinner__list{transform:translateY(-32px)}.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.is-disabled):not(.is-active){background:var(--el-fill-color-light);cursor:default}.el-time-spinner__arrow{color:var(--el-text-color-secondary);cursor:pointer;font-size:12px;height:30px;left:0;line-height:30px;position:absolute;text-align:center;width:100%;z-index:var(--el-index-normal)}.el-time-spinner__arrow:hover{color:var(--el-color-primary)}.el-time-spinner__arrow.arrow-up{top:10px}.el-time-spinner__arrow.arrow-down{bottom:10px}.el-time-spinner__input.el-input{width:70%}.el-time-spinner__input.el-input .el-input__inner,.el-time-spinner__list{padding:0;text-align:center}.el-time-spinner__list{list-style:none;margin:0}.el-time-spinner__list:after,.el-time-spinner__list:before{content:"";display:block;height:80px;width:100%}.el-time-spinner__item{color:var(--el-text-color-regular);font-size:12px;height:32px;line-height:32px}.el-time-spinner__item:hover:not(.is-disabled):not(.is-active){background:var(--el-fill-color-light);cursor:pointer}.el-time-spinner__item.is-active:not(.is-disabled){color:var(--el-text-color-primary);font-weight:bold}.el-time-spinner__item.is-disabled{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-picker__popper{--el-datepicker-border-color:var(--el-disabled-border-color)}.el-picker__popper.el-popper{background:var(--el-bg-color-overlay);border:1px solid var(--el-datepicker-border-color);box-shadow:var(--el-box-shadow-light)}.el-picker__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-datepicker-border-color)}.el-picker__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-picker__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-picker__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-picker__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-date-editor{--el-date-editor-width:220px;--el-date-editor-monthrange-width:300px;--el-date-editor-daterange-width:350px;--el-date-editor-datetimerange-width:400px;--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;position:relative;text-align:left;vertical-align:middle}.el-date-editor.el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset}.el-date-editor.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-date-editor.is-focus .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-date-editor.el-input,.el-date-editor.el-input__wrapper{height:var(--el-input-height,var(--el-component-size));width:var(--el-date-editor-width)}.el-date-editor--monthrange{--el-date-editor-width:var(--el-date-editor-monthrange-width)}.el-date-editor--daterange,.el-date-editor--timerange{--el-date-editor-width:var(--el-date-editor-daterange-width)}.el-date-editor--datetimerange{--el-date-editor-width:var(--el-date-editor-datetimerange-width)}.el-date-editor--dates .el-input__wrapper{text-overflow:ellipsis;white-space:nowrap}.el-date-editor .clear-icon,.el-date-editor .close-icon{cursor:pointer}.el-date-editor .clear-icon:hover{color:var(--el-input-clear-hover-color)}.el-date-editor .el-range__icon{color:var(--el-text-color-placeholder);float:left;font-size:14px;height:inherit}.el-date-editor .el-range__icon svg{vertical-align:middle}.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:var(--el-text-color-regular);display:inline-block;font-size:var(--el-font-size-base);height:30px;line-height:30px;margin:0;outline:none;padding:0;text-align:center;width:39%}.el-date-editor .el-range-input::-moz-placeholder{color:var(--el-text-color-placeholder)}.el-date-editor .el-range-input::placeholder{color:var(--el-text-color-placeholder)}.el-date-editor .el-range-separator{align-items:center;color:var(--el-text-color-primary);display:inline-flex;flex:1;font-size:14px;height:100%;justify-content:center;margin:0;overflow-wrap:break-word;padding:0 5px}.el-date-editor .el-range__close-icon{color:var(--el-text-color-placeholder);cursor:pointer;font-size:14px;height:inherit;width:unset}.el-date-editor .el-range__close-icon:hover{color:var(--el-input-clear-hover-color)}.el-date-editor .el-range__close-icon svg{vertical-align:middle}.el-date-editor .el-range__close-icon--hidden{opacity:0;visibility:hidden}.el-range-editor.el-input__wrapper{align-items:center;display:inline-flex;padding:0 10px;vertical-align:middle}.el-range-editor.is-active{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-range-editor.is-active:hover{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-range-editor--large{line-height:var(--el-component-size-large)}.el-range-editor--large.el-input__wrapper{height:var(--el-component-size-large)}.el-range-editor--large .el-range-separator{font-size:14px;line-height:40px}.el-range-editor--large .el-range-input{font-size:14px;height:38px;line-height:38px}.el-range-editor--small{line-height:var(--el-component-size-small)}.el-range-editor--small.el-input__wrapper{height:var(--el-component-size-small)}.el-range-editor--small .el-range-separator{font-size:12px;line-height:24px}.el-range-editor--small .el-range-input{font-size:12px;height:22px;line-height:22px}.el-range-editor.is-disabled{background-color:var(--el-disabled-bg-color);border-color:var(--el-disabled-border-color);color:var(--el-disabled-text-color);cursor:not-allowed}.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:var(--el-disabled-border-color)}.el-range-editor.is-disabled input{background-color:var(--el-disabled-bg-color);color:var(--el-disabled-text-color);cursor:not-allowed}.el-range-editor.is-disabled input::-moz-placeholder{color:var(--el-text-color-placeholder)}.el-range-editor.is-disabled input::placeholder{color:var(--el-text-color-placeholder)}.el-range-editor.is-disabled .el-range-separator{color:var(--el-disabled-text-color)}.el-picker-panel{background:var(--el-bg-color-overlay);border-radius:var(--el-popper-border-radius,var(--el-border-radius-base));color:var(--el-text-color-regular);line-height:30px}.el-picker-panel .el-time-panel{background-color:var(--el-bg-color-overlay);border:1px solid var(--el-datepicker-border-color);box-shadow:var(--el-box-shadow-light);margin:5px 0}.el-picker-panel__body-wrapper:after,.el-picker-panel__body:after{clear:both;content:"";display:table}.el-picker-panel__content{margin:15px;position:relative}.el-picker-panel__footer{background-color:var(--el-bg-color-overlay);border-top:1px solid var(--el-datepicker-inner-border-color);font-size:0;padding:4px 12px;position:relative;text-align:right}.el-picker-panel__shortcut{background-color:transparent;border:0;color:var(--el-datepicker-text-color);cursor:pointer;display:block;font-size:14px;line-height:28px;outline:none;padding-left:12px;text-align:left;width:100%}.el-picker-panel__shortcut:hover{color:var(--el-datepicker-hover-text-color)}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:var(--el-datepicker-active-color)}.el-picker-panel__btn{background-color:transparent;border:1px solid var(--el-fill-color-darker);border-radius:2px;color:var(--el-text-color-primary);cursor:pointer;font-size:12px;line-height:24px;outline:none;padding:0 20px}.el-picker-panel__btn[disabled]{color:var(--el-text-color-disabled);cursor:not-allowed}.el-picker-panel__icon-btn{background:transparent;border:0;color:var(--el-datepicker-icon-color);cursor:pointer;font-size:12px;line-height:1;outline:none;padding:1px 6px}.el-picker-panel__icon-btn:hover{color:var(--el-datepicker-hover-text-color)}.el-picker-panel__icon-btn:focus-visible{color:var(--el-datepicker-hover-text-color)}.el-picker-panel__icon-btn.is-disabled{color:var(--el-text-color-disabled)}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__icon-btn.is-disabled .el-icon{cursor:inherit}.el-picker-panel__icon-btn .el-icon{cursor:pointer;font-size:inherit}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel.is-disabled .el-picker-panel__prev-btn{color:var(--el-text-color-disabled)}.el-picker-panel.is-disabled .el-picker-panel__prev-btn:hover{cursor:not-allowed}.el-picker-panel.is-disabled .el-picker-panel__prev-btn .el-icon{cursor:inherit}.el-picker-panel.is-disabled .el-picker-panel__next-btn{color:var(--el-text-color-disabled)}.el-picker-panel.is-disabled .el-picker-panel__next-btn:hover{cursor:not-allowed}.el-picker-panel.is-disabled .el-picker-panel__next-btn .el-icon{cursor:inherit}.el-picker-panel.is-disabled .el-picker-panel__icon-btn{color:var(--el-text-color-disabled)}.el-picker-panel.is-disabled .el-picker-panel__icon-btn:hover{cursor:not-allowed}.el-picker-panel.is-disabled .el-picker-panel__icon-btn .el-icon{cursor:inherit}.el-picker-panel.is-disabled .el-picker-panel__shortcut{color:var(--el-text-color-disabled)}.el-picker-panel.is-disabled .el-picker-panel__shortcut:hover{cursor:not-allowed}.el-picker-panel.is-disabled .el-picker-panel__shortcut .el-icon{cursor:inherit}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{border-right:1px solid var(--el-datepicker-inner-border-color);bottom:0;box-sizing:border-box;overflow:auto;padding-top:6px;position:absolute;top:0;width:110px}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{--el-datepicker-text-color:var(--el-text-color-regular);--el-datepicker-off-text-color:var(--el-text-color-placeholder);--el-datepicker-header-text-color:var(--el-text-color-regular);--el-datepicker-icon-color:var(--el-text-color-primary);--el-datepicker-border-color:var(--el-disabled-border-color);--el-datepicker-inner-border-color:var(--el-border-color-light);--el-datepicker-inrange-bg-color:var(--el-border-color-extra-light);--el-datepicker-inrange-hover-bg-color:var(--el-border-color-extra-light);--el-datepicker-active-color:var(--el-color-primary);--el-datepicker-hover-text-color:var(--el-color-primary);width:322px}.el-date-picker.has-sidebar.has-time{width:434px}.el-date-picker.has-sidebar{width:438px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker .el-picker-panel__content{width:292px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker__editor-wrap{display:table-cell;padding:0 5px;position:relative}.el-date-picker__time-header{border-bottom:1px solid var(--el-datepicker-inner-border-color);box-sizing:border-box;display:table;font-size:12px;padding:8px 5px 5px;position:relative;width:100%}.el-date-picker__header{padding:12px 12px 0;text-align:center}.el-date-picker__header--bordered{border-bottom:1px solid var(--el-border-color-lighter);margin-bottom:0;padding-bottom:12px}.el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.el-date-picker__header-label{color:var(--el-text-color-regular);cursor:pointer;font-size:16px;font-weight:500;line-height:22px;padding:0 5px;text-align:center}.el-date-picker__header-label:hover{color:var(--el-datepicker-hover-text-color)}.el-date-picker__header-label:focus-visible{color:var(--el-datepicker-hover-text-color);outline:none}.el-date-picker__header-label.active{color:var(--el-datepicker-active-color)}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{cursor:pointer;float:left;line-height:30px;margin-left:10px}.el-date-picker .el-time-panel{position:absolute}.el-date-picker.is-disabled .el-date-picker__header-label{color:var(--el-text-color-disabled)}.el-date-picker.is-disabled .el-date-picker__header-label:hover{cursor:not-allowed}.el-date-picker.is-disabled .el-date-picker__header-label .el-icon{cursor:inherit}.el-date-range-picker{--el-datepicker-text-color:var(--el-text-color-regular);--el-datepicker-off-text-color:var(--el-text-color-placeholder);--el-datepicker-header-text-color:var(--el-text-color-regular);--el-datepicker-icon-color:var(--el-text-color-primary);--el-datepicker-border-color:var(--el-disabled-border-color);--el-datepicker-inner-border-color:var(--el-border-color-light);--el-datepicker-inrange-bg-color:var(--el-border-color-extra-light);--el-datepicker-inrange-hover-bg-color:var(--el-border-color-extra-light);--el-datepicker-active-color:var(--el-color-primary);--el-datepicker-hover-text-color:var(--el-color-primary);width:646px}.el-date-range-picker.has-sidebar{width:756px}.el-date-range-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-range-picker table{table-layout:fixed;width:100%}.el-date-range-picker .el-picker-panel__body{min-width:513px}.el-date-range-picker .el-picker-panel__content{margin:0}.el-date-range-picker__header{height:28px;position:relative;text-align:center}.el-date-range-picker__header [class*=arrow-left]{float:left}.el-date-range-picker__header [class*=arrow-right]{float:right}.el-date-range-picker__header div{font-size:16px;font-weight:500;margin-right:50px}.el-date-range-picker__header-label{color:var(--el-text-color-regular);cursor:pointer;font-size:16px;font-weight:500;line-height:22px;padding:0 5px;text-align:center}.el-date-range-picker__header-label:hover{color:var(--el-datepicker-hover-text-color)}.el-date-range-picker__header-label:focus-visible{color:var(--el-datepicker-hover-text-color);outline:none}.el-date-range-picker__header-label.active{color:var(--el-datepicker-active-color)}.el-date-range-picker__content{box-sizing:border-box;display:table-cell;margin:0;padding:16px;width:50%}.el-date-range-picker__content.is-left{border-right:1px solid var(--el-datepicker-inner-border-color)}.el-date-range-picker__content .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.el-date-range-picker__editors-wrap{box-sizing:border-box;display:table-cell}.el-date-range-picker__editors-wrap.is-right{text-align:right}.el-date-range-picker__time-header{border-bottom:1px solid var(--el-datepicker-inner-border-color);box-sizing:border-box;display:table;font-size:12px;padding:8px 5px 5px;position:relative;width:100%}.el-date-range-picker__time-header>.el-icon-arrow-right{color:var(--el-datepicker-icon-color);display:table-cell;font-size:20px;vertical-align:middle}.el-date-range-picker__time-picker-wrap{display:table-cell;padding:0 5px;position:relative}.el-date-range-picker__time-picker-wrap .el-picker-panel{background:#ffffff;position:absolute;right:0;top:13px;z-index:1}.el-date-range-picker__time-picker-wrap .el-time-panel{position:absolute}.el-date-range-picker.is-disabled .el-date-range-picker__header-label{color:var(--el-text-color-disabled)}.el-date-range-picker.is-disabled .el-date-range-picker__header-label:hover{cursor:not-allowed}.el-date-range-picker.is-disabled .el-date-range-picker__header-label .el-icon{cursor:inherit}.el-time-range-picker{overflow:visible;width:354px}.el-time-range-picker__content{padding:10px;position:relative;text-align:center;z-index:1}.el-time-range-picker__cell{box-sizing:border-box;display:inline-block;margin:0;padding:4px 7px 7px;width:50%}.el-time-range-picker__header{font-size:14px;margin-bottom:5px;text-align:center}.el-time-range-picker__body{border:1px solid var(--el-datepicker-border-color);border-radius:2px}.el-time-panel{border-radius:2px;box-sizing:content-box;left:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:180px;z-index:var(--el-index-top)}.el-time-panel__content{font-size:0;overflow:hidden;position:relative}.el-time-panel__content:after,.el-time-panel__content:before{box-sizing:border-box;content:"";height:32px;left:0;margin-top:-16px;padding-top:6px;position:absolute;right:0;text-align:left;top:50%;z-index:-1}.el-time-panel__content:after{left:50%;margin-left:12%;margin-right:12%}.el-time-panel__content:before{border-bottom:1px solid var(--el-border-color-light);border-top:1px solid var(--el-border-color-light);margin-left:12%;margin-right:12%;padding-left:50%}.el-time-panel__content.has-seconds:after{left:66.6666666667%}.el-time-panel__content.has-seconds:before{padding-left:33.3333333333%}.el-time-panel__footer{border-top:1px solid var(--el-timepicker-inner-border-color,var(--el-border-color-light));box-sizing:border-box;height:36px;line-height:25px;padding:4px;text-align:right}.el-time-panel__btn{background-color:transparent;border:none;color:var(--el-text-color-primary);cursor:pointer;font-size:12px;line-height:28px;margin:0 5px;outline:none;padding:0 5px}.el-time-panel__btn.confirm{color:var(--el-timepicker-active-color,var(--el-color-primary));font-weight:800}.el-picker-panel.is-border{border:1px solid var(--el-border-color-lighter)}.el-picker-panel.is-border .el-picker-panel__body-wrapper{position:relative}.el-picker-panel.is-border.el-picker-panel [slot=sidebar],.el-picker-panel.is-border.el-picker-panel__sidebar{border-right:1px solid var(--el-datepicker-inner-border-color);box-sizing:border-box;height:100%;overflow:auto;padding-top:6px;position:absolute;top:0;width:110px}.el-descriptions{--el-descriptions-table-border:1px solid var(--el-border-color-lighter);--el-descriptions-item-bordered-label-background:var(--el-fill-color-light);box-sizing:border-box;color:var(--el-text-color-primary);font-size:var(--el-font-size-base)}.el-descriptions__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.el-descriptions__title{color:var(--el-text-color-primary);font-size:16px;font-weight:bold}.el-descriptions__body{background-color:var(--el-fill-color-blank)}.el-descriptions__body .el-descriptions__table{border-collapse:collapse;width:100%}.el-descriptions__body .el-descriptions__table .el-descriptions__cell{box-sizing:border-box;font-size:14px;line-height:23px;text-align:left}.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-left{text-align:left}.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-center{text-align:center}.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-right{text-align:right}.el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell{border:var(--el-descriptions-table-border);padding:8px 11px}.el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell{padding-bottom:12px}.el-descriptions--large{font-size:14px}.el-descriptions--large .el-descriptions__header{margin-bottom:20px}.el-descriptions--large .el-descriptions__header .el-descriptions__title{font-size:16px}.el-descriptions--large .el-descriptions__body .el-descriptions__table .el-descriptions__cell{font-size:14px}.el-descriptions--large .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell{padding:12px 15px}.el-descriptions--large .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell{padding-bottom:16px}.el-descriptions--small{font-size:12px}.el-descriptions--small .el-descriptions__header{margin-bottom:12px}.el-descriptions--small .el-descriptions__header .el-descriptions__title{font-size:14px}.el-descriptions--small .el-descriptions__body .el-descriptions__table .el-descriptions__cell{font-size:12px}.el-descriptions--small .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell{padding:4px 7px}.el-descriptions--small .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell{padding-bottom:8px}.el-descriptions__label.el-descriptions__cell.is-bordered-label{background:var(--el-descriptions-item-bordered-label-background);color:var(--el-text-color-regular);font-weight:bold}.el-descriptions__label:not(.is-bordered-label){color:var(--el-text-color-primary);margin-right:16px}.el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:6px}.el-descriptions__content.el-descriptions__cell.is-bordered-content{color:var(--el-text-color-primary)}.el-descriptions__content:not(.is-bordered-label){color:var(--el-text-color-regular)}.el-descriptions--large .el-descriptions__label:not(.is-bordered-label){margin-right:16px}.el-descriptions--large .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:8px}.el-descriptions--small .el-descriptions__label:not(.is-bordered-label){margin-right:12px}.el-descriptions--small .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:4px}:root{--el-popup-modal-bg-color:var(--el-color-black);--el-popup-modal-opacity:0.5}.v-modal-enter{animation:v-modal-in var(--el-transition-duration-fast) ease}.v-modal-leave{animation:v-modal-out var(--el-transition-duration-fast) ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{to{opacity:0}}.v-modal{background:var(--el-popup-modal-bg-color);height:100%;left:0;opacity:var(--el-popup-modal-opacity);position:fixed;top:0;width:100%}.el-popup-parent--hidden{overflow:hidden}.el-dialog{--el-dialog-width:50%;--el-dialog-margin-top:15vh;--el-dialog-bg-color:var(--el-bg-color);--el-dialog-box-shadow:var(--el-box-shadow);--el-dialog-title-font-size:var(--el-font-size-large);--el-dialog-content-font-size:14px;--el-dialog-font-line-height:var(--el-font-line-height-primary);--el-dialog-padding-primary:16px;--el-dialog-border-radius:var(--el-border-radius-base);background:var(--el-dialog-bg-color);border-radius:var(--el-dialog-border-radius);box-shadow:var(--el-dialog-box-shadow);box-sizing:border-box;margin:var(--el-dialog-margin-top,15vh) auto 50px;overflow-wrap:break-word;padding:var(--el-dialog-padding-primary);position:relative;width:var(--el-dialog-width,50%)}.el-dialog:focus{outline:none!important}.el-dialog.is-align-center{margin:auto}.el-dialog.is-fullscreen{--el-dialog-width:100%;--el-dialog-margin-top:0;border-radius:0;height:100%;margin-bottom:0;overflow:auto}.el-dialog__wrapper{bottom:0;left:0;margin:0;overflow:auto;position:fixed;right:0;top:0}.el-dialog.is-draggable .el-dialog__header{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-dialog__header{padding-bottom:var(--el-dialog-padding-primary)}.el-dialog__header.show-close{padding-right:calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px))}.el-dialog__headerbtn{background:transparent;border:none;cursor:pointer;font-size:var(--el-message-close-size,16px);height:48px;outline:none;padding:0;position:absolute;right:0;top:0;width:48px}.el-dialog__headerbtn .el-dialog__close{color:var(--el-color-info);font-size:inherit}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:var(--el-color-primary)}.el-dialog__title{color:var(--el-text-color-primary);font-size:var(--el-dialog-title-font-size);line-height:var(--el-dialog-font-line-height)}.el-dialog__body{color:var(--el-text-color-regular);font-size:var(--el-dialog-content-font-size)}.el-dialog__footer{box-sizing:border-box;padding-top:var(--el-dialog-padding-primary);text-align:right}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial}.el-dialog--center .el-dialog__footer{text-align:inherit}.el-modal-dialog.is-penetrable{pointer-events:none}.el-modal-dialog.is-penetrable .el-dialog{pointer-events:auto}.el-overlay-dialog{bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0}.dialog-fade-enter-active{animation:modal-fade-in var(--el-transition-duration)}.dialog-fade-enter-active .el-overlay-dialog{animation:dialog-fade-in var(--el-transition-duration)}.dialog-fade-leave-active{animation:modal-fade-out var(--el-transition-duration)}.dialog-fade-leave-active .el-overlay-dialog{animation:dialog-fade-out var(--el-transition-duration)}@keyframes dialog-fade-in{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes dialog-fade-out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20px,0)}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}.el-divider{position:relative}.el-divider--horizontal{border-top:1px var(--el-border-color) var(--el-border-style);display:block;height:1px;margin:24px 0;width:100%}.el-divider--vertical{border-left:1px var(--el-border-color) var(--el-border-style);display:inline-block;height:1em;margin:0 8px;position:relative;vertical-align:middle;width:1px}.el-divider__text{background-color:var(--el-bg-color);color:var(--el-text-color-primary);font-size:14px;font-weight:500;padding:0 20px;position:absolute}.el-divider__text.is-left{left:20px;transform:translateY(-50%)}.el-divider__text.is-center{left:50%;transform:translateX(-50%) translateY(-50%)}.el-divider__text.is-right{right:20px;transform:translateY(-50%)}.el-overlay.is-drawer{overflow:hidden}.el-drawer{--el-drawer-bg-color:var(--el-dialog-bg-color,var(--el-bg-color));--el-drawer-padding-primary:var(--el-dialog-padding-primary,20px);--el-drawer-dragger-size:8px;background-color:var(--el-drawer-bg-color);box-shadow:var(--el-box-shadow-dark);box-sizing:border-box;display:flex;flex-direction:column;position:absolute;transition:all var(--el-transition-duration)}.el-drawer .btt,.el-drawer .ltr,.el-drawer .rtl,.el-drawer .ttb{transform:translate(0)}.el-drawer__sr-focus:focus{outline:none!important}.el-drawer__header{align-items:center;color:var(--el-text-color-primary);display:flex;margin-bottom:32px;overflow:hidden;padding:var(--el-drawer-padding-primary);padding-bottom:0}.el-drawer__header>:first-child{flex:1}.el-drawer__title{flex:1;font-size:16px;line-height:inherit;margin:0}.el-drawer__footer{overflow:hidden;padding:var(--el-drawer-padding-primary);padding-top:10px;text-align:right}.el-drawer__close-btn{background-color:transparent;border:none;color:inherit;cursor:pointer;display:inline-flex;font-size:var(--el-font-size-extra-large);outline:none}.el-drawer__close-btn:focus i,.el-drawer__close-btn:hover i{color:var(--el-color-primary)}.el-drawer__body{flex:1;overflow:auto;padding:var(--el-drawer-padding-primary)}.el-drawer__body>*{box-sizing:border-box}.el-drawer.is-dragging{transition:none}.el-drawer__dragger{background-color:transparent;position:absolute;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-drawer__dragger:before{background-color:transparent;content:"";position:absolute;transition:all .2s}.el-drawer__dragger:hover:before{background-color:var(--el-color-primary)}.el-drawer.ltr,.el-drawer.rtl{bottom:0;height:100%;top:0}.el-drawer.ltr>.el-drawer__dragger,.el-drawer.rtl>.el-drawer__dragger{bottom:0;cursor:ew-resize;height:100%;top:0;width:var(--el-drawer-dragger-size)}.el-drawer.ltr>.el-drawer__dragger:before,.el-drawer.rtl>.el-drawer__dragger:before{bottom:0;top:0;width:3px}.el-drawer.btt,.el-drawer.ttb{left:0;right:0;width:100%}.el-drawer.btt>.el-drawer__dragger,.el-drawer.ttb>.el-drawer__dragger{cursor:ns-resize;height:var(--el-drawer-dragger-size);left:0;right:0;width:100%}.el-drawer.btt>.el-drawer__dragger:before,.el-drawer.ttb>.el-drawer__dragger:before{height:3px;left:0;right:0}.el-drawer.ltr{left:0}.el-drawer.ltr>.el-drawer__dragger{right:0}.el-drawer.ltr>.el-drawer__dragger:before{right:-2px}.el-drawer.rtl{right:0}.el-drawer.rtl>.el-drawer__dragger{left:0}.el-drawer.rtl>.el-drawer__dragger:before{left:-2px}.el-drawer.ttb{top:0}.el-drawer.ttb>.el-drawer__dragger{bottom:0}.el-drawer.ttb>.el-drawer__dragger:before{bottom:-2px}.el-drawer.btt{bottom:0}.el-drawer.btt>.el-drawer__dragger{top:0}.el-drawer.btt>.el-drawer__dragger:before{top:-2px}.el-modal-drawer.is-penetrable{pointer-events:none}.el-modal-drawer.is-penetrable .el-drawer{pointer-events:auto}.el-drawer-fade-enter-active,.el-drawer-fade-leave-active{transition:all var(--el-transition-duration)}.el-drawer-fade-enter-active,.el-drawer-fade-enter-from,.el-drawer-fade-enter-to,.el-drawer-fade-leave-active,.el-drawer-fade-leave-from,.el-drawer-fade-leave-to{overflow:hidden!important}.el-drawer-fade-enter-from,.el-drawer-fade-leave-to{background-color:transparent!important}.el-drawer-fade-enter-from .rtl,.el-drawer-fade-leave-to .rtl{transform:translateX(100%)}.el-drawer-fade-enter-from .ltr,.el-drawer-fade-leave-to .ltr{transform:translateX(-100%)}.el-drawer-fade-enter-from .ttb,.el-drawer-fade-leave-to .ttb{transform:translateY(-100%)}.el-drawer-fade-enter-from .btt,.el-drawer-fade-leave-to .btt{transform:translateY(100%)}.el-dropdown{--el-dropdown-menu-box-shadow:var(--el-box-shadow-light);--el-dropdown-menuItem-hover-fill:var(--el-color-primary-light-9);--el-dropdown-menuItem-hover-color:var(--el-color-primary);--el-dropdown-menu-index:10;color:var(--el-text-color-regular);display:inline-flex;font-size:var(--el-font-size-base);line-height:1;position:relative;vertical-align:top}.el-dropdown.is-disabled{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-dropdown__popper{--el-dropdown-menu-box-shadow:var(--el-box-shadow-light);--el-dropdown-menuItem-hover-fill:var(--el-color-primary-light-9);--el-dropdown-menuItem-hover-color:var(--el-color-primary);--el-dropdown-menu-index:10}.el-dropdown__popper.el-popper{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);box-shadow:var(--el-dropdown-menu-box-shadow)}.el-dropdown__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-dropdown__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-dropdown__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-dropdown__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-dropdown__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-dropdown__popper .el-dropdown-menu{border:none}.el-dropdown__popper .el-dropdown__popper-selfdefine{outline:none}.el-dropdown__popper .el-scrollbar__bar{z-index:calc(var(--el-dropdown-menu-index) + 1)}.el-dropdown__popper .el-dropdown__list{box-sizing:border-box;list-style:none;margin:0;padding:0}.el-dropdown .el-dropdown__caret-button{align-items:center;border-left:none;display:inline-flex;justify-content:center;padding-left:0;padding-right:0;width:32px}.el-dropdown .el-dropdown__caret-button>span{display:inline-flex}.el-dropdown .el-dropdown__caret-button:before{background:var(--el-overlay-color-lighter);bottom:-1px;content:"";display:block;left:0;position:absolute;top:-1px;width:1px}.el-dropdown .el-dropdown__caret-button.el-button:before{background:var(--el-border-color);opacity:.5}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{font-size:inherit;padding-left:0}.el-dropdown .el-dropdown-selfdefine{outline:none}.el-dropdown--large .el-dropdown__caret-button{width:40px}.el-dropdown--small .el-dropdown__caret-button{width:24px}.el-dropdown-menu{background-color:var(--el-bg-color-overlay);border:none;border-radius:var(--el-border-radius-base);box-shadow:none;left:0;list-style:none;margin:0;padding:5px 0;position:relative;top:0;z-index:var(--el-dropdown-menu-index)}.el-dropdown-menu__item{align-items:center;color:var(--el-text-color-regular);cursor:pointer;display:flex;font-size:var(--el-font-size-base);line-height:22px;list-style:none;margin:0;outline:none;padding:5px 16px;white-space:nowrap}.el-dropdown-menu__item:not(.is-disabled):focus,.el-dropdown-menu__item:not(.is-disabled):hover{background-color:var(--el-dropdown-menuItem-hover-fill);color:var(--el-dropdown-menuItem-hover-color)}.el-dropdown-menu__item i{margin-right:5px}.el-dropdown-menu__item--divided{border-top:1px solid var(--el-border-color-lighter);margin:6px 0}.el-dropdown-menu__item.is-disabled{color:var(--el-text-color-disabled);cursor:not-allowed}.el-dropdown-menu--large{padding:7px 0}.el-dropdown-menu--large .el-dropdown-menu__item{font-size:14px;line-height:22px;padding:7px 20px}.el-dropdown-menu--large .el-dropdown-menu__item--divided{margin:8px 0}.el-dropdown-menu--small{padding:3px 0}.el-dropdown-menu--small .el-dropdown-menu__item{font-size:12px;line-height:20px;padding:2px 12px}.el-dropdown-menu--small .el-dropdown-menu__item--divided{margin:4px 0}.el-empty{--el-empty-padding:40px 0;--el-empty-image-width:160px;--el-empty-description-margin-top:20px;--el-empty-bottom-margin-top:20px;--el-empty-fill-color-0:var(--el-color-white);--el-empty-fill-color-1:#fcfcfd;--el-empty-fill-color-2:#f8f9fb;--el-empty-fill-color-3:#f7f8fc;--el-empty-fill-color-4:#eeeff3;--el-empty-fill-color-5:#edeef2;--el-empty-fill-color-6:#e9ebef;--el-empty-fill-color-7:#e5e7e9;--el-empty-fill-color-8:#e0e3e9;--el-empty-fill-color-9:#d5d7de;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:var(--el-empty-padding);text-align:center}.el-empty__image{width:var(--el-empty-image-width)}.el-empty__image img{height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top;width:100%}.el-empty__image svg{color:var(--el-svg-monochrome-grey);fill:currentColor;height:100%;vertical-align:top;width:100%}.el-empty__description{margin-top:var(--el-empty-description-margin-top)}.el-empty__description p{color:var(--el-text-color-secondary);font-size:var(--el-font-size-base);margin:0}.el-empty__bottom{margin-top:var(--el-empty-bottom-margin-top)}.el-footer{--el-footer-padding:0 20px;--el-footer-height:60px;box-sizing:border-box;flex-shrink:0;height:var(--el-footer-height);padding:var(--el-footer-padding)}.el-form{--el-form-label-font-size:var(--el-font-size-base);--el-form-inline-content-width:220px}.el-form--inline .el-form-item{display:inline-flex;margin-right:32px;vertical-align:middle}.el-form--inline.el-form--label-top{display:flex;flex-wrap:wrap}.el-form--inline.el-form--label-top .el-form-item{display:block}.el-form-item{display:flex;--font-size:14px;margin-bottom:18px}.el-form-item .el-form-item{margin-bottom:0}.el-form-item .el-input__validateIcon{display:none}.el-form-item--large{--font-size:14px;--el-form-label-font-size:var(--font-size);margin-bottom:22px}.el-form-item--large .el-form-item__label{height:40px;line-height:40px}.el-form-item--large .el-form-item__content{line-height:40px}.el-form-item--large .el-form-item__error{padding-top:4px}.el-form-item--default{--font-size:14px;--el-form-label-font-size:var(--font-size);margin-bottom:18px}.el-form-item--default .el-form-item__label{height:32px;line-height:32px}.el-form-item--default .el-form-item__content{line-height:32px}.el-form-item--default .el-form-item__error{padding-top:2px}.el-form-item--small{--font-size:12px;--el-form-label-font-size:var(--font-size);margin-bottom:18px}.el-form-item--small .el-form-item__label{height:24px;line-height:24px}.el-form-item--small .el-form-item__content{line-height:24px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item--label-left .el-form-item__label{justify-content:flex-start;text-align:left}.el-form-item--label-right .el-form-item__label{justify-content:flex-end;text-align:right}.el-form-item--label-top{display:block}.el-form-item--label-top .el-form-item__label{display:block;height:auto;line-height:22px;margin-bottom:8px;text-align:left;width:-moz-fit-content;width:fit-content}.el-form-item__label-wrap{display:flex}.el-form-item__label{align-items:flex-start;box-sizing:border-box;color:var(--el-text-color-regular);display:inline-flex;flex:0 0 auto;font-size:var(--el-form-label-font-size);height:32px;line-height:32px;padding:0 12px 0 0}.el-form-item__content{align-items:center;display:flex;flex:1;flex-wrap:wrap;font-size:var(--font-size);line-height:32px;min-width:0;position:relative}.el-form-item__content .el-input-group{vertical-align:top}.el-form-item__error{color:var(--el-color-danger);font-size:12px;left:0;line-height:1;padding-top:2px;position:absolute;top:100%}.el-form-item__error--inline{display:inline-block;left:auto;margin-left:10px;position:relative;top:auto}.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label:before,.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label:before{color:var(--el-color-danger);content:"*";margin-right:4px}.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label-wrap>.el-form-item__label:after,.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label:after{color:var(--el-color-danger);content:"*";margin-left:4px}.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper,.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper.is-focus,.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper:focus,.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper:hover,.el-form-item.is-error .el-form-item__content .el-input__wrapper,.el-form-item.is-error .el-form-item__content .el-input__wrapper.is-focus,.el-form-item.is-error .el-form-item__content .el-input__wrapper:focus,.el-form-item.is-error .el-form-item__content .el-input__wrapper:hover,.el-form-item.is-error .el-form-item__content .el-select__wrapper,.el-form-item.is-error .el-form-item__content .el-select__wrapper.is-focus,.el-form-item.is-error .el-form-item__content .el-select__wrapper:focus,.el-form-item.is-error .el-form-item__content .el-select__wrapper:hover,.el-form-item.is-error .el-form-item__content .el-textarea__inner,.el-form-item.is-error .el-form-item__content .el-textarea__inner.is-focus,.el-form-item.is-error .el-form-item__content .el-textarea__inner:focus,.el-form-item.is-error .el-form-item__content .el-textarea__inner:hover{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-form-item.is-error .el-form-item__content .el-input-group__append .el-input__wrapper,.el-form-item.is-error .el-form-item__content .el-input-group__prepend .el-input__wrapper{box-shadow:inset 0 0 0 1px transparent}.el-form-item.is-error .el-form-item__content .el-input-group__append .el-input__validateIcon,.el-form-item.is-error .el-form-item__content .el-input-group__prepend .el-input__validateIcon{display:none}.el-form-item.is-error .el-form-item__content .el-input__validateIcon{color:var(--el-color-danger)}.el-form-item--feedback .el-input__validateIcon{display:inline-flex}.el-header{--el-header-padding:0 20px;--el-header-height:60px;box-sizing:border-box;flex-shrink:0;height:var(--el-header-height);padding:var(--el-header-padding)}.el-image-viewer__wrapper{bottom:0;left:0;position:fixed;right:0;top:0}.el-image-viewer__wrapper:focus{outline:none!important}.el-image-viewer__btn{align-items:center;border-radius:50%;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;opacity:.8;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.el-image-viewer__btn .el-icon{cursor:pointer}.el-image-viewer__close{font-size:40px;height:40px;right:40px;top:40px;width:40px}.el-image-viewer__canvas{align-items:center;display:flex;height:100%;justify-content:center;position:static;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.el-image-viewer__actions{background-color:var(--el-text-color-regular);border-color:#fff;border-radius:22px;bottom:30px;height:44px;left:50%;padding:0 23px;transform:translateX(-50%)}.el-image-viewer__actions__inner{align-items:center;color:#fff;cursor:default;display:flex;font-size:23px;gap:22px;height:100%;justify-content:space-around;padding:0 6px;width:100%}.el-image-viewer__actions__divider{margin:0 -6px}.el-image-viewer__progress{bottom:90px;color:#fff;cursor:default;left:50%;transform:translateX(-50%)}.el-image-viewer__prev{left:40px}.el-image-viewer__next,.el-image-viewer__prev{background-color:var(--el-text-color-regular);border-color:#fff;color:#fff;font-size:24px;height:44px;top:50%;transform:translateY(-50%);width:44px}.el-image-viewer__next{right:40px;text-indent:2px}.el-image-viewer__close{background-color:var(--el-text-color-regular);border-color:#fff;color:#fff;font-size:24px;height:44px;width:44px}.el-image-viewer__mask{background:#000;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}.el-image-viewer-parent--hidden{overflow:hidden}.viewer-fade-enter-active{animation:viewer-fade-in var(--el-transition-duration)}.viewer-fade-leave-active{animation:viewer-fade-out var(--el-transition-duration)}@keyframes viewer-fade-in{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes viewer-fade-out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20px,0)}}.el-image__error,.el-image__inner,.el-image__placeholder,.el-image__wrapper{height:100%;width:100%}.el-image{display:inline-block;overflow:hidden;position:relative}.el-image__inner{opacity:1;vertical-align:top}.el-image__inner.is-loading{opacity:0}.el-image__wrapper{left:0;position:absolute;top:0}.el-image__error,.el-image__placeholder{background:var(--el-fill-color-light)}.el-image__error{align-items:center;color:var(--el-text-color-placeholder);display:flex;font-size:14px;justify-content:center;vertical-align:middle}.el-image__preview{cursor:pointer}.el-textarea{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;display:inline-block;font-size:var(--el-font-size-base);position:relative;vertical-align:bottom;width:100%}.el-textarea__inner{-webkit-appearance:none;background-color:var(--el-input-bg-color,var(--el-fill-color-blank));background-image:none;border:none;border-radius:var(--el-input-border-radius,var(--el-border-radius-base));box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;box-sizing:border-box;color:var(--el-input-text-color,var(--el-text-color-regular));display:block;font-family:inherit;font-size:inherit;line-height:1.5;padding:5px 11px;position:relative;resize:vertical;transition:var(--el-transition-box-shadow);width:100%}.el-textarea__inner::-moz-placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-textarea__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-textarea__inner:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-textarea__inner:focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset;outline:none}.el-textarea .el-input__count{background:var(--el-fill-color-blank);bottom:5px;color:var(--el-color-info);font-size:12px;line-height:14px;position:absolute;right:10px}.el-textarea .el-input__count.is-outside{background:transparent;bottom:unset;line-height:1;padding-top:2px;position:absolute;right:0;top:100%}.el-textarea.is-disabled .el-textarea__inner{background-color:var(--el-disabled-bg-color);box-shadow:0 0 0 1px var(--el-disabled-border-color) inset;color:var(--el-disabled-text-color);cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:var(--el-text-color-placeholder)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:var(--el-text-color-placeholder)}.el-textarea.is-exceed .el-textarea__inner{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-textarea.is-exceed .el-input__count{color:var(--el-color-danger)}.el-input{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;--el-input-height:var(--el-component-size);box-sizing:border-box;display:inline-flex;font-size:var(--el-font-size-base);line-height:var(--el-input-height);position:relative;vertical-align:middle;width:var(--el-input-width)}.el-input::-webkit-scrollbar{width:6px;z-index:11}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{background:var(--el-text-color-disabled);border-radius:5px;width:6px}.el-input::-webkit-scrollbar-corner,.el-input::-webkit-scrollbar-track{background:var(--el-fill-color-blank)}.el-input::-webkit-scrollbar-track-piece{background:var(--el-fill-color-blank);width:6px}.el-input .el-input__clear,.el-input .el-input__password{color:var(--el-input-icon-color);cursor:pointer;font-size:14px}.el-input .el-input__clear:hover,.el-input .el-input__password:hover{color:var(--el-input-clear-hover-color)}.el-input .el-input__count{align-items:center;color:var(--el-color-info);display:inline-flex;font-size:12px;height:100%}.el-input .el-input__count .el-input__count-inner{background:var(--el-fill-color-blank);display:inline-block;line-height:normal;padding-left:8px}.el-input .el-input__count.is-outside{height:unset;padding-top:2px;position:absolute;right:0;top:100%}.el-input .el-input__count.is-outside .el-input__count-inner{background:transparent;line-height:1;padding-left:0}.el-input__wrapper{align-items:center;background-color:var(--el-input-bg-color,var(--el-fill-color-blank));background-image:none;border-radius:var(--el-input-border-radius,var(--el-border-radius-base));box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;cursor:text;display:inline-flex;flex-grow:1;justify-content:center;padding:1px 11px;transform:translateZ(0);transition:var(--el-transition-box-shadow)}.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-input{--el-input-inner-height:calc(var(--el-input-height, 32px) - 2px)}.el-input__inner{-webkit-appearance:none;background:none;border:none;box-sizing:border-box;color:var(--el-input-text-color,var(--el-text-color-regular));flex-grow:1;font-size:inherit;height:var(--el-input-inner-height);line-height:var(--el-input-inner-height);outline:none;padding:0;width:100%}.el-input__inner:focus{outline:none}.el-input__inner::-moz-placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-input__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-input__inner[type=password]::-ms-reveal{display:none}.el-input__inner[type=number]{line-height:1}.el-input__prefix{color:var(--el-input-icon-color,var(--el-text-color-placeholder));display:inline-flex;flex-shrink:0;flex-wrap:nowrap;height:100%;line-height:var(--el-input-inner-height);pointer-events:none;text-align:center;transition:all var(--el-transition-duration);white-space:nowrap}.el-input__prefix-inner{align-items:center;display:inline-flex;justify-content:center;pointer-events:all}.el-input__prefix-inner>:last-child{margin-right:8px}.el-input__prefix-inner>:first-child,.el-input__prefix-inner>:first-child.el-input__icon{margin-left:0}.el-input__suffix{color:var(--el-input-icon-color,var(--el-text-color-placeholder));display:inline-flex;flex-shrink:0;flex-wrap:nowrap;height:100%;line-height:var(--el-input-inner-height);pointer-events:none;text-align:center;transition:all var(--el-transition-duration);white-space:nowrap}.el-input__suffix-inner{align-items:center;display:inline-flex;justify-content:center;pointer-events:all}.el-input__suffix-inner>:first-child{margin-left:8px}.el-input .el-input__icon{align-items:center;display:flex;height:inherit;justify-content:center;line-height:inherit;margin-left:8px;transition:all var(--el-transition-duration)}.el-input__validateIcon{pointer-events:none}.el-input.is-active .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-color, ) inset}.el-input.is-disabled{cursor:not-allowed}.el-input.is-disabled .el-input__wrapper{background-color:var(--el-disabled-bg-color);box-shadow:0 0 0 1px var(--el-disabled-border-color) inset;cursor:not-allowed}.el-input.is-disabled .el-input__inner{color:var(--el-disabled-text-color);-webkit-text-fill-color:var(--el-disabled-text-color);cursor:not-allowed}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:var(--el-text-color-placeholder)}.el-input.is-disabled .el-input__inner::placeholder{color:var(--el-text-color-placeholder)}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-disabled .el-input__prefix-inner,.el-input.is-disabled .el-input__suffix-inner{pointer-events:none}.el-input.is-exceed .el-input__wrapper{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-input.is-exceed .el-input__suffix .el-input__count{color:var(--el-color-danger)}.el-input--large{--el-input-height:var(--el-component-size-large);font-size:14px}.el-input--large .el-input__wrapper{padding:1px 15px}.el-input--large{--el-input-inner-height:calc(var(--el-input-height, 40px) - 2px)}.el-input--small{--el-input-height:var(--el-component-size-small);font-size:12px}.el-input--small .el-input__wrapper{padding:1px 7px}.el-input--small{--el-input-inner-height:calc(var(--el-input-height, 24px) - 2px)}.el-input-group{align-items:stretch;display:inline-flex;width:100%}.el-input-group__append,.el-input-group__prepend{align-items:center;background-color:var(--el-fill-color-light);border-radius:var(--el-input-border-radius);color:var(--el-color-info);display:inline-flex;justify-content:center;min-height:100%;padding:0 20px;position:relative;white-space:nowrap}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:none}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;flex:1;margin:0 -20px}.el-input-group__append button.el-button,.el-input-group__append button.el-button:hover,.el-input-group__append div.el-select .el-select__wrapper,.el-input-group__append div.el-select:hover .el-select__wrapper,.el-input-group__prepend button.el-button,.el-input-group__prepend button.el-button:hover,.el-input-group__prepend div.el-select .el-select__wrapper,.el-input-group__prepend div.el-select:hover .el-select__wrapper{background-color:transparent;border-color:transparent;color:inherit}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0;box-shadow:1px 0 0 0 var(--el-input-border-color) inset,0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset}.el-input-group__append{border-bottom-left-radius:0;border-left:0;border-top-left-radius:0;box-shadow:0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset,-1px 0 0 0 var(--el-input-border-color) inset}.el-input-group--prepend>.el-input__wrapper{border-bottom-left-radius:0;border-top-left-radius:0}.el-input-group--prepend .el-input-group__prepend .el-select .el-select__wrapper{border-bottom-right-radius:0;border-top-right-radius:0;box-shadow:1px 0 0 0 var(--el-input-border-color) inset,0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset}.el-input-group--append>.el-input__wrapper{border-bottom-right-radius:0;border-top-right-radius:0}.el-input-group--append .el-input-group__append .el-select .el-select__wrapper{border-bottom-left-radius:0;border-top-left-radius:0;box-shadow:0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset,-1px 0 0 0 var(--el-input-border-color) inset}.el-input-hidden{display:none!important}.el-input-number{display:inline-flex;line-height:30px;position:relative;vertical-align:middle;width:150px}.el-input-number .el-input__wrapper{padding-left:42px;padding-right:42px}.el-input-number .el-input__inner{-webkit-appearance:none;-moz-appearance:textfield;line-height:1;text-align:center}.el-input-number .el-input__inner::-webkit-inner-spin-button,.el-input-number .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-input-number.is-left .el-input__inner{text-align:left}.el-input-number.is-right .el-input__inner{text-align:right}.el-input-number.is-center .el-input__inner{text-align:center}.el-input-number__decrease,.el-input-number__increase{align-items:center;background:var(--el-fill-color-light);bottom:1px;color:var(--el-text-color-regular);cursor:pointer;display:flex;font-size:13px;height:auto;justify-content:center;position:absolute;top:1px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:32px;z-index:1}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:var(--el-color-primary)}.el-input-number__decrease:hover~.el-input:not(.is-disabled) .el-input__wrapper,.el-input-number__increase:hover~.el-input:not(.is-disabled) .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-border-color,var(--el-color-primary)) inset}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-input-number__increase{border-left:var(--el-border);border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0;right:1px}.el-input-number__decrease{border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);border-right:var(--el-border);left:1px}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:var(--el-disabled-border-color);color:var(--el-disabled-border-color)}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:var(--el-disabled-border-color);cursor:not-allowed}.el-input-number--large{line-height:38px;width:180px}.el-input-number--large .el-input-number__decrease,.el-input-number--large .el-input-number__increase{font-size:14px;width:40px}.el-input-number--large.is-controls-right .el-input--large .el-input__wrapper{padding-right:47px}.el-input-number--large .el-input--large .el-input__wrapper{padding-left:47px;padding-right:47px}.el-input-number--small{line-height:22px;width:120px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{font-size:12px;width:24px}.el-input-number--small.is-controls-right .el-input--small .el-input__wrapper{padding-right:31px}.el-input-number--small .el-input--small .el-input__wrapper{padding-left:31px;padding-right:31px}.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon]{transform:scale(.9)}.el-input-number.is-without-controls .el-input__wrapper{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__wrapper{padding-left:15px;padding-right:42px}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{--el-input-number-controls-height:15px;height:var(--el-input-number-controls-height);line-height:var(--el-input-number-controls-height)}.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-bottom:var(--el-border);border-radius:0 var(--el-border-radius-base) 0 0;bottom:auto;left:auto}.el-input-number.is-controls-right .el-input-number__decrease{border-left:var(--el-border);border-radius:0 0 var(--el-border-radius-base) 0;border-right:none;left:auto;right:1px;top:auto}.el-input-number.is-controls-right[class*=large] [class*=decrease],.el-input-number.is-controls-right[class*=large] [class*=increase]{--el-input-number-controls-height:19px}.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase]{--el-input-number-controls-height:11px}.el-input-tag{--el-input-tag-border-color-hover:var(--el-border-color-hover);--el-input-tag-placeholder-color:var(--el-text-color-placeholder);--el-input-tag-disabled-color:var(--el-disabled-text-color);--el-input-tag-disabled-border:var(--el-disabled-border-color);--el-input-tag-font-size:var(--el-font-size-base);--el-input-tag-close-hover-color:var(--el-text-color-secondary);--el-input-tag-text-color:var(--el-text-color-regular);--el-input-tag-input-focus-border-color:var(--el-color-primary);--el-input-tag-width:100%;--el-input-tag-mini-height:var(--el-component-size);--el-input-tag-gap:6px;--el-input-tag-padding:4px;--el-input-tag-inner-padding:8px;--el-input-tag-line-height:24px;align-items:center;background-color:var(--el-fill-color-blank);border-radius:var(--el-border-radius-base);box-shadow:0 0 0 1px var(--el-border-color) inset;box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--el-input-tag-font-size);line-height:var(--el-input-tag-line-height);min-height:var(--el-input-tag-mini-height);padding:var(--el-input-tag-padding);transform:translateZ(0);transition:var(--el-transition-duration);width:var(--el-input-tag-width)}.el-input-tag.is-focused{box-shadow:0 0 0 1px var(--el-color-primary) inset}.el-input-tag.is-hovering:not(.is-focused){box-shadow:0 0 0 1px var(--el-border-color-hover) inset}.el-input-tag.is-disabled{background-color:var(--el-fill-color-light);box-shadow:0 0 0 1px var(--el-input-tag-disabled-border) inset;cursor:not-allowed}.el-input-tag.is-disabled:hover{box-shadow:0 0 0 1px var(--el-input-tag-disabled-border) inset}.el-input-tag.is-disabled.is-focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-input-tag.is-disabled .el-input-tag__inner .el-input-tag__input,.el-input-tag.is-disabled .el-input-tag__inner .el-tag{cursor:not-allowed}.el-input-tag__prefix,.el-input-tag__suffix{align-items:center;color:var(--el-input-icon-color,var(--el-text-color-placeholder));display:flex;flex-shrink:0;padding:0 var(--el-input-tag-inner-padding)}.el-input-tag__suffix{gap:8px}.el-input-tag__input-tag-list{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:6px;min-width:0;position:relative}.el-input-tag__input-tag-list.is-near{margin-left:-8px}.el-input-tag__input-tag-list .el-tag{border-color:transparent;cursor:pointer}.el-input-tag__input-tag-list .el-tag.el-tag--plain{border-color:var(--el-tag-border-color)}.el-input-tag__input-tag-list .el-tag .el-tag__content{min-width:0}.el-input-tag__inner{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:var(--el-input-tag-gap);max-width:100%;min-width:0;position:relative}.el-input-tag__inner.is-left-space{margin-left:var(--el-input-tag-inner-padding)}.el-input-tag__inner.is-right-space{margin-right:var(--el-input-tag-inner-padding)}.el-input-tag__inner.is-draggable .el-tag{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-input-tag__drop-indicator{background-color:var(--el-color-primary);height:var(--el-input-tag-line-height);position:absolute;top:0;width:1px}.el-input-tag__inner .el-tag{border-color:transparent;cursor:pointer;max-width:100%}.el-input-tag__inner .el-tag.el-tag--plain{border-color:var(--el-tag-border-color)}.el-input-tag__inner .el-tag .el-tag__content{line-height:normal;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-input-tag__input-wrapper{flex:1}.el-input-tag__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:var(--el-input-tag-text-color);font-family:inherit;font-size:inherit;line-height:inherit;outline:none;padding:0;width:100%}.el-input-tag__input::-moz-placeholder{color:var(--el-input-tag-placeholder-color)}.el-input-tag__input::placeholder{color:var(--el-input-tag-placeholder-color)}.el-input-tag__input-calculator{left:0;max-width:100%;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:pre}.el-input-tag--large{--el-input-tag-gap:6px;--el-input-tag-padding:8px;--el-input-tag-padding-left:8px;--el-input-tag-font-size:14px}.el-input-tag--small{--el-input-tag-gap:4px;--el-input-tag-padding:2px;--el-input-tag-padding-left:6px;--el-input-tag-font-size:12px;--el-input-tag-line-height:20px;--el-input-tag-mini-height:var(--el-component-size-small)}.el-link{--el-link-font-size:var(--el-font-size-base);--el-link-font-weight:var(--el-font-weight-primary);--el-link-text-color:var(--el-text-color-regular);--el-link-hover-text-color:var(--el-color-primary);--el-link-disabled-text-color:var(--el-text-color-placeholder);align-items:center;color:var(--el-link-text-color);cursor:pointer;display:inline-flex;flex-direction:row;font-size:var(--el-link-font-size);font-weight:var(--el-link-font-weight);justify-content:center;outline:none;padding:0;position:relative;text-decoration:none;vertical-align:middle}.el-link.is-hover-underline:hover:after{border-bottom:1px solid var(--el-link-hover-text-color);bottom:0;content:"";height:0;left:0;position:absolute;right:0}.el-link.is-underline:after{border-bottom:1px solid var(--el-link-text-color);bottom:0;content:"";height:0;left:0;position:absolute;right:0}.el-link:hover{color:var(--el-link-hover-text-color)}.el-link:hover:after{border-color:var(--el-link-hover-text-color)}.el-link [class*=el-icon-]+span{margin-left:5px}.el-link__inner{align-items:center;display:inline-flex;justify-content:center}.el-link.el-link--primary{--el-link-text-color:var(--el-color-primary);--el-link-hover-text-color:var(--el-color-primary-light-3);--el-link-disabled-text-color:var(--el-color-primary-light-5)}.el-link.el-link--success{--el-link-text-color:var(--el-color-success);--el-link-hover-text-color:var(--el-color-success-light-3);--el-link-disabled-text-color:var(--el-color-success-light-5)}.el-link.el-link--warning{--el-link-text-color:var(--el-color-warning);--el-link-hover-text-color:var(--el-color-warning-light-3);--el-link-disabled-text-color:var(--el-color-warning-light-5)}.el-link.el-link--danger{--el-link-text-color:var(--el-color-danger);--el-link-hover-text-color:var(--el-color-danger-light-3);--el-link-disabled-text-color:var(--el-color-danger-light-5)}.el-link.el-link--error{--el-link-text-color:var(--el-color-error);--el-link-hover-text-color:var(--el-color-error-light-3);--el-link-disabled-text-color:var(--el-color-error-light-5)}.el-link.el-link--info{--el-link-text-color:var(--el-color-info);--el-link-hover-text-color:var(--el-color-info-light-3);--el-link-disabled-text-color:var(--el-color-info-light-5)}.el-link.is-disabled{color:var(--el-link-disabled-text-color);cursor:not-allowed}.el-link.is-disabled:after{border-color:var(--el-link-disabled-text-color)}:root{--el-loading-spinner-size:42px;--el-loading-fullscreen-spinner-size:50px}.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{background-color:var(--el-mask-color);bottom:0;left:0;margin:0;position:absolute;right:0;top:0;transition:opacity var(--el-transition-duration);z-index:2000}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:calc((0px - var(--el-loading-fullscreen-spinner-size))/2)}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:var(--el-loading-fullscreen-spinner-size);width:var(--el-loading-fullscreen-spinner-size)}.el-loading-spinner{margin-top:calc((0px - var(--el-loading-spinner-size))/2);position:absolute;text-align:center;top:50%;width:100%}.el-loading-spinner .el-loading-text{color:var(--el-color-primary);font-size:14px;margin:3px 0}.el-loading-spinner .circular{animation:loading-rotate 2s linear infinite;display:inline;height:var(--el-loading-spinner-size);width:var(--el-loading-spinner-size)}.el-loading-spinner .path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--el-color-primary);stroke-linecap:round}.el-loading-spinner i{color:var(--el-color-primary)}.el-loading-fade-enter-from,.el-loading-fade-leave-to{opacity:0}@keyframes loading-rotate{to{transform:rotate(1turn)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.el-main{--el-main-padding:20px;box-sizing:border-box;display:block;flex:1;flex-basis:auto;overflow:auto;padding:var(--el-main-padding)}:root{--el-menu-active-color:var(--el-color-primary);--el-menu-text-color:var(--el-text-color-primary);--el-menu-hover-text-color:var(--el-color-primary);--el-menu-bg-color:var(--el-fill-color-blank);--el-menu-hover-bg-color:var(--el-color-primary-light-9);--el-menu-item-height:56px;--el-menu-sub-item-height:calc(var(--el-menu-item-height) - 6px);--el-menu-horizontal-height:60px;--el-menu-horizontal-sub-item-height:36px;--el-menu-item-font-size:var(--el-font-size-base);--el-menu-item-hover-fill:var(--el-color-primary-light-9);--el-menu-border-color:var(--el-border-color);--el-menu-base-level-padding:20px;--el-menu-level-padding:20px;--el-menu-icon-width:24px}.el-menu{background-color:var(--el-menu-bg-color);border-right:1px solid var(--el-menu-border-color);box-sizing:border-box;list-style:none;margin:0;padding-left:0;position:relative}.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item,.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item-group__title,.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-sub-menu__title{padding-left:calc(var(--el-menu-base-level-padding) + var(--el-menu-level)*var(--el-menu-level-padding));white-space:nowrap}.el-menu:not(.el-menu--collapse) .el-sub-menu__title{padding-right:calc(var(--el-menu-base-level-padding) + var(--el-menu-icon-width))}.el-menu--horizontal{border-right:none;display:flex;flex-wrap:nowrap;height:var(--el-menu-horizontal-height)}.el-menu--horizontal.el-menu--popup-container{height:unset}.el-menu--horizontal.el-menu{border-bottom:1px solid var(--el-menu-border-color)}.el-menu--horizontal>.el-menu-item{align-items:center;border-bottom:2px solid transparent;color:var(--el-menu-text-color);display:inline-flex;height:100%;justify-content:center;margin:0}.el-menu--horizontal>.el-menu-item a,.el-menu--horizontal>.el-menu-item a:hover{color:inherit}.el-menu--horizontal>.el-sub-menu:focus,.el-menu--horizontal>.el-sub-menu:hover{outline:none}.el-menu--horizontal>.el-sub-menu:hover .el-sub-menu__title{color:var(--el-menu-hover-text-color)}.el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title{border-bottom:2px solid var(--el-menu-active-color);color:var(--el-menu-active-color)}.el-menu--horizontal>.el-sub-menu .el-sub-menu__title{border-bottom:2px solid transparent;color:var(--el-menu-text-color);height:100%}.el-menu--horizontal>.el-sub-menu .el-sub-menu__title:hover{background-color:var(--el-menu-bg-color)}.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-sub-menu__title{align-items:center;background-color:var(--el-menu-bg-color);color:var(--el-menu-text-color);display:flex;height:var(--el-menu-horizontal-sub-item-height);line-height:var(--el-menu-horizontal-sub-item-height);padding:0 10px}.el-menu--horizontal .el-menu .el-sub-menu__title{padding-right:40px}.el-menu--horizontal .el-menu .el-menu-item.is-active,.el-menu--horizontal .el-menu .el-menu-item.is-active:hover,.el-menu--horizontal .el-menu .el-sub-menu.is-active>.el-sub-menu__title,.el-menu--horizontal .el-menu .el-sub-menu.is-active>.el-sub-menu__title:hover{color:var(--el-menu-active-color)}.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{background-color:var(--el-menu-hover-bg-color);color:var(--el-menu-active-color,var(--el-menu-hover-text-color));outline:none}.el-menu--horizontal>.el-menu-item.is-active{border-bottom:2px solid var(--el-menu-active-color);color:var(--el-menu-active-color)!important}.el-menu--collapse{width:calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding)*2)}.el-menu--collapse>.el-menu-item [class^=el-icon],.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title [class^=el-icon],.el-menu--collapse>.el-sub-menu>.el-sub-menu__title [class^=el-icon]{margin:0;text-align:center;vertical-align:middle;width:var(--el-menu-icon-width)}.el-menu--collapse>.el-menu-item .el-sub-menu__icon-arrow,.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow,.el-menu--collapse>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow{display:none}.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title>span,.el-menu--collapse>.el-menu-item>span,.el-menu--collapse>.el-sub-menu>.el-sub-menu__title>span{display:inline-block;height:0;overflow:hidden;visibility:hidden;width:0}.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-menu .el-sub-menu{min-width:200px}.el-menu--collapse .el-sub-menu.is-active .el-sub-menu__title{color:var(--el-menu-active-color)}.el-menu--popup{border:none;border-radius:var(--el-border-radius-small);box-shadow:var(--el-box-shadow-light);min-width:200px;padding:5px 0;z-index:100}.el-menu .el-icon{flex-shrink:0}.el-menu-item{align-items:center;box-sizing:border-box;color:var(--el-menu-text-color);cursor:pointer;display:flex;font-size:var(--el-menu-item-font-size);height:var(--el-menu-item-height);line-height:var(--el-menu-item-height);list-style:none;padding:0 var(--el-menu-base-level-padding);position:relative;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration),color var(--el-transition-duration);white-space:nowrap}.el-menu-item *{vertical-align:bottom}.el-menu-item i{color:inherit}.el-menu-item:focus,.el-menu-item:hover{outline:none}.el-menu-item:hover{background-color:var(--el-menu-hover-bg-color)}.el-menu-item.is-disabled{background:none!important;cursor:not-allowed;opacity:.25}.el-menu-item [class^=el-icon]{font-size:18px;margin-right:5px;text-align:center;vertical-align:middle;width:var(--el-menu-icon-width)}.el-menu-item.is-active{color:var(--el-menu-active-color)}.el-menu-item.is-active i{color:inherit}.el-menu-item .el-menu-tooltip__trigger{align-items:center;box-sizing:border-box;display:inline-flex;height:100%;left:0;padding:0 var(--el-menu-base-level-padding);position:absolute;top:0;width:100%}.el-sub-menu{list-style:none;margin:0;padding-left:0}.el-sub-menu__title{align-items:center;box-sizing:border-box;color:var(--el-menu-text-color);cursor:pointer;display:flex;font-size:var(--el-menu-item-font-size);height:var(--el-menu-item-height);line-height:var(--el-menu-item-height);list-style:none;padding:0 var(--el-menu-base-level-padding);position:relative;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration),color var(--el-transition-duration);white-space:nowrap}.el-sub-menu__title *{vertical-align:bottom}.el-sub-menu__title i{color:inherit}.el-sub-menu__title:focus,.el-sub-menu__title:hover{outline:none}.el-sub-menu__title.is-disabled{background:none!important;cursor:not-allowed;opacity:.25}.el-sub-menu__title:hover{background-color:var(--el-menu-hover-bg-color)}.el-sub-menu .el-menu{border:none}.el-sub-menu .el-menu-item{height:var(--el-menu-sub-item-height);line-height:var(--el-menu-sub-item-height)}.el-sub-menu.el-sub-menu__hide-arrow .el-sub-menu__title{padding-right:var(--el-menu-base-level-padding)}.el-sub-menu__hide-arrow .el-sub-menu__icon-arrow{display:none!important}.el-sub-menu.is-active .el-sub-menu__title{border-bottom-color:var(--el-menu-active-color)}.el-sub-menu.is-disabled .el-menu-item,.el-sub-menu.is-disabled .el-sub-menu__title{background:none!important;cursor:not-allowed;opacity:.25}.el-sub-menu .el-icon{font-size:18px;margin-right:5px;text-align:center;vertical-align:middle;width:var(--el-menu-icon-width)}.el-sub-menu .el-icon.el-sub-menu__icon-more{margin-right:0!important}.el-sub-menu .el-sub-menu__icon-arrow{font-size:12px;margin-right:0;margin-top:-6px;position:absolute;right:var(--el-menu-base-level-padding);top:50%;transition:transform var(--el-transition-duration);width:inherit}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{color:var(--el-text-color-secondary);font-size:12px;line-height:normal;padding:7px 0 7px var(--el-menu-base-level-padding)}.horizontal-collapse-transition .el-sub-menu__title .el-sub-menu__icon-arrow{opacity:0;transition:var(--el-transition-duration-fast)}.el-message-box{--el-messagebox-title-color:var(--el-text-color-primary);--el-messagebox-width:420px;--el-messagebox-border-radius:4px;--el-messagebox-box-shadow:var(--el-box-shadow);--el-messagebox-font-size:var(--el-font-size-large);--el-messagebox-content-font-size:var(--el-font-size-base);--el-messagebox-content-color:var(--el-text-color-regular);--el-messagebox-error-font-size:12px;--el-messagebox-padding-primary:12px;--el-messagebox-font-line-height:var(--el-font-line-height-primary);backface-visibility:hidden;background-color:var(--el-bg-color);border-radius:var(--el-messagebox-border-radius);box-shadow:var(--el-messagebox-box-shadow);box-sizing:border-box;display:inline-block;font-size:var(--el-messagebox-font-size);max-width:var(--el-messagebox-width);overflow:hidden;overflow-wrap:break-word;padding:var(--el-messagebox-padding-primary);position:relative;text-align:left;vertical-align:middle;width:100%}.el-message-box:focus{outline:none!important}.is-message-box .el-overlay-message-box{bottom:0;left:0;overflow:auto;padding:16px;position:fixed;right:0;text-align:center;top:0}.is-message-box .el-overlay-message-box:after{content:"";display:inline-block;height:100%;vertical-align:middle;width:0}.el-message-box.is-draggable .el-message-box__header{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-message-box__header{padding-bottom:var(--el-messagebox-padding-primary)}.el-message-box__header.show-close{padding-right:calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 16px))}.el-message-box__title{color:var(--el-messagebox-title-color);font-size:var(--el-messagebox-font-size);line-height:var(--el-messagebox-font-line-height)}.el-message-box__headerbtn{background:transparent;border:none;cursor:pointer;font-size:var(--el-message-close-size,16px);height:40px;outline:none;padding:0;position:absolute;right:0;top:0;width:40px}.el-message-box__headerbtn .el-message-box__close{color:var(--el-color-info);font-size:inherit}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:var(--el-color-primary)}.el-message-box__content{color:var(--el-messagebox-content-color);font-size:var(--el-messagebox-content-font-size)}.el-message-box__container{align-items:center;display:flex;gap:12px}.el-message-box__input{padding-top:12px}.el-message-box__input div.invalid>input{border-color:var(--el-color-error)}.el-message-box__input div.invalid>input:focus{border-color:var(--el-color-error)}.el-message-box__status{font-size:24px}.el-message-box__status.el-message-box-icon--primary{--el-messagebox-color:var(--el-color-primary);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--success{--el-messagebox-color:var(--el-color-success);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--info{--el-messagebox-color:var(--el-color-info);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--warning{--el-messagebox-color:var(--el-color-warning);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--error{--el-messagebox-color:var(--el-color-error);color:var(--el-messagebox-color)}.el-message-box__message{margin:0;min-width:0}.el-message-box__message p{line-height:var(--el-messagebox-font-line-height);margin:0}.el-message-box__errormsg{color:var(--el-color-error);font-size:var(--el-messagebox-error-font-size);line-height:var(--el-messagebox-font-line-height)}.el-message-box__btns{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end;padding-top:var(--el-messagebox-padding-primary)}.el-message-box--center .el-message-box__title{align-items:center;display:flex;gap:6px;justify-content:center}.el-message-box--center .el-message-box__status{font-size:inherit}.el-message-box--center .el-message-box__btns,.el-message-box--center .el-message-box__container{justify-content:center}.fade-in-linear-enter-active .el-overlay-message-box{animation:msgbox-fade-in var(--el-transition-duration)}.fade-in-linear-leave-active .el-overlay-message-box{animation:msgbox-fade-in var(--el-transition-duration) reverse}@keyframes msgbox-fade-in{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}.el-message{--el-message-bg-color:var(--el-color-info-light-9);--el-message-border-color:var(--el-border-color-lighter);--el-message-padding:11px 15px;--el-message-close-size:16px;--el-message-close-icon-color:var(--el-text-color-placeholder);--el-message-close-hover-color:var(--el-text-color-secondary);align-items:center;background-color:var(--el-message-bg-color);border-color:var(--el-message-border-color);border-radius:var(--el-border-radius-base);border-style:var(--el-border-style);border-width:var(--el-border-width);box-sizing:border-box;display:flex;gap:8px;max-width:calc(100% - 32px);padding:var(--el-message-padding);position:fixed;transition:opacity var(--el-transition-duration),transform .4s,top .4s,bottom .4s;width:-moz-fit-content;width:fit-content}.el-message.is-left{left:16px}.el-message.is-right{right:16px}.el-message.is-center{left:0;margin:0 auto;right:0}.el-message.is-plain{background-color:var(--el-bg-color-overlay);border-color:var(--el-bg-color-overlay);box-shadow:var(--el-box-shadow-light)}.el-message p{margin:0}.el-message--primary{--el-message-bg-color:var(--el-color-primary-light-9);--el-message-border-color:var(--el-color-primary-light-8);--el-message-text-color:var(--el-color-primary)}.el-message--primary .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--primary{color:var(--el-message-text-color)}.el-message--success{--el-message-bg-color:var(--el-color-success-light-9);--el-message-border-color:var(--el-color-success-light-8);--el-message-text-color:var(--el-color-success)}.el-message--success .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--success{color:var(--el-message-text-color)}.el-message--info{--el-message-bg-color:var(--el-color-info-light-9);--el-message-border-color:var(--el-color-info-light-8);--el-message-text-color:var(--el-color-info)}.el-message--info .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--info{color:var(--el-message-text-color)}.el-message--warning{--el-message-bg-color:var(--el-color-warning-light-9);--el-message-border-color:var(--el-color-warning-light-8);--el-message-text-color:var(--el-color-warning)}.el-message--warning .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--warning{color:var(--el-message-text-color)}.el-message--error{--el-message-bg-color:var(--el-color-error-light-9);--el-message-border-color:var(--el-color-error-light-8);--el-message-text-color:var(--el-color-error)}.el-message--error .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--error{color:var(--el-message-text-color)}.el-message .el-message__badge{position:absolute;right:-8px;top:-8px}.el-message__content{font-size:14px;line-height:1;padding:0}.el-message__content:focus{outline-width:0}.el-message .el-message__closeBtn{color:var(--el-message-close-icon-color);cursor:pointer;font-size:var(--el-message-close-size)}.el-message .el-message__closeBtn:focus{outline-width:0}.el-message .el-message__closeBtn:hover{color:var(--el-message-close-hover-color)}.el-message-fade-enter-from,.el-message-fade-leave-to{opacity:0;transform:translateY(-100%)}.el-message-fade-enter-from.is-bottom,.el-message-fade-leave-to.is-bottom{transform:translateY(100%)}.el-notification{--el-notification-width:330px;--el-notification-padding:14px 26px 14px 13px;--el-notification-radius:8px;--el-notification-shadow:var(--el-box-shadow-light);--el-notification-border-color:var(--el-border-color-lighter);--el-notification-icon-size:24px;--el-notification-close-font-size:var(--el-message-close-size,16px);--el-notification-group-margin-left:13px;--el-notification-group-margin-right:8px;--el-notification-content-font-size:var(--el-font-size-base);--el-notification-content-color:var(--el-text-color-regular);--el-notification-title-font-size:16px;--el-notification-title-color:var(--el-text-color-primary);--el-notification-close-color:var(--el-text-color-secondary);--el-notification-close-hover-color:var(--el-text-color-regular);background-color:var(--el-bg-color-overlay);border:1px solid var(--el-notification-border-color);border-radius:var(--el-notification-radius);box-shadow:var(--el-notification-shadow);box-sizing:border-box;display:flex;overflow:hidden;overflow-wrap:break-word;padding:var(--el-notification-padding);position:fixed;transition:opacity var(--el-transition-duration),transform var(--el-transition-duration),left var(--el-transition-duration),right var(--el-transition-duration),top .4s,bottom var(--el-transition-duration);width:var(--el-notification-width);z-index:9999}.el-notification.right{right:16px}.el-notification.left{left:16px}.el-notification__group{flex:1;margin-left:var(--el-notification-group-margin-left);margin-right:var(--el-notification-group-margin-right);min-width:0}.el-notification__title{color:var(--el-notification-title-color);font-size:var(--el-notification-title-font-size);font-weight:bold;line-height:var(--el-notification-icon-size);margin:0}.el-notification__content{color:var(--el-notification-content-color);font-size:var(--el-notification-content-font-size);line-height:24px;margin:6px 0 0}.el-notification__content p{margin:0}.el-notification .el-notification__icon{flex-shrink:0;font-size:var(--el-notification-icon-size);height:var(--el-notification-icon-size);width:var(--el-notification-icon-size)}.el-notification .el-notification__closeBtn{color:var(--el-notification-close-color);cursor:pointer;font-size:var(--el-notification-close-font-size);position:absolute;right:15px;top:18px}.el-notification .el-notification__closeBtn:hover{color:var(--el-notification-close-hover-color)}.el-notification .el-notification--primary{--el-notification-icon-color:var(--el-color-primary);color:var(--el-notification-icon-color)}.el-notification .el-notification--success{--el-notification-icon-color:var(--el-color-success);color:var(--el-notification-icon-color)}.el-notification .el-notification--info{--el-notification-icon-color:var(--el-color-info);color:var(--el-notification-icon-color)}.el-notification .el-notification--warning{--el-notification-icon-color:var(--el-color-warning);color:var(--el-notification-icon-color)}.el-notification .el-notification--error{--el-notification-icon-color:var(--el-color-error);color:var(--el-notification-icon-color)}.el-notification-fade-enter-from.right{right:0;transform:translateX(100%)}.el-notification-fade-enter-from.left{left:0;transform:translateX(-100%)}.el-notification-fade-leave-to{opacity:0}.el-overlay{background-color:var(--el-overlay-color-lighter);bottom:0;height:100%;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:2000}.el-overlay .el-overlay-root{height:0}.el-page-header.is-contentful .el-page-header__main{border-top:1px solid var(--el-border-color-light);margin-top:16px}.el-page-header__header{align-items:center;display:flex;justify-content:space-between;line-height:24px}.el-page-header__left{align-items:center;display:flex;margin-right:40px;position:relative}.el-page-header__back{align-items:center;cursor:pointer;display:flex}.el-page-header__left .el-divider--vertical{margin:0 16px}.el-page-header__icon{align-items:center;display:flex;font-size:16px;margin-right:10px}.el-page-header__icon .el-icon{font-size:inherit}.el-page-header__title{font-size:14px;font-weight:500}.el-page-header__content{color:var(--el-text-color-primary);font-size:18px}.el-page-header__breadcrumb{margin-bottom:16px}.el-pagination{--el-pagination-font-size:14px;--el-pagination-bg-color:var(--el-fill-color-blank);--el-pagination-text-color:var(--el-text-color-primary);--el-pagination-border-radius:2px;--el-pagination-button-color:var(--el-text-color-primary);--el-pagination-button-width:32px;--el-pagination-button-height:32px;--el-pagination-button-disabled-color:var(--el-text-color-placeholder);--el-pagination-button-disabled-bg-color:var(--el-fill-color-blank);--el-pagination-button-bg-color:var(--el-fill-color);--el-pagination-hover-color:var(--el-color-primary);--el-pagination-font-size-small:12px;--el-pagination-button-width-small:24px;--el-pagination-button-height-small:24px;--el-pagination-button-width-large:40px;--el-pagination-button-height-large:40px;--el-pagination-item-gap:16px;align-items:center;color:var(--el-pagination-text-color);display:flex;font-size:var(--el-pagination-font-size);font-weight:normal;white-space:nowrap}.el-pagination .el-input__inner{-moz-appearance:textfield;text-align:center}.el-pagination .el-select{width:128px}.el-pagination .btn-next,.el-pagination .btn-prev{align-items:center;background:var(--el-pagination-bg-color);border:none;border-radius:var(--el-pagination-border-radius);box-sizing:border-box;color:var(--el-pagination-button-color);cursor:pointer;display:flex;font-size:var(--el-pagination-font-size);height:var(--el-pagination-button-height);justify-content:center;line-height:var(--el-pagination-button-height);min-width:var(--el-pagination-button-width);padding:0 4px;text-align:center}.el-pagination .btn-next *,.el-pagination .btn-prev *{pointer-events:none}.el-pagination .btn-next:focus,.el-pagination .btn-prev:focus{outline:none}.el-pagination .btn-next:hover,.el-pagination .btn-prev:hover{color:var(--el-pagination-hover-color)}.el-pagination .btn-next.is-active,.el-pagination .btn-prev.is-active{color:var(--el-pagination-hover-color);cursor:default;font-weight:bold}.el-pagination .btn-next.is-active.is-disabled,.el-pagination .btn-prev.is-active.is-disabled{color:var(--el-text-color-secondary);font-weight:bold}.el-pagination .btn-next.is-disabled,.el-pagination .btn-next:disabled,.el-pagination .btn-prev.is-disabled,.el-pagination .btn-prev:disabled{background-color:var(--el-pagination-button-disabled-bg-color);color:var(--el-pagination-button-disabled-color);cursor:not-allowed}.el-pagination .btn-next:focus-visible,.el-pagination .btn-prev:focus-visible{outline:1px solid var(--el-pagination-hover-color);outline-offset:-1px}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px;font-weight:bold;width:inherit}.el-pagination>.is-first{margin-left:0!important}.el-pagination>.is-last{margin-right:0!important}.el-pagination .btn-prev{margin-left:var(--el-pagination-item-gap)}.el-pagination__sizes,.el-pagination__total{color:var(--el-text-color-regular);font-weight:normal;margin-left:var(--el-pagination-item-gap)}.el-pagination__total[disabled=true]{color:var(--el-text-color-placeholder)}.el-pagination__jump{align-items:center;color:var(--el-text-color-regular);display:flex;font-weight:normal;margin-left:var(--el-pagination-item-gap)}.el-pagination__jump[disabled=true]{color:var(--el-text-color-placeholder)}.el-pagination__goto{margin-right:8px}.el-pagination__editor{box-sizing:border-box;text-align:center}.el-pagination__editor.el-input{width:56px}.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination__classifier{margin-left:8px}.el-pagination__rightwrapper{align-items:center;display:flex;flex:1;justify-content:flex-end}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{background-color:var(--el-pagination-button-bg-color);margin:0 4px}.el-pagination.is-background .btn-next.is-active,.el-pagination.is-background .btn-prev.is-active,.el-pagination.is-background .el-pager li.is-active{background-color:var(--el-color-primary);color:var(--el-color-white)}.el-pagination.is-background .btn-next.is-disabled,.el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-prev.is-disabled,.el-pagination.is-background .btn-prev:disabled,.el-pagination.is-background .el-pager li.is-disabled,.el-pagination.is-background .el-pager li:disabled{background-color:var(--el-disabled-bg-color);color:var(--el-text-color-placeholder)}.el-pagination.is-background .btn-next.is-disabled.is-active,.el-pagination.is-background .btn-next:disabled.is-active,.el-pagination.is-background .btn-prev.is-disabled.is-active,.el-pagination.is-background .btn-prev:disabled.is-active,.el-pagination.is-background .el-pager li.is-disabled.is-active,.el-pagination.is-background .el-pager li:disabled.is-active{background-color:var(--el-fill-color-dark);color:var(--el-text-color-secondary)}.el-pagination.is-background .btn-prev{margin-left:var(--el-pagination-item-gap)}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li{font-size:var(--el-pagination-font-size-small);height:var(--el-pagination-button-height-small);line-height:var(--el-pagination-button-height-small);min-width:var(--el-pagination-button-width-small)}.el-pagination--small button,.el-pagination--small span:not([class*=suffix]){font-size:var(--el-pagination-font-size-small)}.el-pagination--small .el-select{width:100px}.el-pagination--large .btn-next,.el-pagination--large .btn-prev,.el-pagination--large .el-pager li{height:var(--el-pagination-button-height-large);line-height:var(--el-pagination-button-height-large);min-width:var(--el-pagination-button-width-large)}.el-pagination--large .el-select .el-input{width:160px}.el-pager{font-size:0;list-style:none;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-pager,.el-pager li{align-items:center;display:flex}.el-pager li{background:var(--el-pagination-bg-color);border:none;border-radius:var(--el-pagination-border-radius);box-sizing:border-box;color:var(--el-pagination-button-color);cursor:pointer;font-size:var(--el-pagination-font-size);height:var(--el-pagination-button-height);justify-content:center;line-height:var(--el-pagination-button-height);min-width:var(--el-pagination-button-width);padding:0 4px;text-align:center}.el-pager li *{pointer-events:none}.el-pager li:focus{outline:none}.el-pager li:hover{color:var(--el-pagination-hover-color)}.el-pager li.is-active{color:var(--el-pagination-hover-color);cursor:default;font-weight:bold}.el-pager li.is-active.is-disabled{color:var(--el-text-color-secondary);font-weight:bold}.el-pager li.is-disabled,.el-pager li:disabled{background-color:var(--el-pagination-button-disabled-bg-color);color:var(--el-pagination-button-disabled-color);cursor:not-allowed}.el-pager li:focus-visible{outline:1px solid var(--el-pagination-hover-color);outline-offset:-1px}.el-popconfirm{outline:none}.el-popconfirm__main{align-items:center;display:flex}.el-popconfirm__icon{margin-right:5px}.el-popconfirm__action{margin-top:8px;text-align:right}.el-popover{--el-popover-bg-color:var(--el-bg-color-overlay);--el-popover-font-size:var(--el-font-size-base);--el-popover-border-color:var(--el-border-color-lighter);--el-popover-padding:12px;--el-popover-padding-large:18px 20px;--el-popover-title-font-size:16px;--el-popover-title-text-color:var(--el-text-color-primary);--el-popover-border-radius:4px}.el-popover.el-popper{background:var(--el-popover-bg-color);border:1px solid var(--el-popover-border-color);border-radius:var(--el-popover-border-radius);box-shadow:var(--el-box-shadow-light);box-sizing:border-box;color:var(--el-text-color-regular);font-size:var(--el-popover-font-size);line-height:1.4;min-width:150px;overflow-wrap:break-word;padding:var(--el-popover-padding);z-index:var(--el-index-popper)}.el-popover.el-popper--plain{padding:var(--el-popover-padding-large)}.el-popover__title{color:var(--el-popover-title-text-color);font-size:var(--el-popover-title-font-size);line-height:1;margin-bottom:12px}.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0}.el-popover.el-popper.is-dark{--el-popover-bg-color:var(--el-text-color-primary);--el-popover-border-color:var(--el-text-color-primary);--el-popover-title-text-color:var(--el-bg-color);color:var(--el-bg-color)}.el-popover.el-popper:focus,.el-popover.el-popper:focus:active{outline-width:0}.el-progress{align-items:center;display:flex;line-height:1;position:relative}.el-progress__text{color:var(--el-text-color-regular);font-size:14px;line-height:1;margin-left:5px;min-width:50px}.el-progress__text i{display:block;vertical-align:middle}.el-progress--circle,.el-progress--dashboard{display:inline-block}.el-progress--circle .el-progress__text,.el-progress--dashboard .el-progress__text{left:0;margin:0;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:100%}.el-progress--circle .el-progress__text i,.el-progress--dashboard .el-progress__text i{display:inline-block;vertical-align:middle}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{display:block;margin-right:0;padding-right:0}.el-progress--text-inside .el-progress-bar{margin-right:0;padding-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:var(--el-color-success)}.el-progress.is-success .el-progress__text{color:var(--el-color-success)}.el-progress.is-warning .el-progress-bar__inner{background-color:var(--el-color-warning)}.el-progress.is-warning .el-progress__text{color:var(--el-color-warning)}.el-progress.is-exception .el-progress-bar__inner{background-color:var(--el-color-danger)}.el-progress.is-exception .el-progress__text{color:var(--el-color-danger)}.el-progress-bar{box-sizing:border-box;flex-grow:1}.el-progress-bar__outer{background-color:var(--el-border-color-lighter);border-radius:100px;height:6px;overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{background-color:var(--el-color-primary);border-radius:100px;height:100%;left:0;line-height:1;position:absolute;text-align:right;top:0;transition:width .6s ease;white-space:nowrap}.el-progress-bar__inner:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-progress-bar__inner--indeterminate{animation:indeterminate 3s infinite;transform:translateZ(0)}.el-progress-bar__inner--striped{background-image:linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 0,transparent 50%,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 75%,transparent 0,transparent);background-size:1.25em 1.25em}.el-progress-bar__inner--striped.el-progress-bar__inner--striped-flow{animation:striped-flow 3s linear infinite}.el-progress-bar__innerText{color:#ffffff;display:inline-block;font-size:12px;margin:0 5px;vertical-align:middle}@keyframes progress{0%{background-position:0 0}to{background-position:32px 0}}@keyframes indeterminate{0%{left:-100%}to{left:100%}}@keyframes striped-flow{0%{background-position:-100%}to{background-position:100%}}.el-radio-button{--el-radio-button-checked-bg-color:var(--el-color-primary);--el-radio-button-checked-text-color:var(--el-color-white);--el-radio-button-checked-border-color:var(--el-color-primary);--el-radio-button-disabled-checked-fill:var(--el-border-color-extra-light)}.el-radio-button,.el-radio-button__inner{display:inline-block;outline:none;position:relative}.el-radio-button__inner{-webkit-appearance:none;background:var(--el-button-bg-color,var(--el-fill-color-blank));border:var(--el-border);border-left:0;border-radius:0;box-sizing:border-box;color:var(--el-button-text-color,var(--el-text-color-regular));cursor:pointer;font-size:var(--el-font-size-base);font-weight:var(--el-button-font-weight,var(--el-font-weight-primary));line-height:1;margin:0;padding:8px 15px;text-align:center;transition:var(--el-transition-all);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.el-radio-button__inner.is-round{padding:8px 15px}.el-radio-button__inner:hover{color:var(--el-color-primary)}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button:first-child .el-radio-button__inner{border-left:var(--el-border);border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);box-shadow:none!important}.el-radio-button.is-active .el-radio-button__original-radio:not(:disabled)+.el-radio-button__inner{background-color:var(--el-radio-button-checked-bg-color,var(--el-color-primary));border-color:var(--el-radio-button-checked-border-color,var(--el-color-primary));box-shadow:-1px 0 0 0 var(--el-radio-button-checked-border-color,var(--el-color-primary));color:var(--el-radio-button-checked-text-color,var(--el-color-white))}.el-radio-button__original-radio{opacity:0;outline:none;position:absolute;z-index:-1}.el-radio-button__original-radio:focus-visible+.el-radio-button__inner{border-left:var(--el-border);border-left-color:var(--el-radio-button-checked-border-color,var(--el-color-primary));border-radius:var(--el-border-radius-base);box-shadow:none;outline:2px solid var(--el-radio-button-checked-border-color);outline-offset:1px;z-index:2}.el-radio-button__original-radio:disabled+.el-radio-button__inner{background-color:var(--el-button-disabled-bg-color,var(--el-fill-color-blank));background-image:none;border-color:var(--el-button-disabled-border-color,var(--el-border-color-light));box-shadow:none;color:var(--el-disabled-text-color);cursor:not-allowed}.el-radio-button__original-radio:disabled:checked+.el-radio-button__inner{background-color:var(--el-radio-button-disabled-checked-fill)}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0}.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:var(--el-border-radius-base)}.el-radio-button--large .el-radio-button__inner{border-radius:0;font-size:var(--el-font-size-base);padding:12px 19px}.el-radio-button--large .el-radio-button__inner.is-round{padding:12px 19px}.el-radio-button--small .el-radio-button__inner{border-radius:0;font-size:12px;padding:5px 11px}.el-radio-button--small .el-radio-button__inner.is-round{padding:5px 11px}.el-radio-group{align-items:center;display:inline-flex;flex-wrap:wrap;font-size:0}.el-radio{--el-radio-font-size:var(--el-font-size-base);--el-radio-text-color:var(--el-text-color-regular);--el-radio-font-weight:var(--el-font-weight-primary);--el-radio-input-height:14px;--el-radio-input-width:14px;--el-radio-input-border-radius:var(--el-border-radius-circle);--el-radio-input-bg-color:var(--el-fill-color-blank);--el-radio-input-border:var(--el-border);--el-radio-input-border-color:var(--el-border-color);--el-radio-input-border-color-hover:var(--el-color-primary);align-items:center;color:var(--el-radio-text-color);cursor:pointer;display:inline-flex;font-size:var(--el-font-size-base);font-weight:var(--el-radio-font-weight);height:32px;margin-right:30px;outline:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.el-radio.el-radio--large{height:40px}.el-radio.el-radio--small{height:24px}.el-radio.is-bordered{border:var(--el-border);border-radius:var(--el-border-radius-base);box-sizing:border-box;padding:0 15px 0 9px}.el-radio.is-bordered.is-checked{border-color:var(--el-color-primary)}.el-radio.is-bordered.is-disabled{border-color:var(--el-border-color-lighter);cursor:not-allowed}.el-radio.is-bordered.el-radio--large{border-radius:var(--el-border-radius-base);padding:0 19px 0 11px}.el-radio.is-bordered.el-radio--large .el-radio__label{font-size:var(--el-font-size-base)}.el-radio.is-bordered.el-radio--large .el-radio__inner{height:14px;width:14px}.el-radio.is-bordered.el-radio--small{border-radius:var(--el-border-radius-base);padding:0 11px 0 7px}.el-radio.is-bordered.el-radio--small .el-radio__label{font-size:12px}.el-radio.is-bordered.el-radio--small .el-radio__inner{height:12px;width:12px}.el-radio:last-child{margin-right:0}.el-radio__input{cursor:pointer;display:inline-flex;outline:none;position:relative;vertical-align:middle;white-space:nowrap}.el-radio__input.is-disabled .el-radio__inner{background-color:var(--el-disabled-bg-color);border-color:var(--el-disabled-border-color);cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner:after{background-color:var(--el-disabled-bg-color);cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:var(--el-disabled-bg-color);border-color:var(--el-disabled-border-color)}.el-radio__input.is-disabled.is-checked .el-radio__inner:after{background-color:var(--el-text-color-placeholder)}.el-radio__input.is-disabled+span.el-radio__label{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{background:var(--el-color-primary);border-color:var(--el-color-primary)}.el-radio__input.is-checked .el-radio__inner:after{background-color:var(--el-color-white);transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-checked+.el-radio__label{color:var(--el-color-primary)}.el-radio__input.is-focus .el-radio__inner{border-color:var(--el-radio-input-border-color-hover)}.el-radio__inner{background-color:var(--el-radio-input-bg-color);border:var(--el-radio-input-border);border-radius:var(--el-radio-input-border-radius);box-sizing:border-box;cursor:pointer;display:inline-block;height:var(--el-radio-input-height);position:relative;width:var(--el-radio-input-width)}.el-radio__inner:hover{border-color:var(--el-radio-input-border-color-hover)}.el-radio__inner:after{border-radius:var(--el-radio-input-border-radius);content:"";height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .15s ease-in;width:4px}.el-radio__original{bottom:0;left:0;margin:0;opacity:0;outline:none;position:absolute;right:0;top:0;z-index:-1}.el-radio__original:focus-visible+.el-radio__inner{border-radius:var(--el-radio-input-border-radius);outline:2px solid var(--el-radio-input-border-color-hover);outline-offset:1px}.el-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner{box-shadow:0 0 2px 2px var(--el-radio-input-border-color-hover)}.el-radio__label{font-size:var(--el-radio-font-size);padding-left:8px}.el-radio.el-radio--large .el-radio__label{font-size:14px}.el-radio.el-radio--large .el-radio__inner{height:14px;width:14px}.el-radio.el-radio--small .el-radio__label{font-size:12px}.el-radio.el-radio--small .el-radio__inner{height:12px;width:12px}.el-rate{--el-rate-height:20px;--el-rate-font-size:var(--el-font-size-base);--el-rate-icon-size:18px;--el-rate-icon-margin:6px;--el-rate-void-color:var(--el-border-color-darker);--el-rate-fill-color:#f7ba2a;--el-rate-disabled-void-color:var(--el-fill-color);--el-rate-text-color:var(--el-text-color-primary);--el-rate-outline-color:var(--el-color-primary-light-5);align-items:center;display:inline-flex;height:32px}.el-rate:active,.el-rate:focus{outline:none}.el-rate:focus-visible .el-rate__item .el-rate__icon.is-focus-visible{outline:2px solid var(--el-rate-outline-color);transition:outline-offset 0s,outline 0s}.el-rate__item{color:var(--el-rate-void-color);cursor:pointer;display:inline-block;font-size:0;line-height:normal;position:relative;vertical-align:middle}.el-rate .el-rate__icon{display:inline-block;font-size:var(--el-rate-icon-size);margin-right:var(--el-rate-icon-margin);position:relative;transition:var(--el-transition-duration)}.el-rate .el-rate__icon.hover{transform:scale(1.15)}.el-rate .el-rate__icon .path2{left:0;position:absolute;top:0}.el-rate .el-rate__icon.is-active{color:var(--el-rate-fill-color)}.el-rate__decimal{color:var(--el-rate-fill-color);display:inline-block;overflow:hidden}.el-rate__decimal,.el-rate__decimal--box{left:0;position:absolute;top:0}.el-rate__text{color:var(--el-rate-text-color);font-size:var(--el-rate-font-size);vertical-align:middle}.el-rate--large{height:40px}.el-rate--small{height:24px}.el-rate--small .el-rate__icon{font-size:14px}.el-rate.is-disabled .el-rate__item{color:var(--el-rate-disabled-void-color);cursor:auto}.el-result{--el-result-padding:40px 30px;--el-result-icon-font-size:64px;--el-result-title-font-size:20px;--el-result-title-margin-top:20px;--el-result-subtitle-margin-top:10px;--el-result-extra-margin-top:30px;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:var(--el-result-padding);text-align:center}.el-result__icon svg{height:var(--el-result-icon-font-size);width:var(--el-result-icon-font-size)}.el-result__title{margin-top:var(--el-result-title-margin-top)}.el-result__title p{color:var(--el-text-color-primary);font-size:var(--el-result-title-font-size);line-height:1.3;margin:0}.el-result__subtitle{margin-top:var(--el-result-subtitle-margin-top)}.el-result__subtitle p{color:var(--el-text-color-regular);font-size:var(--el-font-size-base);line-height:1.3;margin:0}.el-result__extra{margin-top:var(--el-result-extra-margin-top)}.el-result .icon-primary{--el-result-color:var(--el-color-primary);color:var(--el-result-color)}.el-result .icon-success{--el-result-color:var(--el-color-success);color:var(--el-result-color)}.el-result .icon-warning{--el-result-color:var(--el-color-warning);color:var(--el-result-color)}.el-result .icon-danger{--el-result-color:var(--el-color-danger);color:var(--el-result-color)}.el-result .icon-error{--el-result-color:var(--el-color-error);color:var(--el-result-color)}.el-result .icon-info{--el-result-color:var(--el-color-info);color:var(--el-result-color)}.el-row{box-sizing:border-box;display:flex;flex-wrap:wrap;position:relative}.el-row.is-justify-center{justify-content:center}.el-row.is-justify-end{justify-content:flex-end}.el-row.is-justify-space-between{justify-content:space-between}.el-row.is-justify-space-around{justify-content:space-around}.el-row.is-justify-space-evenly{justify-content:space-evenly}.el-row.is-align-top{align-items:flex-start}.el-row.is-align-middle{align-items:center}.el-row.is-align-bottom{align-items:flex-end}.el-scrollbar{--el-scrollbar-opacity:0.3;--el-scrollbar-bg-color:var(--el-text-color-secondary);--el-scrollbar-hover-opacity:0.5;--el-scrollbar-hover-bg-color:var(--el-text-color-secondary);height:100%;overflow:hidden;position:relative}.el-scrollbar__wrap{height:100%;overflow:auto}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{display:none}.el-scrollbar__thumb{background-color:var(--el-scrollbar-bg-color,var(--el-text-color-secondary));border-radius:inherit;cursor:pointer;display:block;height:0;opacity:var(--el-scrollbar-opacity,.3);position:relative;transition:var(--el-transition-duration) background-color;width:0}.el-scrollbar__thumb:hover{background-color:var(--el-scrollbar-hover-bg-color,var(--el-text-color-secondary));opacity:var(--el-scrollbar-hover-opacity,.5)}.el-scrollbar__bar{border-radius:4px;bottom:2px;position:absolute;right:2px;z-index:1}.el-scrollbar__bar.is-vertical{top:2px;width:6px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar-fade-enter-active{transition:opacity .34s ease-out}.el-scrollbar-fade-leave-active{transition:opacity .12s ease-out}.el-scrollbar-fade-enter-from,.el-scrollbar-fade-leave-active{opacity:0}.el-select-dropdown{border-radius:var(--el-border-radius-base);box-sizing:border-box;z-index:calc(var(--el-index-top) + 1)}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty,.el-select-dropdown__loading{color:var(--el-text-color-secondary);font-size:var(--el-select-font-size);margin:0;padding:10px 0;text-align:center}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{box-sizing:border-box;list-style:none;margin:0;padding:6px 0}.el-select-dropdown__list.el-vl__window{margin:6px 0;padding:0}.el-select-dropdown__header{border-bottom:1px solid var(--el-border-color-light);padding:10px}.el-select-dropdown__footer{border-top:1px solid var(--el-border-color-light);padding:10px}.el-select-dropdown__item{box-sizing:border-box;color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-base);height:34px;line-height:34px;overflow:hidden;padding:0 32px 0 20px;position:relative;text-overflow:ellipsis;white-space:nowrap}.el-select-dropdown__item.is-hovering{background-color:var(--el-fill-color-light)}.el-select-dropdown__item.is-selected{color:var(--el-color-primary);font-weight:bold}.el-select-dropdown__item.is-disabled{background-color:unset;color:var(--el-text-color-placeholder);cursor:not-allowed}.el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after{background-color:var(--el-color-primary);background-position:50%;background-repeat:no-repeat;border-right:none;border-top:none;content:"";height:12px;mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;mask-size:100% 100%;-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;-webkit-mask-size:100% 100%;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:12px}.el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled:after{background-color:var(--el-text-color-placeholder)}.el-select-group{margin:0;padding:0}.el-select-group__wrap{list-style:none;margin:0;padding:0;position:relative}.el-select-group__title{box-sizing:border-box;color:var(--el-color-info);font-size:12px;line-height:34px;overflow:hidden;padding:0 20px;text-overflow:ellipsis;white-space:nowrap}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select{--el-select-border-color-hover:var(--el-border-color-hover);--el-select-disabled-color:var(--el-disabled-text-color);--el-select-disabled-border:var(--el-disabled-border-color);--el-select-font-size:var(--el-font-size-base);--el-select-close-hover-color:var(--el-text-color-secondary);--el-select-input-color:var(--el-text-color-placeholder);--el-select-multiple-input-color:var(--el-text-color-regular);--el-select-input-focus-border-color:var(--el-color-primary);--el-select-input-font-size:14px;--el-select-width:100%;display:inline-block;position:relative;vertical-align:middle;width:var(--el-select-width)}.el-select__wrapper{align-items:center;background-color:var(--el-fill-color-blank);border-radius:var(--el-border-radius-base);box-shadow:0 0 0 1px var(--el-border-color) inset;box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;gap:6px;line-height:24px;min-height:32px;padding:4px 12px;position:relative;text-align:left;transform:translateZ(0);transition:var(--el-transition-duration)}.el-select__wrapper.is-filterable{cursor:text}.el-select__wrapper.is-focused{box-shadow:0 0 0 1px var(--el-color-primary) inset}.el-select__wrapper.is-hovering:not(.is-focused){box-shadow:0 0 0 1px var(--el-border-color-hover) inset}.el-select__wrapper.is-disabled{background-color:var(--el-fill-color-light);box-shadow:0 0 0 1px var(--el-select-disabled-border) inset;color:var(--el-text-color-placeholder);cursor:not-allowed}.el-select__wrapper.is-disabled:hover{box-shadow:0 0 0 1px var(--el-select-disabled-border) inset}.el-select__wrapper.is-disabled.is-focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-select__wrapper.is-disabled .el-select__selected-item{color:var(--el-select-disabled-color)}.el-select__wrapper.is-disabled .el-select__caret,.el-select__wrapper.is-disabled .el-tag,.el-select__wrapper.is-disabled input{cursor:not-allowed}.el-select__wrapper.is-disabled .el-select__prefix,.el-select__wrapper.is-disabled .el-select__suffix{pointer-events:none}.el-select__prefix,.el-select__suffix{align-items:center;color:var(--el-input-icon-color,var(--el-text-color-placeholder));display:flex;flex-shrink:0;gap:6px}.el-select__caret{color:var(--el-select-input-color);cursor:pointer;font-size:var(--el-select-input-font-size);transform:rotate(0deg);transition:var(--el-transition-duration)}.el-select__caret.is-reverse{transform:rotate(180deg)}.el-select__clear{cursor:pointer}.el-select__clear:hover{color:var(--el-select-close-hover-color)}.el-select__selection{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:6px;min-width:0;position:relative}.el-select__selection.is-near{margin-left:-8px}.el-select__selection .el-tag{border-color:transparent;cursor:pointer}.el-select__selection .el-tag.el-tag--plain{border-color:var(--el-tag-border-color)}.el-select__selection .el-tag .el-tag__content{min-width:0}.el-select__selected-item{display:flex;flex-wrap:wrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-select__tags-text{line-height:normal}.el-select__placeholder,.el-select__tags-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-select__placeholder{color:var(--el-input-text-color,var(--el-text-color-regular));position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:-1}.el-select__placeholder.is-transparent{color:var(--el-text-color-placeholder);-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-select__popper.el-popper{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);box-shadow:var(--el-box-shadow-light)}.el-select__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-select__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-select__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-select__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-select__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-select__input-wrapper{flex:1}.el-select__input-wrapper.is-hidden{opacity:0;position:absolute;z-index:-1}.el-select__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:var(--el-select-multiple-input-color);font-family:inherit;font-size:inherit;height:24px;outline:none;padding:0;width:100%}.el-select__input-calculator{left:0;max-width:100%;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:pre}.el-select--large .el-select__wrapper{font-size:14px;gap:6px;line-height:24px;min-height:40px;padding:8px 16px}.el-select--large .el-select__selection{gap:6px}.el-select--large .el-select__selection.is-near{margin-left:-8px}.el-select--large .el-select__prefix,.el-select--large .el-select__suffix{gap:6px}.el-select--large .el-select__input{height:24px}.el-select--small .el-select__wrapper{font-size:12px;gap:4px;line-height:20px;min-height:24px;padding:2px 8px}.el-select--small .el-select__selection{gap:4px}.el-select--small .el-select__selection.is-near{margin-left:-6px}.el-select--small .el-select__prefix,.el-select--small .el-select__suffix{gap:4px}.el-select--small .el-select__input{height:20px}.el-skeleton{--el-skeleton-circle-size:var(--el-avatar-size)}.el-skeleton__item{background:var(--el-skeleton-color);border-radius:var(--el-border-radius-base);display:inline-block;height:16px;width:100%}.el-skeleton__circle{border-radius:50%;height:var(--el-skeleton-circle-size);line-height:var(--el-skeleton-circle-size);width:var(--el-skeleton-circle-size)}.el-skeleton__button{border-radius:4px;height:40px;width:64px}.el-skeleton__p{width:100%}.el-skeleton__p.is-last{width:61%}.el-skeleton__p.is-first{width:33%}.el-skeleton__text{height:var(--el-font-size-small);width:100%}.el-skeleton__caption{height:var(--el-font-size-extra-small)}.el-skeleton__h1{height:var(--el-font-size-extra-large)}.el-skeleton__h3{height:var(--el-font-size-large)}.el-skeleton__h5{height:var(--el-font-size-medium)}.el-skeleton__image{align-items:center;border-radius:0;display:flex;justify-content:center;width:unset}.el-skeleton__image svg{color:var(--el-svg-monochrome-grey);fill:currentColor;height:22%;width:22%}.el-skeleton{--el-skeleton-color:var(--el-fill-color);--el-skeleton-to-color:var(--el-fill-color-darker)}@keyframes el-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.el-skeleton{width:100%}.el-skeleton__first-line,.el-skeleton__paragraph{background:var(--el-skeleton-color);height:16px;margin-top:16px}.el-skeleton.is-animated .el-skeleton__item{animation:el-skeleton-loading 1.4s ease infinite;background:linear-gradient(90deg,var(--el-skeleton-color) 25%,var(--el-skeleton-to-color) 37%,var(--el-skeleton-color) 63%);background-size:400% 100%}.el-slider{--el-slider-main-bg-color:var(--el-color-primary);--el-slider-runway-bg-color:var(--el-border-color-light);--el-slider-stop-bg-color:var(--el-color-white);--el-slider-disabled-color:var(--el-text-color-placeholder);--el-slider-border-radius:3px;--el-slider-height:6px;--el-slider-button-size:20px;--el-slider-button-wrapper-size:36px;--el-slider-button-wrapper-offset:-15px;align-items:center;display:flex;height:32px;width:100%}.el-slider__runway{background-color:var(--el-slider-runway-bg-color);border-radius:var(--el-slider-border-radius);cursor:pointer;flex:1;height:var(--el-slider-height);position:relative}.el-slider__runway.show-input{margin-right:30px;width:auto}.el-slider__runway.is-disabled{cursor:default}.el-slider__runway.is-disabled .el-slider__bar{background-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button{border-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button-wrapper.hover,.el-slider__runway.is-disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.is-disabled .el-slider__button-wrapper.dragging{cursor:not-allowed}.el-slider__runway.is-disabled .el-slider__button.dragging,.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button:hover{transform:scale(1)}.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button:hover{cursor:not-allowed}.el-slider__runway.is-disabled .el-slider__button.dragging{cursor:not-allowed}.el-slider__input{flex-shrink:0;width:130px}.el-slider__bar{background-color:var(--el-slider-main-bg-color);border-bottom-left-radius:var(--el-slider-border-radius);border-top-left-radius:var(--el-slider-border-radius);height:var(--el-slider-height);position:absolute}.el-slider__button-wrapper{background-color:transparent;height:var(--el-slider-button-wrapper-size);line-height:normal;outline:none;position:absolute;text-align:center;top:var(--el-slider-button-wrapper-offset);transform:translateX(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--el-slider-button-wrapper-size);z-index:1}.el-slider__button-wrapper:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:grab}.el-slider__button-wrapper.dragging{cursor:grabbing}.el-slider__button{background-color:var(--el-color-white);border:2px solid var(--el-slider-main-bg-color);border-radius:50%;box-sizing:border-box;display:inline-block;height:var(--el-slider-button-size);transition:var(--el-transition-duration-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:var(--el-slider-button-size)}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{transform:scale(1.2)}.el-slider__button.hover,.el-slider__button:hover{cursor:grab}.el-slider__button.dragging{cursor:grabbing}.el-slider__stop{background-color:var(--el-slider-stop-bg-color);border-radius:var(--el-border-radius-circle);height:var(--el-slider-height);position:absolute;transform:translateX(-50%);width:var(--el-slider-height)}.el-slider__marks{height:100%;left:12px;top:0;width:18px}.el-slider__marks-text{color:var(--el-color-info);font-size:14px;margin-top:15px;position:absolute;transform:translateX(-50%);white-space:pre}.el-slider.is-vertical{display:inline-flex;flex:0;height:100%;position:relative;width:auto}.el-slider.is-vertical .el-slider__runway{height:100%;margin:0 16px;width:var(--el-slider-height)}.el-slider.is-vertical .el-slider__bar{border-radius:0 0 3px 3px;height:auto;width:var(--el-slider-height)}.el-slider.is-vertical .el-slider__button-wrapper{left:var(--el-slider-button-wrapper-offset);top:auto;transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{transform:translateY(50%)}.el-slider.is-vertical .el-slider__marks-text{left:15px;margin-top:0;transform:translateY(50%)}.el-slider--large{height:40px}.el-slider--small{height:24px}.el-space{display:inline-flex;vertical-align:top}.el-space__item{display:flex;flex-wrap:wrap}.el-space__item>*{flex:1}.el-space--vertical{flex-direction:column}.el-time-spinner{white-space:nowrap;width:100%}.el-spinner{display:inline-block;vertical-align:middle}.el-spinner-inner{animation:rotate 2s linear infinite;height:50px;width:50px}.el-spinner-inner .path{stroke:var(--el-border-color-lighter);stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.el-step{flex-shrink:1;position:relative}.el-step:last-of-type .el-step__line{display:none}.el-step:last-of-type.is-flex{flex-basis:auto!important;flex-grow:0;flex-shrink:0}.el-step:last-of-type .el-step__description,.el-step:last-of-type .el-step__main{padding-right:0}.el-step__head{position:relative;width:100%}.el-step__head.is-process{border-color:var(--el-text-color-primary);color:var(--el-text-color-primary)}.el-step__head.is-wait{border-color:var(--el-text-color-placeholder);color:var(--el-text-color-placeholder)}.el-step__head.is-success{border-color:var(--el-color-success);color:var(--el-color-success)}.el-step__head.is-error{border-color:var(--el-color-danger);color:var(--el-color-danger)}.el-step__head.is-finish{border-color:var(--el-color-primary);color:var(--el-color-primary)}.el-step__icon{align-items:center;background:var(--el-bg-color);box-sizing:border-box;display:inline-flex;font-size:14px;height:24px;justify-content:center;position:relative;transition:.15s ease-out;width:24px;z-index:1}.el-step__icon.is-text{border:2px solid;border-radius:50%}.el-step__icon.is-icon{width:40px}.el-step__icon-inner{color:inherit;display:inline-block;font-weight:bold;line-height:1;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:25px;font-weight:normal}.el-step__icon-inner.is-status{transform:translateY(1px)}.el-step__line{background-color:var(--el-text-color-placeholder);border-color:currentColor;position:absolute}.el-step__line-inner{border:1px solid;box-sizing:border-box;display:block;height:0;transition:.15s ease-out;width:0}.el-step__main{text-align:left;white-space:normal}.el-step__title{font-size:16px;line-height:38px}.el-step__title.is-process{color:var(--el-text-color-primary);font-weight:bold}.el-step__title.is-wait{color:var(--el-text-color-placeholder)}.el-step__title.is-success{color:var(--el-color-success)}.el-step__title.is-error{color:var(--el-color-danger)}.el-step__title.is-finish{color:var(--el-color-primary)}.el-step__description{font-size:12px;font-weight:normal;line-height:20px;margin-top:-5px;padding-right:10%}.el-step__description.is-process{color:var(--el-text-color-primary)}.el-step__description.is-wait{color:var(--el-text-color-placeholder)}.el-step__description.is-success{color:var(--el-color-success)}.el-step__description.is-error{color:var(--el-color-danger)}.el-step__description.is-finish{color:var(--el-color-primary)}.el-step.is-horizontal{display:inline-block}.el-step.is-horizontal .el-step__line{height:2px;left:0;right:0;top:11px}.el-step.is-vertical{display:flex}.el-step.is-vertical .el-step__head{flex-grow:0;width:24px}.el-step.is-vertical .el-step__main{flex-grow:1;padding-left:10px}.el-step.is-vertical .el-step__title{line-height:24px;padding-bottom:8px}.el-step.is-vertical .el-step__line{bottom:0;left:11px;top:0;width:2px}.el-step.is-vertical .el-step__icon.is-icon{width:24px}.el-step.is-vertical .el-step__description{padding-right:0}.el-step.is-center .el-step__head,.el-step.is-center .el-step__main{text-align:center}.el-step.is-center .el-step__description{padding-left:20%;padding-right:20%}.el-step.is-center .el-step__line{left:50%;right:-50%}.el-step.is-simple{align-items:center;display:flex}.el-step.is-simple .el-step__head{font-size:0;padding-right:10px;width:auto}.el-step.is-simple .el-step__icon{background:transparent;font-size:12px;height:16px;width:16px}.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:18px}.el-step.is-simple .el-step__icon-inner.is-status{transform:scale(.8) translateY(1px)}.el-step.is-simple .el-step__main{align-items:stretch;display:flex;flex-grow:1;position:relative}.el-step.is-simple .el-step__title{font-size:16px;line-height:20px}.el-step.is-simple:not(:last-of-type) .el-step__title{max-width:50%;overflow-wrap:break-word}.el-step.is-simple .el-step__arrow{align-items:center;display:flex;flex-grow:1;justify-content:center}.el-step.is-simple .el-step__arrow:after,.el-step.is-simple .el-step__arrow:before{background:var(--el-text-color-placeholder);content:"";display:inline-block;height:15px;position:absolute;width:1px}.el-step.is-simple .el-step__arrow:before{transform:rotate(-45deg) translateY(-4px);transform-origin:0 0}.el-step.is-simple .el-step__arrow:after{transform:rotate(45deg) translateY(4px);transform-origin:100% 100%}.el-step.is-simple:last-of-type .el-step__arrow{display:none}.el-steps{display:flex}.el-steps--simple{background:var(--el-fill-color-light);border-radius:4px;padding:13px 8%}.el-steps--horizontal{white-space:nowrap}.el-steps--vertical{flex-flow:column;height:100%}.el-switch{--el-switch-on-color:var(--el-color-primary);--el-switch-off-color:var(--el-border-color);align-items:center;display:inline-flex;font-size:14px;height:32px;line-height:20px;position:relative;vertical-align:middle}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__label{color:var(--el-text-color-primary);cursor:pointer;display:inline-block;font-size:14px;font-weight:500;height:20px;transition:var(--el-transition-duration-fast);vertical-align:middle}.el-switch__label.is-active{color:var(--el-color-primary)}.el-switch__label--left{margin-right:10px}.el-switch__label--right{margin-left:10px}.el-switch__label *{display:inline-block;font-size:14px;line-height:1}.el-switch__label .el-icon{height:inherit}.el-switch__label .el-icon svg{vertical-align:middle}.el-switch__input{height:0;margin:0;opacity:0;position:absolute;width:0}.el-switch__input:focus-visible~.el-switch__core{outline:2px solid var(--el-switch-on-color);outline-offset:1px}.el-switch__core{align-items:center;background:var(--el-switch-off-color);border:1px solid var(--el-switch-border-color,var(--el-switch-off-color));border-radius:10px;box-sizing:border-box;cursor:pointer;display:inline-flex;height:20px;min-width:40px;outline:none;position:relative;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration)}.el-switch__core .el-switch__inner{align-items:center;display:flex;height:16px;justify-content:center;overflow:hidden;padding:0 4px 0 18px;transition:all var(--el-transition-duration);width:100%}.el-switch__core .el-switch__inner .is-icon,.el-switch__core .el-switch__inner .is-text{color:var(--el-color-white);font-size:12px;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.el-switch__core .el-switch__action{align-items:center;background-color:var(--el-color-white);border-radius:var(--el-border-radius-circle);color:var(--el-switch-off-color);display:flex;height:16px;justify-content:center;left:1px;position:absolute;transition:all var(--el-transition-duration);width:16px}.el-switch.is-checked .el-switch__core{background-color:var(--el-switch-on-color);border-color:var(--el-switch-border-color,var(--el-switch-on-color))}.el-switch.is-checked .el-switch__core .el-switch__action{color:var(--el-switch-on-color);left:calc(100% - 17px)}.el-switch.is-checked .el-switch__core .el-switch__inner{padding:0 18px 0 4px}.el-switch.is-disabled{opacity:.6}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-switch .label-fade-enter-from,.el-switch .label-fade-leave-active{opacity:0}.el-switch--large{font-size:14px;height:40px;line-height:24px}.el-switch--large .el-switch__label{font-size:14px;height:24px}.el-switch--large .el-switch__label *{font-size:14px}.el-switch--large .el-switch__core{border-radius:12px;height:24px;min-width:50px}.el-switch--large .el-switch__core .el-switch__inner{height:20px;padding:0 6px 0 22px}.el-switch--large .el-switch__core .el-switch__action{height:20px;width:20px}.el-switch--large.is-checked .el-switch__core .el-switch__action{left:calc(100% - 21px)}.el-switch--large.is-checked .el-switch__core .el-switch__inner{padding:0 22px 0 6px}.el-switch--small{font-size:12px;height:24px;line-height:16px}.el-switch--small .el-switch__label{font-size:12px;height:16px}.el-switch--small .el-switch__label *{font-size:12px}.el-switch--small .el-switch__core{border-radius:8px;height:16px;min-width:30px}.el-switch--small .el-switch__core .el-switch__inner{height:12px;padding:0 2px 0 14px}.el-switch--small .el-switch__core .el-switch__action{height:12px;width:12px}.el-switch--small.is-checked .el-switch__core .el-switch__action{left:calc(100% - 13px)}.el-switch--small.is-checked .el-switch__core .el-switch__inner{padding:0 14px 0 2px}.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{background-color:#ffffff;border:1px solid var(--el-border-color-lighter);border-radius:2px;box-shadow:var(--el-box-shadow-light);box-sizing:border-box}.el-table-filter__list{list-style:none;margin:0;min-width:100px;padding:5px 0}.el-table-filter__list-item{cursor:pointer;font-size:var(--el-font-size-base);line-height:36px;padding:0 10px}.el-table-filter__list-item:hover{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary)}.el-table-filter__list-item.is-active{background-color:var(--el-color-primary);color:#ffffff}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid var(--el-border-color-lighter);padding:8px}.el-table-filter__bottom button{background:transparent;border:none;color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-small);padding:0 3px}.el-table-filter__bottom button:hover{color:var(--el-color-primary)}.el-table-filter__bottom button:focus{outline:none}.el-table-filter__bottom button.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-table-filter__wrap{max-height:280px}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{align-items:center;display:flex;height:unset;margin-bottom:12px;margin-left:5px;margin-right:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}.el-table{--el-table-border-color:var(--el-border-color-lighter);--el-table-border:1px solid var(--el-table-border-color);--el-table-text-color:var(--el-text-color-regular);--el-table-header-text-color:var(--el-text-color-secondary);--el-table-row-hover-bg-color:var(--el-fill-color-light);--el-table-current-row-bg-color:var(--el-color-primary-light-9);--el-table-header-bg-color:var(--el-bg-color);--el-table-fixed-box-shadow:var(--el-box-shadow-light);--el-table-bg-color:var(--el-fill-color-blank);--el-table-tr-bg-color:var(--el-bg-color);--el-table-expanded-cell-bg-color:var(--el-fill-color-blank);--el-table-fixed-left-column:inset 10px 0 10px -10px rgba(0,0,0,0.15);--el-table-fixed-right-column:inset -10px 0 10px -10px rgba(0,0,0,0.15);--el-table-index:var(--el-index-normal);background-color:var(--el-table-bg-color);box-sizing:border-box;color:var(--el-table-text-color);font-size:var(--el-font-size-base);height:-moz-fit-content;height:fit-content;max-width:100%;overflow:hidden;position:relative;width:100%}.el-table__inner-wrapper{display:flex;flex-direction:column;height:100%;position:relative}.el-table__inner-wrapper:before{bottom:0;height:1px;left:0}.el-table tbody:focus-visible{outline:none}.el-table.has-footer.el-table--fluid-height tr:last-child td.el-table__cell,.el-table.has-footer.el-table--scrollable-y tr:last-child td.el-table__cell{border-bottom-color:transparent}.el-table__empty-block{align-items:center;display:flex;justify-content:center;left:0;min-height:60px;position:sticky;text-align:center;width:100%}.el-table__empty-text{color:var(--el-text-color-secondary);line-height:60px;width:50%}.el-table__expand-column .cell{padding:0;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-table__expand-icon{color:var(--el-text-color-regular);cursor:pointer;font-size:12px;height:20px;position:relative;transition:transform var(--el-transition-duration-fast) ease-in-out}.el-table__expand-icon--expanded{transform:rotate(90deg)}.el-table__expand-icon>.el-icon{font-size:12px}.el-table__expanded-cell{background-color:var(--el-table-expanded-cell-bg-color)}.el-table__expanded-cell[class*=cell]{padding:20px 50px}.el-table__expanded-cell:hover{background-color:transparent!important}.el-table__placeholder{display:inline-block;width:20px}.el-table__append-wrapper{overflow:hidden}.el-table--fit{border-bottom:0;border-right:0}.el-table--fit .el-table__cell.gutter{border-right-width:1px}.el-table--fit .el-table__inner-wrapper:before{width:100%}.el-table thead{color:var(--el-table-header-text-color)}.el-table thead th{font-weight:600}.el-table thead.is-group th.el-table__cell{background:var(--el-fill-color-light)}.el-table .el-table__cell{box-sizing:border-box;min-width:0;padding:8px 0;position:relative;text-align:left;text-overflow:ellipsis;vertical-align:middle;z-index:var(--el-table-index)}.el-table .el-table__cell.is-center{text-align:center}.el-table .el-table__cell.is-right{text-align:right}.el-table .el-table__cell.gutter{border-bottom-width:0;border-right-width:0;padding:0;width:15px}.el-table .el-table__cell.is-hidden>*{visibility:hidden}.el-table .cell{box-sizing:border-box;line-height:23px;overflow:hidden;overflow-wrap:break-word;padding:0 12px;text-overflow:ellipsis;white-space:normal}.el-table .cell.el-tooltip{min-width:50px;white-space:nowrap}.el-table--large{font-size:var(--el-font-size-base)}.el-table--large .el-table__cell{padding:12px 0}.el-table--large .cell{padding:0 16px}.el-table--default{font-size:var(--el-font-size-base)}.el-table--default .el-table__cell{padding:8px 0}.el-table--default .cell{padding:0 12px}.el-table--small{font-size:var(--el-font-size-extra-small)}.el-table--small .el-table__cell{padding:4px 0}.el-table--small .cell{padding:0 8px}.el-table tr{background-color:var(--el-table-tr-bg-color)}.el-table tr input[type=checkbox]{margin:0}.el-table td.el-table__cell,.el-table th.el-table__cell.is-leaf{border-bottom:var(--el-table-border)}.el-table th.el-table__cell.is-sortable{cursor:pointer}.el-table th.el-table__cell{background-color:var(--el-table-header-bg-color)}.el-table th.el-table__cell>.cell.highlight{color:var(--el-color-primary)}.el-table th.el-table__cell.required>div:before{background:#ff4d51;border-radius:50%;content:"";display:inline-block;height:8px;margin-right:5px;vertical-align:middle;width:8px}.el-table td.el-table__cell div{box-sizing:border-box}.el-table td.el-table__cell.gutter{width:0}.el-table--border .el-table__inner-wrapper:after,.el-table--border:after,.el-table--border:before,.el-table__inner-wrapper:before{background-color:var(--el-table-border-color);content:"";position:absolute;z-index:calc(var(--el-table-index) + 2)}.el-table--border .el-table__inner-wrapper:after{height:1px;left:0;top:0;width:100%;z-index:calc(var(--el-table-index) + 2)}.el-table--border:before{height:100%;left:0;top:-1px;width:1px}.el-table--border:after{height:100%;right:0;top:-1px;width:1px}.el-table--border .el-table__inner-wrapper{border-bottom:none;border-right:none}.el-table--border .el-table__footer-wrapper{flex-shrink:0;position:relative}.el-table--border .el-table__cell{border-right:var(--el-table-border)}.el-table--border th.el-table__cell.gutter:last-of-type{border-bottom:var(--el-table-border);border-bottom-width:1px}.el-table--border th.el-table__cell{border-bottom:var(--el-table-border)}.el-table--hidden{visibility:hidden}.el-table__body-wrapper,.el-table__footer-wrapper,.el-table__header-wrapper{width:100%}.el-table__body-wrapper tr td.el-table-fixed-column--left,.el-table__body-wrapper tr td.el-table-fixed-column--right,.el-table__body-wrapper tr th.el-table-fixed-column--left,.el-table__body-wrapper tr th.el-table-fixed-column--right,.el-table__footer-wrapper tr td.el-table-fixed-column--left,.el-table__footer-wrapper tr td.el-table-fixed-column--right,.el-table__footer-wrapper tr th.el-table-fixed-column--left,.el-table__footer-wrapper tr th.el-table-fixed-column--right,.el-table__header-wrapper tr td.el-table-fixed-column--left,.el-table__header-wrapper tr td.el-table-fixed-column--right,.el-table__header-wrapper tr th.el-table-fixed-column--left,.el-table__header-wrapper tr th.el-table-fixed-column--right{background:inherit;position:sticky!important;z-index:calc(var(--el-table-index) + 1)}.el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column:before{bottom:-1px;box-shadow:none;content:"";overflow-x:hidden;overflow-y:hidden;pointer-events:none;position:absolute;top:0;touch-action:none;width:10px}.el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before{left:-10px}.el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column:before{right:-10px}.el-table__body-wrapper tr td.el-table__fixed-right-patch,.el-table__body-wrapper tr th.el-table__fixed-right-patch,.el-table__footer-wrapper tr td.el-table__fixed-right-patch,.el-table__footer-wrapper tr th.el-table__fixed-right-patch,.el-table__header-wrapper tr td.el-table__fixed-right-patch,.el-table__header-wrapper tr th.el-table__fixed-right-patch{background:#fff;position:sticky!important;right:0;z-index:calc(var(--el-table-index) + 1)}.el-table__header-wrapper{flex-shrink:0}.el-table__header-wrapper tr th.el-table-fixed-column--left,.el-table__header-wrapper tr th.el-table-fixed-column--right{background-color:var(--el-table-header-bg-color)}.el-table__body,.el-table__footer,.el-table__header{border-collapse:separate;table-layout:fixed}.el-table__header-wrapper{overflow:hidden}.el-table__header-wrapper tbody td.el-table__cell{background-color:var(--el-table-row-hover-bg-color);color:var(--el-table-text-color)}.el-table__footer-wrapper{flex-shrink:0;overflow:hidden}.el-table__footer-wrapper tfoot td.el-table__cell{background-color:var(--el-table-row-hover-bg-color);color:var(--el-table-text-color)}.el-table__body-wrapper .el-table-column--selection>.cell,.el-table__header-wrapper .el-table-column--selection>.cell{align-items:center;display:inline-flex;height:23px}.el-table__body-wrapper .el-table-column--selection .el-checkbox,.el-table__header-wrapper .el-table-column--selection .el-checkbox{height:unset}.el-table.is-scrolling-left .el-table-fixed-column--right.is-first-column:before{box-shadow:var(--el-table-fixed-right-column)}.el-table.is-scrolling-left.el-table--border .el-table-fixed-column--left.is-last-column.el-table__cell{border-right:var(--el-table-border)}.el-table.is-scrolling-left th.el-table-fixed-column--left{background-color:var(--el-table-header-bg-color)}.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column:before{box-shadow:var(--el-table-fixed-left-column)}.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column.el-table__cell{border-right:none}.el-table.is-scrolling-right th.el-table-fixed-column--right{background-color:var(--el-table-header-bg-color)}.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column.el-table__cell{border-right:none}.el-table.is-scrolling-middle .el-table-fixed-column--right.is-first-column:before{box-shadow:var(--el-table-fixed-right-column)}.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column:before{box-shadow:var(--el-table-fixed-left-column)}.el-table.is-scrolling-none .el-table-fixed-column--left.is-first-column:before,.el-table.is-scrolling-none .el-table-fixed-column--left.is-last-column:before,.el-table.is-scrolling-none .el-table-fixed-column--right.is-first-column:before,.el-table.is-scrolling-none .el-table-fixed-column--right.is-last-column:before{box-shadow:none}.el-table.is-scrolling-none th.el-table-fixed-column--left,.el-table.is-scrolling-none th.el-table-fixed-column--right{background-color:var(--el-table-header-bg-color)}.el-table__body-wrapper{flex:1;overflow:hidden;position:relative}.el-table__body-wrapper .el-scrollbar__bar{z-index:calc(var(--el-table-index) + 2)}.el-table .caret-wrapper{align-items:center;cursor:pointer;display:inline-flex;flex-direction:column;height:14px;overflow:initial;position:relative;vertical-align:middle;width:24px}.el-table .sort-caret{border:5px solid transparent;height:0;left:7px;position:absolute;width:0}.el-table .sort-caret.ascending{border-bottom-color:var(--el-text-color-placeholder);top:-5px}.el-table .sort-caret.descending{border-top-color:var(--el-text-color-placeholder);bottom:-3px}.el-table .ascending .sort-caret.ascending{border-bottom-color:var(--el-color-primary)}.el-table .descending .sort-caret.descending{border-top-color:var(--el-color-primary)}.el-table .hidden-columns{position:absolute;visibility:hidden;z-index:-1}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:var(--el-fill-color-lighter)}.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell{background-color:var(--el-table-current-row-bg-color)}.el-table__body tr.hover-row.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,.el-table__body tr.hover-row>td.el-table__cell{background-color:var(--el-table-row-hover-bg-color)}.el-table__body tr>td.hover-cell{background-color:var(--el-table-row-hover-bg-color)}.el-table__body tr.current-row>td.el-table__cell{background-color:var(--el-table-current-row-bg-color)}.el-table.el-table--scrollable-y .el-table__body-header{position:sticky;top:0;z-index:calc(var(--el-table-index) + 2)}.el-table.el-table--scrollable-y .el-table__body-footer{bottom:0;position:sticky;z-index:calc(var(--el-table-index) + 2)}.el-table__column-resize-proxy{border-left:var(--el-table-border);bottom:0;left:200px;position:absolute;top:0;width:0;z-index:calc(var(--el-table-index) + 9)}.el-table__column-filter-trigger{cursor:pointer;display:inline-block}.el-table__column-filter-trigger i{color:var(--el-color-info);font-size:14px;vertical-align:middle}.el-table__border-left-patch{height:100%;top:0;width:1px}.el-table__border-bottom-patch,.el-table__border-left-patch{background-color:var(--el-table-border-color);left:0;position:absolute;z-index:calc(var(--el-table-index) + 2)}.el-table__border-bottom-patch{height:1px}.el-table__border-right-patch{background-color:var(--el-table-border-color);height:100%;position:absolute;top:0;width:1px;z-index:calc(var(--el-table-index) + 2)}.el-table--enable-row-transition .el-table__body td.el-table__cell{transition:background-color .25s ease}.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{background-color:var(--el-table-row-hover-bg-color)}.el-table [class*=el-table__row--level] .el-table__expand-icon{display:inline-block;height:12px;line-height:12px;margin-right:8px;text-align:center;width:12px}.el-table .el-table.el-table--border .el-table__cell{border-right:var(--el-table-border)}.el-table:not(.el-table--border) .el-table__cell{border-right:none}.el-table:not(.el-table--border)>.el-table__inner-wrapper:after{content:none}.el-table-v2{--el-table-border-color:var(--el-border-color-lighter);--el-table-border:1px solid var(--el-table-border-color);--el-table-text-color:var(--el-text-color-regular);--el-table-header-text-color:var(--el-text-color-secondary);--el-table-row-hover-bg-color:var(--el-fill-color-light);--el-table-current-row-bg-color:var(--el-color-primary-light-9);--el-table-header-bg-color:var(--el-bg-color);--el-table-fixed-box-shadow:var(--el-box-shadow-light);--el-table-bg-color:var(--el-fill-color-blank);--el-table-tr-bg-color:var(--el-bg-color);--el-table-expanded-cell-bg-color:var(--el-fill-color-blank);--el-table-fixed-left-column:inset 10px 0 10px -10px rgba(0,0,0,0.15);--el-table-fixed-right-column:inset -10px 0 10px -10px rgba(0,0,0,0.15);--el-table-index:var(--el-index-normal);font-size:var(--el-font-size-base)}.el-table-v2 *{box-sizing:border-box}.el-table-v2__root{position:relative}.el-table-v2__root:hover .el-table-v2__main .el-virtual-scrollbar{opacity:1}.el-table-v2__main{background-color:var(--el-bg-color);display:flex;flex-direction:column-reverse;left:0;overflow:hidden;position:absolute;top:0}.el-table-v2__main .el-vl__horizontal,.el-table-v2__main .el-vl__vertical{z-index:2}.el-table-v2__left{background-color:var(--el-bg-color);box-shadow:2px 0 4px 0 rgba(0,0,0,.06);display:flex;flex-direction:column-reverse;left:0;overflow:hidden;position:absolute;top:0}.el-table-v2__left .el-virtual-scrollbar{opacity:0}.el-table-v2__left .el-vl__horizontal,.el-table-v2__left .el-vl__vertical{z-index:-1}.el-table-v2__right{background-color:var(--el-bg-color);box-shadow:-2px 0 4px 0 rgba(0,0,0,.06);display:flex;flex-direction:column-reverse;overflow:hidden;position:absolute;right:0;top:0}.el-table-v2__right .el-virtual-scrollbar{opacity:0}.el-table-v2__right .el-vl__horizontal,.el-table-v2__right .el-vl__vertical{z-index:-1}.el-table-v2__header-row,.el-table-v2__row{padding-inline-end:var(--el-table-scrollbar-size)}.el-table-v2__header-wrapper{overflow:hidden}.el-table-v2__header{overflow:hidden;position:relative}.el-table-v2__header .el-checkbox{z-index:0}.el-table-v2__footer{bottom:0;overflow:hidden;right:0}.el-table-v2__empty,.el-table-v2__footer,.el-table-v2__overlay{left:0;position:absolute}.el-table-v2__overlay{bottom:0;right:0;top:0;z-index:9999}.el-table-v2__header-row{border-bottom:var(--el-table-border);display:flex}.el-table-v2__header-cell{align-items:center;background-color:var(--el-table-header-bg-color);color:var(--el-table-header-text-color);display:flex;font-weight:bold;height:100%;overflow:hidden;padding:0 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-table-v2__header-cell.is-align-center{justify-content:center;text-align:center}.el-table-v2__header-cell.is-align-right{justify-content:flex-end;text-align:right}.el-table-v2__header-cell.is-sortable{cursor:pointer}.el-table-v2__header-cell:hover .el-icon{display:block}.el-table-v2__sort-icon{display:none;opacity:.6;transition:opacity,display var(--el-transition-duration)}.el-table-v2__sort-icon.is-sorting{display:block;opacity:1}.el-table-v2__row{align-items:center;border-bottom:var(--el-table-border);display:flex;transition:background-color var(--el-transition-duration)}.el-table-v2__row.is-hovered{background-color:var(--el-table-row-hover-bg-color)}.el-table-v2__row:hover{background-color:var(--el-table-row-hover-bg-color)}.el-table-v2__row-cell{align-items:center;display:flex;height:100%;overflow:hidden;padding:0 8px}.el-table-v2__row-cell.is-align-center{justify-content:center;text-align:center}.el-table-v2__row-cell.is-align-right{justify-content:flex-end;text-align:right}.el-table-v2__expand-icon{cursor:pointer;margin:0 4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-table-v2__expand-icon svg{transition:transform var(--el-transition-duration)}.el-table-v2__expand-icon.is-expanded svg{transform:rotate(90deg)}.el-table-v2:not(.is-dynamic) .el-table-v2__cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-table-v2.is-dynamic .el-table-v2__row{align-items:stretch;overflow:hidden}.el-table-v2.is-dynamic .el-table-v2__row .el-table-v2__row-cell{overflow-wrap:break-word}.el-tabs{--el-tabs-header-height:40px;display:flex}.el-tabs__header{align-items:center;display:flex;justify-content:space-between;margin:0 0 15px;padding:0;position:relative}.el-tabs__header-vertical{flex-direction:column}.el-tabs__active-bar{background-color:var(--el-color-primary);bottom:0;height:2px;left:0;list-style:none;position:absolute;transition:width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier),transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);z-index:1}.el-tabs__new-tab{align-items:center;border:1px solid var(--el-border-color);border-radius:3px;color:var(--el-text-color-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:20px;justify-content:center;line-height:20px;margin:10px 0 10px 10px;text-align:center;transition:all .15s;width:20px}.el-tabs__new-tab .is-icon-plus{height:inherit;transform:scale(.8);width:inherit}.el-tabs__new-tab .is-icon-plus svg{vertical-align:middle}.el-tabs__new-tab:hover{color:var(--el-color-primary)}.el-tabs__new-tab-vertical{margin-left:0}.el-tabs__nav-wrap{flex:1 auto;margin-bottom:-1px;overflow:hidden;position:relative}.el-tabs__nav-wrap:after{background-color:var(--el-border-color-light);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%;z-index:var(--el-index-normal)}.el-tabs__nav-wrap.is-scrollable{box-sizing:border-box;padding:0 20px}.el-tabs__nav-scroll{overflow:hidden}.el-tabs__nav-next,.el-tabs__nav-prev{color:var(--el-text-color-secondary);cursor:pointer;font-size:12px;line-height:44px;position:absolute;text-align:center;width:20px}.el-tabs__nav-next{right:0}.el-tabs__nav-prev{left:0}.el-tabs__nav{display:flex;float:left;position:relative;transition:transform var(--el-transition-duration);white-space:nowrap;z-index:calc(var(--el-index-normal) + 1)}.el-tabs__nav.is-stretch{display:flex;min-width:100%}.el-tabs__nav.is-stretch>*{flex:1;text-align:center}.el-tabs__item{align-items:center;box-sizing:border-box;color:var(--el-text-color-primary);display:flex;font-size:var(--el-font-size-base);font-weight:500;height:var(--el-tabs-header-height);justify-content:center;list-style:none;padding:0 20px;position:relative}.el-tabs__item:focus,.el-tabs__item:focus:active{outline:none}.el-tabs__item:focus-visible{border-radius:3px;box-shadow:0 0 2px 2px var(--el-color-primary) inset}.el-tabs__item .is-icon-close{border-radius:50%;margin-left:5px;text-align:center;transition:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)}.el-tabs__item .is-icon-close:before{display:inline-block;transform:scale(.9)}.el-tabs__item .is-icon-close:hover{background-color:var(--el-text-color-placeholder);color:#ffffff}.el-tabs__item.is-active{color:var(--el-color-primary)}.el-tabs__item:hover{color:var(--el-color-primary);cursor:pointer}.el-tabs__item.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-tabs__content{flex-grow:1;overflow:hidden;position:relative}.el-tabs--bottom>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top>.el-tabs__header .el-tabs__item:nth-child(2){padding-left:0}.el-tabs--bottom>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top>.el-tabs__header .el-tabs__item:last-child{padding-right:0}.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2){padding-left:20px}.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child{padding-right:20px}.el-tabs--card>.el-tabs__header{border-bottom:1px solid var(--el-border-color-light);box-sizing:border-box;height:var(--el-tabs-header-height)}.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap:after{content:none}.el-tabs--card>.el-tabs__header .el-tabs__nav{border:1px solid var(--el-border-color-light);border-bottom:none;border-radius:4px 4px 0 0;box-sizing:border-box}.el-tabs--card>.el-tabs__header .el-tabs__active-bar{display:none}.el-tabs--card>.el-tabs__header .el-tabs__item .is-icon-close{font-size:12px;height:14px;overflow:hidden;position:relative;right:-2px;transform-origin:100% 50%;width:0}.el-tabs--card>.el-tabs__header .el-tabs__item{border-bottom:1px solid transparent;border-left:1px solid var(--el-border-color-light);margin-top:-1px;transition:color var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier),padding var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)}.el-tabs--card>.el-tabs__header .el-tabs__item:first-child{border-left:none}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{padding-left:13px;padding-right:13px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .is-icon-close{width:14px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom-color:var(--el-bg-color)}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{padding-left:20px;padding-right:20px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .is-icon-close{width:14px}.el-tabs--border-card{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color)}.el-tabs--border-card>.el-tabs__content{padding:15px}.el-tabs--border-card>.el-tabs__header{background-color:var(--el-fill-color-light);border-bottom:1px solid var(--el-border-color-light);margin:0}.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap:after{content:none}.el-tabs--border-card>.el-tabs__header .el-tabs__item{border:1px solid transparent;color:var(--el-text-color-secondary);margin-top:-1px;transition:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)}.el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child{margin-left:-1px}.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item{margin-left:-1px}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{background-color:var(--el-bg-color-overlay);border-left-color:var(--el-border-color);border-right-color:var(--el-border-color);color:var(--el-color-primary)}.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover{color:var(--el-color-primary)}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled{color:var(--el-disabled-text-color)}.el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child{margin-left:0}.el-tabs--bottom{flex-direction:column}.el-tabs--bottom .el-tabs__header.is-bottom{margin-bottom:0;margin-top:10px}.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom{border-bottom:0;border-top:1px solid var(--el-border-color)}.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom{margin-bottom:0;margin-top:-1px}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active){border:1px solid transparent}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom{margin:0 -1px -1px}.el-tabs--left,.el-tabs--right{overflow:hidden}.el-tabs--left .el-tabs__header.is-left,.el-tabs--left .el-tabs__header.is-right,.el-tabs--left .el-tabs__nav-scroll,.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__header.is-left,.el-tabs--right .el-tabs__header.is-right,.el-tabs--right .el-tabs__nav-scroll,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{height:100%}.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__active-bar.is-right,.el-tabs--right .el-tabs__active-bar.is-left,.el-tabs--right .el-tabs__active-bar.is-right{bottom:auto;height:auto;top:0;width:2px}.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{margin-bottom:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{cursor:pointer;height:30px;line-height:30px;text-align:center;width:100%}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i{transform:rotate(90deg)}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{left:auto;top:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next{bottom:0;right:auto}.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable{padding:30px 0}.el-tabs--left .el-tabs__nav-wrap.is-left:after,.el-tabs--left .el-tabs__nav-wrap.is-right:after,.el-tabs--right .el-tabs__nav-wrap.is-left:after,.el-tabs--right .el-tabs__nav-wrap.is-right:after{bottom:auto;height:100%;top:0;width:2px}.el-tabs--left .el-tabs__nav.is-left,.el-tabs--left .el-tabs__nav.is-right,.el-tabs--right .el-tabs__nav.is-left,.el-tabs--right .el-tabs__nav.is-right{flex-direction:column}.el-tabs--left .el-tabs__item.is-left,.el-tabs--right .el-tabs__item.is-left{justify-content:flex-end}.el-tabs--left .el-tabs__item.is-right,.el-tabs--right .el-tabs__item.is-right{justify-content:flex-start}.el-tabs--left{flex-direction:row}.el-tabs--left .el-tabs__header.is-left{margin-bottom:0;margin-right:10px}.el-tabs--left .el-tabs__nav-wrap.is-left{margin-right:-1px}.el-tabs--left .el-tabs__nav-wrap.is-left:after{left:auto;right:0}.el-tabs--left .el-tabs__active-bar.is-left{left:auto;right:0}.el-tabs--left .el-tabs__item.is-left{text-align:right}.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left{display:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left{border-bottom:none;border-left:none;border-right:1px solid var(--el-border-color-light);border-top:1px solid var(--el-border-color-light);text-align:left}.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child{border-right:1px solid var(--el-border-color-light);border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active{border:1px solid var(--el-border-color-light);border-bottom:none;border-left:none;border-right:1px solid #fff}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child{border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child{border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__nav{border-bottom:1px solid var(--el-border-color-light);border-radius:4px 0 0 4px;border-right:none}.el-tabs--left.el-tabs--card .el-tabs__new-tab{float:none}.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left{border-right:1px solid var(--el-border-color)}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left{border:1px solid transparent;margin:-1px 0 -1px -1px}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active{border-color:rgb(209,219,229) transparent}.el-tabs--left>.el-tabs__content+.el-tabs__header{order:-1}.el-tabs--right .el-tabs__header.is-right{margin-bottom:0;margin-left:10px}.el-tabs--right .el-tabs__nav-wrap.is-right{margin-left:-1px}.el-tabs--right .el-tabs__nav-wrap.is-right:after{left:0;right:auto}.el-tabs--right .el-tabs__active-bar.is-right{left:0}.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right{display:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right{border-bottom:none;border-top:1px solid var(--el-border-color-light)}.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child{border-left:1px solid var(--el-border-color-light);border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active{border:1px solid var(--el-border-color-light);border-bottom:none;border-left:1px solid #fff;border-right:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child{border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child{border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__nav{border-bottom:1px solid var(--el-border-color-light);border-left:none;border-radius:0 4px 4px 0}.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right{border-left:1px solid var(--el-border-color)}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right{border:1px solid transparent;margin:-1px -1px -1px 0}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active{border-color:rgb(209,219,229) transparent}.el-tabs--top{flex-direction:column}.el-tabs--top>.el-tabs__content+.el-tabs__header{order:-1}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{animation:slideInRight-enter var(--el-transition-duration)}.slideInRight-leave{animation:slideInRight-leave var(--el-transition-duration);left:0;position:absolute;right:0}.slideInLeft-enter{animation:slideInLeft-enter var(--el-transition-duration)}.slideInLeft-leave{animation:slideInLeft-leave var(--el-transition-duration);left:0;position:absolute;right:0}@keyframes slideInRight-enter{0%{opacity:0;transform:translateX(100%);transform-origin:0 0}to{opacity:1;transform:translateX(0);transform-origin:0 0}}@keyframes slideInRight-leave{0%{opacity:1;transform:translateX(0);transform-origin:0 0}to{opacity:0;transform:translateX(100%);transform-origin:0 0}}@keyframes slideInLeft-enter{0%{opacity:0;transform:translateX(-100%);transform-origin:0 0}to{opacity:1;transform:translateX(0);transform-origin:0 0}}@keyframes slideInLeft-leave{0%{opacity:1;transform:translateX(0);transform-origin:0 0}to{opacity:0;transform:translateX(-100%);transform-origin:0 0}}.el-tag{--el-tag-font-size:12px;--el-tag-border-radius:4px;--el-tag-border-radius-rounded:9999px;align-items:center;background-color:var(--el-tag-bg-color);border-color:var(--el-tag-border-color);border-radius:var(--el-tag-border-radius);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--el-tag-text-color);display:inline-flex;font-size:var(--el-tag-font-size);height:24px;justify-content:center;line-height:1;padding:0 9px;vertical-align:middle;white-space:nowrap;--el-icon-size:14px}.el-tag,.el-tag.el-tag--primary{--el-tag-bg-color:var(--el-color-primary-light-9);--el-tag-border-color:var(--el-color-primary-light-8);--el-tag-hover-color:var(--el-color-primary)}.el-tag.el-tag--success{--el-tag-bg-color:var(--el-color-success-light-9);--el-tag-border-color:var(--el-color-success-light-8);--el-tag-hover-color:var(--el-color-success)}.el-tag.el-tag--warning{--el-tag-bg-color:var(--el-color-warning-light-9);--el-tag-border-color:var(--el-color-warning-light-8);--el-tag-hover-color:var(--el-color-warning)}.el-tag.el-tag--danger{--el-tag-bg-color:var(--el-color-danger-light-9);--el-tag-border-color:var(--el-color-danger-light-8);--el-tag-hover-color:var(--el-color-danger)}.el-tag.el-tag--error{--el-tag-bg-color:var(--el-color-error-light-9);--el-tag-border-color:var(--el-color-error-light-8);--el-tag-hover-color:var(--el-color-error)}.el-tag.el-tag--info{--el-tag-bg-color:var(--el-color-info-light-9);--el-tag-border-color:var(--el-color-info-light-8);--el-tag-hover-color:var(--el-color-info)}.el-tag.is-hit{border-color:var(--el-color-primary)}.el-tag.is-round{border-radius:var(--el-tag-border-radius-rounded)}.el-tag .el-tag__close{color:var(--el-tag-text-color);flex-shrink:0}.el-tag .el-tag__close:hover{background-color:var(--el-tag-hover-color);color:var(--el-color-white)}.el-tag.el-tag--primary{--el-tag-text-color:var(--el-color-primary)}.el-tag.el-tag--success{--el-tag-text-color:var(--el-color-success)}.el-tag.el-tag--warning{--el-tag-text-color:var(--el-color-warning)}.el-tag.el-tag--danger{--el-tag-text-color:var(--el-color-danger)}.el-tag.el-tag--error{--el-tag-text-color:var(--el-color-error)}.el-tag.el-tag--info{--el-tag-text-color:var(--el-color-info)}.el-tag .el-icon{border-radius:50%;cursor:pointer;font-size:calc(var(--el-icon-size) - 2px);height:var(--el-icon-size);width:var(--el-icon-size)}.el-tag .el-tag__close{margin-left:6px}.el-tag--dark{--el-tag-text-color:var(--el-color-white)}.el-tag--dark,.el-tag--dark.el-tag--primary{--el-tag-bg-color:var(--el-color-primary);--el-tag-border-color:var(--el-color-primary);--el-tag-hover-color:var(--el-color-primary-light-3)}.el-tag--dark.el-tag--success{--el-tag-bg-color:var(--el-color-success);--el-tag-border-color:var(--el-color-success);--el-tag-hover-color:var(--el-color-success-light-3)}.el-tag--dark.el-tag--warning{--el-tag-bg-color:var(--el-color-warning);--el-tag-border-color:var(--el-color-warning);--el-tag-hover-color:var(--el-color-warning-light-3)}.el-tag--dark.el-tag--danger{--el-tag-bg-color:var(--el-color-danger);--el-tag-border-color:var(--el-color-danger);--el-tag-hover-color:var(--el-color-danger-light-3)}.el-tag--dark.el-tag--error{--el-tag-bg-color:var(--el-color-error);--el-tag-border-color:var(--el-color-error);--el-tag-hover-color:var(--el-color-error-light-3)}.el-tag--dark.el-tag--info{--el-tag-bg-color:var(--el-color-info);--el-tag-border-color:var(--el-color-info);--el-tag-hover-color:var(--el-color-info-light-3)}.el-tag--dark.el-tag--danger,.el-tag--dark.el-tag--error,.el-tag--dark.el-tag--info,.el-tag--dark.el-tag--primary,.el-tag--dark.el-tag--success,.el-tag--dark.el-tag--warning{--el-tag-text-color:var(--el-color-white)}.el-tag--plain,.el-tag--plain.el-tag--primary{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-primary-light-5);--el-tag-hover-color:var(--el-color-primary)}.el-tag--plain.el-tag--success{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-success-light-5);--el-tag-hover-color:var(--el-color-success)}.el-tag--plain.el-tag--warning{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-warning-light-5);--el-tag-hover-color:var(--el-color-warning)}.el-tag--plain.el-tag--danger{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-danger-light-5);--el-tag-hover-color:var(--el-color-danger)}.el-tag--plain.el-tag--error{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-error-light-5);--el-tag-hover-color:var(--el-color-error)}.el-tag--plain.el-tag--info{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-info-light-5);--el-tag-hover-color:var(--el-color-info)}.el-tag.is-closable{padding-right:5px}.el-tag--large{height:32px;padding:0 11px;--el-icon-size:16px}.el-tag--large .el-tag__close{margin-left:8px}.el-tag--large.is-closable{padding-right:7px}.el-tag--small{height:20px;padding:0 7px;--el-icon-size:12px}.el-tag--small .el-tag__close{margin-left:4px}.el-tag--small.is-closable{padding-right:3px}.el-tag--small .el-icon-close{transform:scale(.8)}.el-tag.el-tag--primary.is-hit{border-color:var(--el-color-primary)}.el-tag.el-tag--success.is-hit{border-color:var(--el-color-success)}.el-tag.el-tag--warning.is-hit{border-color:var(--el-color-warning)}.el-tag.el-tag--danger.is-hit{border-color:var(--el-color-danger)}.el-tag.el-tag--error.is-hit{border-color:var(--el-color-error)}.el-tag.el-tag--info.is-hit{border-color:var(--el-color-info)}.el-text{--el-text-font-size:var(--el-font-size-base);--el-text-color:var(--el-text-color-regular);align-self:center;color:var(--el-text-color);font-size:var(--el-text-font-size);margin:0;overflow-wrap:break-word;padding:0}.el-text.is-truncated{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-text.is-line-clamp{display:-webkit-inline-box;-webkit-box-orient:vertical;overflow:hidden}.el-text--large{--el-text-font-size:var(--el-font-size-medium)}.el-text--default{--el-text-font-size:var(--el-font-size-base)}.el-text--small{--el-text-font-size:var(--el-font-size-extra-small)}.el-text.el-text--primary{--el-text-color:var(--el-color-primary)}.el-text.el-text--success{--el-text-color:var(--el-color-success)}.el-text.el-text--warning{--el-text-color:var(--el-color-warning)}.el-text.el-text--danger{--el-text-color:var(--el-color-danger)}.el-text.el-text--error{--el-text-color:var(--el-color-error)}.el-text.el-text--info{--el-text-color:var(--el-color-info)}.el-text>.el-icon{vertical-align:-2px}.time-select{margin:5px 0;min-width:0}.time-select .el-picker-panel__content{margin:0;max-height:200px}.time-select-item{font-size:14px;line-height:20px;padding:8px 10px}.time-select-item.disabled{color:var(--el-datepicker-border-color);cursor:not-allowed}.time-select-item:hover{background-color:var(--el-fill-color-light);cursor:pointer;font-weight:bold}.time-select .time-select-item.selected:not(.disabled){color:var(--el-color-primary);font-weight:bold}.el-timeline-item{padding-bottom:20px;position:relative}.el-timeline-item__wrapper{padding-left:28px;position:relative;top:-3px}.el-timeline-item__tail{border-left:2px solid var(--el-timeline-node-color);height:100%;left:4px;position:absolute}.el-timeline-item .el-timeline-item__icon{color:var(--el-color-white);font-size:var(--el-font-size-small)}.el-timeline-item__node{align-items:center;background-color:var(--el-timeline-node-color);border-color:var(--el-timeline-node-color);border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;position:absolute}.el-timeline-item__node--normal{height:var(--el-timeline-node-size-normal);left:-1px;width:var(--el-timeline-node-size-normal)}.el-timeline-item__node--large{height:var(--el-timeline-node-size-large);left:-2px;width:var(--el-timeline-node-size-large)}.el-timeline-item__node.is-hollow{background:var(--el-color-white);border-style:solid;border-width:2px}.el-timeline-item__node--primary{background-color:var(--el-color-primary);border-color:var(--el-color-primary)}.el-timeline-item__node--success{background-color:var(--el-color-success);border-color:var(--el-color-success)}.el-timeline-item__node--warning{background-color:var(--el-color-warning);border-color:var(--el-color-warning)}.el-timeline-item__node--danger{background-color:var(--el-color-danger);border-color:var(--el-color-danger)}.el-timeline-item__node--info{background-color:var(--el-color-info);border-color:var(--el-color-info)}.el-timeline-item__dot{align-items:center;display:flex;justify-content:center;position:absolute}.el-timeline-item__content{color:var(--el-text-color-primary)}.el-timeline-item__timestamp{color:var(--el-text-color-secondary);font-size:var(--el-font-size-small);line-height:1}.el-timeline-item__timestamp.is-top{margin-bottom:8px;padding-top:4px}.el-timeline-item__timestamp.is-bottom{margin-top:8px}.el-timeline{--el-timeline-node-size-normal:12px;--el-timeline-node-size-large:14px;--el-timeline-node-color:var(--el-border-color-light);font-size:var(--el-font-size-base);list-style:none;margin:0}.el-timeline .el-timeline-item:last-child .el-timeline-item__tail{display:none}.el-timeline .el-timeline-item__center{align-items:center;display:flex}.el-timeline .el-timeline-item__center .el-timeline-item__wrapper{width:100%}.el-timeline .el-timeline-item__center .el-timeline-item__tail{top:0}.el-timeline .el-timeline-item__center:first-child .el-timeline-item__tail{height:calc(50% + 10px);top:calc(50% - 10px)}.el-timeline .el-timeline-item__center:last-child .el-timeline-item__tail{display:block;height:calc(50% - 10px)}.el-transfer{--el-transfer-border-color:var(--el-border-color-lighter);--el-transfer-border-radius:var(--el-border-radius-base);--el-transfer-panel-width:200px;--el-transfer-panel-header-height:40px;--el-transfer-panel-header-bg-color:var(--el-fill-color-light);--el-transfer-panel-footer-height:40px;--el-transfer-panel-body-height:278px;--el-transfer-item-height:30px;--el-transfer-filter-height:32px;font-size:var(--el-font-size-base)}.el-transfer__buttons{display:inline-block;padding:0 30px;vertical-align:middle}.el-transfer__button{vertical-align:top}.el-transfer__button:nth-child(2){margin:0 0 0 10px}.el-transfer__button i,.el-transfer__button span{font-size:14px}.el-transfer__button .el-icon+span{margin-left:0}.el-transfer-panel{background:var(--el-bg-color-overlay);box-sizing:border-box;display:inline-block;max-height:100%;overflow:hidden;position:relative;text-align:left;vertical-align:middle;width:var(--el-transfer-panel-width)}.el-transfer-panel__body{border-bottom:1px solid var(--el-transfer-border-color);border-bottom-left-radius:var(--el-transfer-border-radius);border-bottom-right-radius:var(--el-transfer-border-radius);border-left:1px solid var(--el-transfer-border-color);border-right:1px solid var(--el-transfer-border-color);height:var(--el-transfer-panel-body-height);overflow:hidden}.el-transfer-panel__body.is-with-footer{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.el-transfer-panel__list{box-sizing:border-box;height:var(--el-transfer-panel-body-height);list-style:none;margin:0;overflow:auto;padding:6px 0}.el-transfer-panel__list.is-filterable{height:calc(100% - var(--el-transfer-filter-height) - 30px);padding-top:0}.el-transfer-panel__item{display:block!important;height:var(--el-transfer-item-height);line-height:var(--el-transfer-item-height);padding-left:15px}.el-transfer-panel__item+.el-transfer-panel__item{margin-left:0}.el-transfer-panel__item.el-checkbox{color:var(--el-text-color-regular);margin-right:30px}.el-transfer-panel__item:hover{color:var(--el-color-primary)}.el-transfer-panel__item.el-checkbox .el-checkbox__label{box-sizing:border-box;display:block;line-height:var(--el-transfer-item-height);overflow:hidden;padding-left:22px;text-overflow:ellipsis;white-space:nowrap;width:100%}.el-transfer-panel__item .el-checkbox__input{position:absolute;top:8px}.el-transfer-panel__filter{box-sizing:border-box;padding:15px;text-align:center}.el-transfer-panel__filter .el-input__inner{box-sizing:border-box;display:inline-block;font-size:12px;height:var(--el-transfer-filter-height);width:100%}.el-transfer-panel__filter .el-icon-circle-close{cursor:pointer}.el-transfer-panel .el-transfer-panel__header{align-items:center;background:var(--el-transfer-panel-header-bg-color);border:1px solid var(--el-transfer-border-color);border-top-left-radius:var(--el-transfer-border-radius);border-top-right-radius:var(--el-transfer-border-radius);box-sizing:border-box;color:var(--el-color-black);display:flex;height:var(--el-transfer-panel-header-height);margin:0;padding-left:15px}.el-transfer-panel .el-transfer-panel__header .el-checkbox{align-items:center;display:flex;position:relative;width:100%}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label{color:var(--el-text-color-primary);font-size:16px;font-weight:normal}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span{color:var(--el-text-color-secondary);font-size:12px;font-weight:normal;position:absolute;right:15px;top:50%;transform:translate3d(0,-50%,0)}.el-transfer-panel .el-transfer-panel__footer{background:var(--el-bg-color-overlay);border:1px solid var(--el-transfer-border-color);border-bottom-left-radius:var(--el-transfer-border-radius);border-bottom-right-radius:var(--el-transfer-border-radius);height:var(--el-transfer-panel-footer-height);margin:0;padding:0}.el-transfer-panel .el-transfer-panel__footer:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-transfer-panel .el-transfer-panel__footer .el-checkbox{color:var(--el-text-color-regular);padding-left:20px}.el-transfer-panel .el-transfer-panel__empty{color:var(--el-text-color-secondary);height:var(--el-transfer-item-height);line-height:var(--el-transfer-item-height);margin:0;padding:6px 15px 0;text-align:center}.el-transfer-panel .el-checkbox__label{padding-left:8px}.el-tree{--el-tree-node-content-height:26px;--el-tree-node-hover-bg-color:var(--el-fill-color-light);--el-tree-text-color:var(--el-text-color-regular);--el-tree-expand-icon-color:var(--el-text-color-placeholder);background:var(--el-fill-color-blank);color:var(--el-tree-text-color);cursor:default;font-size:var(--el-font-size-base);position:relative}.el-tree__empty-block{height:100%;min-height:60px;position:relative;text-align:center;width:100%}.el-tree__empty-text{color:var(--el-text-color-secondary);font-size:var(--el-font-size-base);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.el-tree__drop-indicator{background-color:var(--el-color-primary);height:1px;left:0;position:absolute;right:0}.el-tree-node{outline:none;white-space:nowrap}.el-tree-node:focus>.el-tree-node__content{background-color:var(--el-tree-node-hover-bg-color)}.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label{background-color:var(--el-color-primary);color:#fff}.el-tree-node__content{--el-checkbox-height:var(--el-tree-node-content-height);align-items:center;cursor:pointer;display:flex;height:var(--el-tree-node-content-height)}.el-tree-node__content>.el-tree-node__expand-icon{box-sizing:content-box;padding:6px}.el-tree-node__content>label.el-checkbox{margin-right:8px}.el-tree-node__content:hover{background-color:var(--el-tree-node-hover-bg-color)}.el-tree.is-dragging .el-tree-node__content{cursor:move}.el-tree.is-dragging .el-tree-node__content *{pointer-events:none}.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content{cursor:not-allowed}.el-tree-node__expand-icon{color:var(--el-tree-expand-icon-color);cursor:pointer;font-size:12px;transform:rotate(0deg);transition:transform var(--el-transition-duration) ease-in-out}.el-tree-node__expand-icon.expanded{transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{color:transparent;cursor:default;visibility:hidden}.el-tree-node__expand-icon.is-hidden{visibility:hidden}.el-tree-node__loading-icon{color:var(--el-tree-expand-icon-color);font-size:var(--el-font-size-base);margin-right:8px}.el-tree-node>.el-tree-node__children{background-color:transparent;overflow:hidden}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:var(--el-color-primary-light-9)}.el-tree-select{--el-tree-node-content-height:26px;--el-tree-node-hover-bg-color:var(--el-fill-color-light);--el-tree-text-color:var(--el-text-color-regular);--el-tree-expand-icon-color:var(--el-text-color-placeholder)}.el-tree-select__popper .el-tree-node__expand-icon{margin-left:8px}.el-tree-select__popper .el-tree-node.is-checked>.el-tree-node__content .el-select-dropdown__item.selected:after{content:none}.el-tree-select__popper .el-select-dropdown__list>.el-select-dropdown__item{padding-left:32px}.el-tree-select__popper .el-select-dropdown__item{background:transparent!important;flex:1;height:20px;line-height:20px;padding-left:0}.el-upload{--el-upload-dragger-padding-horizontal:40px;--el-upload-dragger-padding-vertical:10px;--el-upload-list-picture-card-size:var(--el-upload-picture-card-size);--el-upload-picture-card-size:148px;align-items:center;cursor:pointer;display:inline-flex;justify-content:center;outline:none}.el-upload.is-disabled{cursor:not-allowed}.el-upload.is-disabled:focus{border-color:var(--el-border-color-darker);color:inherit}.el-upload.is-disabled:focus .el-upload-dragger{border-color:var(--el-border-color-darker)}.el-upload.is-disabled .el-upload-dragger{background-color:var(--el-disabled-bg-color);cursor:not-allowed}.el-upload.is-disabled .el-upload-dragger .el-upload__text{color:var(--el-text-color-placeholder)}.el-upload.is-disabled .el-upload-dragger .el-upload__text em{color:var(--el-disabled-text-color)}.el-upload.is-disabled .el-upload-dragger:hover{border-color:var(--el-border-color-darker)}.el-upload__input{display:none}.el-upload__tip{color:var(--el-text-color-regular);font-size:12px;margin-top:7px}.el-upload iframe{filter:alpha(opacity=0);left:0;opacity:0;position:absolute;top:0;z-index:-1}.el-upload--picture-card{align-items:center;background-color:var(--el-fill-color-lighter);border:1px dashed var(--el-border-color-darker);border-radius:6px;box-sizing:border-box;cursor:pointer;display:inline-flex;height:var(--el-upload-picture-card-size);justify-content:center;vertical-align:top;width:var(--el-upload-picture-card-size)}.el-upload--picture-card>i{color:var(--el-text-color-secondary);font-size:28px}.el-upload--picture-card:hover{border-color:var(--el-color-primary);color:var(--el-color-primary)}.el-upload.is-drag{display:block}.el-upload:focus{border-color:var(--el-color-primary);color:var(--el-color-primary)}.el-upload:focus .el-upload-dragger{border-color:var(--el-color-primary)}.el-upload-dragger{background-color:var(--el-fill-color-blank);border:1px dashed var(--el-border-color);border-radius:6px;box-sizing:border-box;cursor:pointer;overflow:hidden;padding:var(--el-upload-dragger-padding-horizontal) var(--el-upload-dragger-padding-vertical);position:relative;text-align:center}.el-upload-dragger .el-icon--upload{color:var(--el-text-color-placeholder);font-size:67px;line-height:50px;margin-bottom:16px}.el-upload-dragger+.el-upload__tip{text-align:center}.el-upload-dragger~.el-upload__files{border-top:var(--el-border);margin-top:7px;padding-top:5px}.el-upload-dragger .el-upload__text{color:var(--el-text-color-regular);font-size:14px;text-align:center}.el-upload-dragger .el-upload__text em{color:var(--el-color-primary);font-style:normal}.el-upload-dragger:hover{border-color:var(--el-color-primary)}.el-upload-dragger.is-dragover{background-color:var(--el-color-primary-light-9);border:2px dashed var(--el-color-primary);padding:calc(var(--el-upload-dragger-padding-horizontal) - 1px) calc(var(--el-upload-dragger-padding-vertical) - 1px)}.el-upload-list{--el-upload-dragger-padding-horizontal:40px;--el-upload-dragger-padding-vertical:10px;--el-upload-list-picture-card-size:var(--el-upload-picture-card-size);--el-upload-picture-card-size:148px;list-style:none;margin:10px 0 0;padding:0;position:relative}.el-upload-list__item{border-radius:4px;box-sizing:border-box;color:var(--el-text-color-regular);font-size:14px;margin-bottom:5px;position:relative;transition:all .5s cubic-bezier(.55,0,.1,1);width:100%}.el-upload-list__item .el-progress{position:absolute;top:20px;width:100%}.el-upload-list__item .el-progress__text{position:absolute;right:0;top:-13px}.el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0}.el-upload-list__item .el-icon--upload-success{color:var(--el-color-success)}.el-upload-list__item .el-icon--close{color:var(--el-text-color-regular);cursor:pointer;display:none;opacity:.75;position:absolute;right:5px;top:50%;transform:translateY(-50%);transition:opacity var(--el-transition-duration)}.el-upload-list__item .el-icon--close:hover{color:var(--el-color-primary);opacity:1}.el-upload-list__item .el-icon--close-tip{color:var(--el-color-primary);cursor:pointer;display:none;font-size:12px;font-style:normal;opacity:1;position:absolute;right:5px;top:1px}.el-upload-list__item:hover{background-color:var(--el-fill-color-light)}.el-upload-list__item:hover .el-icon--close{display:inline-flex}.el-upload-list__item:hover .el-progress__text{display:none}.el-upload-list__item .el-upload-list__item-info{display:inline-flex;flex-direction:column;justify-content:center;margin-left:4px;width:calc(100% - 30px)}.el-upload-list__item.is-success .el-upload-list__item-status-label{display:inline-flex}.el-upload-list__item.is-success .el-upload-list__item-name:focus,.el-upload-list__item.is-success .el-upload-list__item-name:hover{color:var(--el-color-primary);cursor:pointer}.el-upload-list__item.is-success:focus:not(:hover) .el-icon--close-tip{display:inline-block}.el-upload-list__item.is-success:active,.el-upload-list__item.is-success:not(.focusing):focus{outline-width:0}.el-upload-list__item.is-success:active .el-icon--close-tip,.el-upload-list__item.is-success:not(.focusing):focus .el-icon--close-tip{display:none}.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,.el-upload-list__item.is-success:hover .el-upload-list__item-status-label{display:none;opacity:0}.el-upload-list__item-name{align-items:center;color:var(--el-text-color-regular);display:inline-flex;font-size:var(--el-font-size-base);padding:0 4px;text-align:center;transition:color var(--el-transition-duration)}.el-upload-list__item-name .el-icon{color:var(--el-text-color-secondary);margin-right:6px}.el-upload-list__item-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-upload-list__item-status-label{align-items:center;display:none;height:100%;justify-content:center;line-height:inherit;position:absolute;right:5px;top:0;transition:opacity var(--el-transition-duration)}.el-upload-list__item-delete{color:var(--el-text-color-regular);display:none;font-size:12px;position:absolute;right:10px;top:0}.el-upload-list__item-delete:hover{color:var(--el-color-primary)}.el-upload-list--picture-card{display:inline-flex;flex-wrap:wrap;margin:0}.el-upload-list--picture-card .el-upload-list__item{background-color:var(--el-fill-color-blank);border:1px solid var(--el-border-color);border-radius:6px;box-sizing:border-box;display:inline-flex;height:var(--el-upload-list-picture-card-size);margin:0 8px 8px 0;overflow:hidden;padding:0;width:var(--el-upload-list-picture-card-size)}.el-upload-list--picture-card .el-upload-list__item .el-icon--check,.el-upload-list--picture-card .el-upload-list__item .el-icon--circle-check{color:#ffffff}.el-upload-list--picture-card .el-upload-list__item .el-icon--close{display:none}.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{display:block;opacity:0}.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture-card .el-upload-list__item .el-upload-list__item-name{display:none}.el-upload-list--picture-card .el-upload-list__item-thumbnail{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.el-upload-list--picture-card .el-upload-list__item-status-label{background:var(--el-color-success);height:24px;right:-15px;text-align:center;top:-6px;transform:rotate(45deg);width:40px}.el-upload-list--picture-card .el-upload-list__item-status-label i{font-size:12px;margin-top:11px;transform:rotate(-45deg)}.el-upload-list--picture-card .el-upload-list__item-actions{align-items:center;background-color:var(--el-overlay-color-lighter);color:#fff;cursor:default;display:inline-flex;font-size:20px;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--el-transition-duration);width:100%}.el-upload-list--picture-card .el-upload-list__item-actions span{cursor:pointer;display:none}.el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:16px}.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{color:inherit;font-size:inherit;position:static}.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-flex}.el-upload-list--picture-card .el-progress{bottom:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:126px}.el-upload-list--picture-card .el-progress .el-progress__text{top:50%}.el-upload-list--picture .el-upload-list__item{align-items:center;background-color:var(--el-fill-color-blank);border:1px solid var(--el-border-color);border-radius:6px;box-sizing:border-box;display:flex;margin-top:10px;overflow:hidden;padding:10px;z-index:0}.el-upload-list--picture .el-upload-list__item .el-icon--check,.el-upload-list--picture .el-upload-list__item .el-icon--circle-check{color:#ffffff}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{display:inline-flex;opacity:0}.el-upload-list--picture .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none}.el-upload-list--picture .el-upload-list__item .el-icon--close{top:5px;transform:translateY(0)}.el-upload-list--picture .el-upload-list__item-thumbnail{align-items:center;background-color:var(--el-color-white);display:inline-flex;height:70px;justify-content:center;-o-object-fit:contain;object-fit:contain;position:relative;width:70px;z-index:1}.el-upload-list--picture .el-upload-list__item-status-label{background:var(--el-color-success);height:26px;position:absolute;right:-17px;text-align:center;top:-7px;transform:rotate(45deg);width:46px}.el-upload-list--picture .el-upload-list__item-status-label i{font-size:12px;margin-top:12px;transform:rotate(-45deg)}.el-upload-list--picture .el-progress{position:relative;top:-7px}.el-upload-cover{cursor:default;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:10}.el-upload-cover:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-upload-cover img{display:block;height:100%;width:100%}.el-upload-cover__label{background:var(--el-color-success);height:24px;right:-15px;text-align:center;top:-6px;transform:rotate(45deg);width:40px}.el-upload-cover__label i{color:#fff;font-size:12px;margin-top:11px;transform:rotate(-45deg)}.el-upload-cover__progress{display:inline-block;position:static;vertical-align:middle;width:243px}.el-upload-cover__progress+.el-upload__inner{opacity:0}.el-upload-cover__content{height:100%;left:0;position:absolute;top:0;width:100%}.el-upload-cover__interact{background-color:var(--el-overlay-color-light);bottom:0;height:100%;left:0;position:absolute;text-align:center;width:100%}.el-upload-cover__interact .btn{color:#ffffff;cursor:pointer;display:inline-block;font-size:14px;margin-top:60px;transition:var(--el-transition-md-fade);vertical-align:middle}.el-upload-cover__interact .btn i{margin-top:0}.el-upload-cover__interact .btn span{opacity:0;transition:opacity .15s linear}.el-upload-cover__interact .btn:not(:first-child){margin-left:35px}.el-upload-cover__interact .btn:hover{transform:translateY(-13px)}.el-upload-cover__interact .btn:hover span{opacity:1}.el-upload-cover__interact .btn i{color:#ffffff;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.el-upload-cover__title{background-color:#ffffff;bottom:0;color:var(--el-text-color-primary);font-size:14px;font-weight:normal;height:36px;left:0;line-height:36px;margin:0;overflow:hidden;padding:0 10px;position:absolute;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.el-upload-cover+.el-upload__inner{opacity:0;position:relative;z-index:1}.el-vl__wrapper{position:relative}.el-vl__wrapper:hover .el-virtual-scrollbar{opacity:1}.el-vl__wrapper.always-on .el-virtual-scrollbar{opacity:1}.el-vl__window{scrollbar-width:none}.el-vl__window::-webkit-scrollbar{display:none}.el-virtual-scrollbar{opacity:0;transition:opacity .34s ease-out}.el-virtual-scrollbar.always-on{opacity:1}.el-vg__wrapper{position:relative}.el-popper{--el-popper-border-radius:var(--el-popover-border-radius,4px);border-radius:var(--el-popper-border-radius);font-size:12px;line-height:20px;min-width:10px;overflow-wrap:break-word;padding:5px 11px;position:absolute;visibility:visible;word-break:normal;z-index:2000}.el-popper.is-dark{background:var(--el-text-color-primary);border:1px solid var(--el-text-color-primary);color:var(--el-bg-color)}.el-popper.is-dark>.el-popper__arrow:before{background:var(--el-text-color-primary);border:1px solid var(--el-text-color-primary);right:0}.el-popper.is-light{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light)}.el-popper.is-light>.el-popper__arrow:before{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);right:0}.el-popper.is-pure{padding:0}.el-popper__arrow{height:10px;position:absolute;width:10px;z-index:-1}.el-popper__arrow:before{background:var(--el-text-color-primary);box-sizing:border-box;content:" ";height:10px;position:absolute;transform:rotate(45deg);width:10px;z-index:-1}.el-popper[data-popper-placement^=top]>.el-popper__arrow{bottom:-5px}.el-popper[data-popper-placement^=top]>.el-popper__arrow:before{border-bottom-right-radius:2px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-5px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before{border-top-left-radius:2px}.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-5px}.el-popper[data-popper-placement^=left]>.el-popper__arrow:before{border-top-right-radius:2px}.el-popper[data-popper-placement^=right]>.el-popper__arrow{left:-5px}.el-popper[data-popper-placement^=right]>.el-popper__arrow:before{border-bottom-left-radius:2px}.el-popper[data-popper-placement^=top]>.el-popper__arrow:before{border-left-color:transparent!important;border-top-color:transparent!important}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before{border-bottom-color:transparent!important;border-right-color:transparent!important}.el-popper[data-popper-placement^=left]>.el-popper__arrow:before{border-bottom-color:transparent!important;border-left-color:transparent!important}.el-popper[data-popper-placement^=right]>.el-popper__arrow:before{border-right-color:transparent!important;border-top-color:transparent!important}.el-statistic{--el-statistic-title-font-weight:400;--el-statistic-title-font-size:var(--el-font-size-extra-small);--el-statistic-title-color:var(--el-text-color-regular);--el-statistic-content-font-weight:400;--el-statistic-content-font-size:var(--el-font-size-extra-large);--el-statistic-content-color:var(--el-text-color-primary)}.el-statistic__head{color:var(--el-statistic-title-color);font-size:var(--el-statistic-title-font-size);font-weight:var(--el-statistic-title-font-weight);line-height:20px;margin-bottom:4px}.el-statistic__content{color:var(--el-statistic-content-color);font-size:var(--el-statistic-content-font-size);font-weight:var(--el-statistic-content-font-weight)}.el-statistic__value{display:inline-block}.el-statistic__prefix{display:inline-block;margin-right:4px}.el-statistic__suffix{display:inline-block;margin-left:4px}.el-tour{--el-tour-width:520px;--el-tour-padding-primary:12px;--el-tour-font-line-height:var(--el-font-line-height-primary);--el-tour-title-font-size:16px;--el-tour-title-text-color:var(--el-text-color-primary);--el-tour-title-font-weight:400;--el-tour-close-color:var(--el-color-info);--el-tour-font-size:14px;--el-tour-color:var(--el-text-color-primary);--el-tour-bg-color:var(--el-bg-color);--el-tour-border-radius:4px}.el-tour__hollow{transition:all var(--el-transition-duration) ease}.el-tour__content{border-radius:var(--el-tour-border-radius);box-shadow:var(--el-box-shadow-light);outline:none;overflow-wrap:break-word;padding:var(--el-tour-padding-primary);width:var(--el-tour-width)}.el-tour__arrow,.el-tour__content{background:var(--el-tour-bg-color);box-sizing:border-box}.el-tour__arrow{height:10px;pointer-events:none;position:absolute;transform:rotate(45deg);width:10px}.el-tour__content[data-side^=top] .el-tour__arrow{border-left-color:transparent;border-top-color:transparent}.el-tour__content[data-side^=bottom] .el-tour__arrow{border-bottom-color:transparent;border-right-color:transparent}.el-tour__content[data-side^=left] .el-tour__arrow{border-bottom-color:transparent;border-left-color:transparent}.el-tour__content[data-side^=right] .el-tour__arrow{border-right-color:transparent;border-top-color:transparent}.el-tour__content[data-side^=top] .el-tour__arrow{bottom:-5px}.el-tour__content[data-side^=bottom] .el-tour__arrow{top:-5px}.el-tour__content[data-side^=left] .el-tour__arrow{right:-5px}.el-tour__content[data-side^=right] .el-tour__arrow{left:-5px}.el-tour__closebtn{background:transparent;border:none;cursor:pointer;font-size:var(--el-message-close-size,16px);height:40px;outline:none;padding:0;position:absolute;right:0;top:0;width:40px}.el-tour__closebtn .el-tour__close{color:var(--el-tour-close-color);font-size:inherit}.el-tour__closebtn:focus .el-tour__close,.el-tour__closebtn:hover .el-tour__close{color:var(--el-color-primary)}.el-tour__header{padding-bottom:var(--el-tour-padding-primary)}.el-tour__header.show-close{padding-right:calc(var(--el-tour-padding-primary) + var(--el-message-close-size, 16px))}.el-tour__title{color:var(--el-tour-title-text-color);font-size:var(--el-tour-title-font-size);font-weight:var(--el-tour-title-font-weight);line-height:var(--el-tour-font-line-height)}.el-tour__body{color:var(--el-tour-text-color);font-size:var(--el-tour-font-size)}.el-tour__body img,.el-tour__body video{max-width:100%}.el-tour__footer{box-sizing:border-box;display:flex;justify-content:space-between;padding-top:var(--el-tour-padding-primary)}.el-tour__content .el-tour-indicators{display:inline-block;flex:1}.el-tour__content .el-tour-indicator{background:var(--el-color-info-light-9);border-radius:50%;display:inline-block;height:6px;margin-right:6px;width:6px}.el-tour__content .el-tour-indicator.is-active{background:var(--el-color-primary)}.el-tour.el-tour--primary{--el-tour-title-text-color:#fff;--el-tour-text-color:#fff;--el-tour-bg-color:var(--el-color-primary);--el-tour-close-color:#fff}.el-tour.el-tour--primary .el-tour__closebtn:focus .el-tour__close,.el-tour.el-tour--primary .el-tour__closebtn:hover .el-tour__close{color:var(--el-tour-title-text-color)}.el-tour.el-tour--primary .el-button--default{background:#fff;border-color:var(--el-color-primary);color:var(--el-color-primary)}.el-tour.el-tour--primary .el-button--primary{border-color:#fff}.el-tour.el-tour--primary .el-tour-indicator{background:rgba(255,255,255,.15)}.el-tour.el-tour--primary .el-tour-indicator.is-active{background:#fff}.el-tour-parent--hidden{overflow:hidden}.el-anchor{--el-anchor-bg-color:var(--el-bg-color);--el-anchor-padding-indent:14px;--el-anchor-line-height:22px;--el-anchor-font-size:12px;--el-anchor-color:var(--el-text-color-secondary);--el-anchor-active-color:var(--el-color-primary);--el-anchor-marker-bg-color:var(--el-color-primary);background-color:var(--el-anchor-bg-color);position:relative}.el-anchor__marker{background-color:var(--el-anchor-marker-bg-color);border-radius:4px;opacity:0;position:absolute;z-index:0}.el-anchor.el-anchor--vertical .el-anchor__marker{height:14px;left:0;top:8px;transition:top .25s ease-in-out,opacity .25s;width:4px}.el-anchor.el-anchor--vertical .el-anchor__list{padding-left:var(--el-anchor-padding-indent)}.el-anchor.el-anchor--vertical.el-anchor--underline:before{background-color:rgba(5,5,5,.06);content:"";height:100%;left:0;position:absolute;width:2px}.el-anchor.el-anchor--vertical.el-anchor--underline .el-anchor__marker{border-radius:unset;width:2px}.el-anchor.el-anchor--horizontal .el-anchor__marker{bottom:0;height:2px;transition:left .25s ease-in-out,opacity .25s,width .25s;width:20px}.el-anchor.el-anchor--horizontal .el-anchor__list{display:flex;padding-bottom:4px}.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item{padding-left:16px}.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item:first-child{padding-left:0}.el-anchor.el-anchor--horizontal.el-anchor--underline:before{background-color:rgba(5,5,5,.06);bottom:0;content:"";height:2px;position:absolute;width:100%}.el-anchor.el-anchor--horizontal.el-anchor--underline .el-anchor__marker{border-radius:unset;height:2px}.el-anchor__item{display:flex;flex-direction:column;overflow:hidden}.el-anchor__link{color:var(--el-anchor-color);cursor:pointer;font-size:var(--el-anchor-font-size);line-height:var(--el-anchor-line-height);max-width:100%;outline:none;overflow:hidden;padding:4px 0;text-decoration:none;text-overflow:ellipsis;transition:color var(--el-transition-duration);white-space:nowrap}.el-anchor__link:focus,.el-anchor__link:hover{color:var(--el-anchor-color)}.el-anchor__link.is-active{color:var(--el-anchor-active-color)}.el-anchor .el-anchor__list .el-anchor__item a{display:inline-block}.el-segmented--vertical{flex-direction:column}.el-segmented--vertical .el-segmented__item{padding:11px}.el-segmented{--el-segmented-color:var(--el-text-color-regular);--el-segmented-bg-color:var(--el-fill-color-light);--el-segmented-padding:2px;--el-segmented-item-selected-color:var(--el-color-white);--el-segmented-item-selected-bg-color:var(--el-color-primary);--el-segmented-item-selected-disabled-bg-color:var(--el-color-primary-light-5);--el-segmented-item-hover-color:var(--el-text-color-primary);--el-segmented-item-hover-bg-color:var(--el-fill-color-dark);--el-segmented-item-active-bg-color:var(--el-fill-color-darker);--el-segmented-item-disabled-color:var(--el-text-color-placeholder);align-items:stretch;background:var(--el-segmented-bg-color);border-radius:var(--el-border-radius-base);box-sizing:border-box;color:var(--el-segmented-color);display:inline-flex;font-size:14px;min-height:32px;padding:var(--el-segmented-padding)}.el-segmented__group{align-items:stretch;display:flex;position:relative;width:100%}.el-segmented__item-selected{background:var(--el-segmented-item-selected-bg-color);border-radius:calc(var(--el-border-radius-base) - 2px);height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:all .3s;width:10px}.el-segmented__item-selected.is-disabled{background:var(--el-segmented-item-selected-disabled-bg-color)}.el-segmented__item-selected.is-focus-visible:before{border-radius:inherit;bottom:0;content:"";left:0;outline:2px solid var(--el-segmented-item-selected-bg-color);outline-offset:1px;position:absolute;right:0;top:0}.el-segmented__item{align-items:center;border-radius:calc(var(--el-border-radius-base) - 2px);cursor:pointer;display:flex;flex:1;padding:0 11px}.el-segmented__item:not(.is-disabled):not(.is-selected):hover{background:var(--el-segmented-item-hover-bg-color);color:var(--el-segmented-item-hover-color)}.el-segmented__item:not(.is-disabled):not(.is-selected):active{background:var(--el-segmented-item-active-bg-color)}.el-segmented__item.is-selected,.el-segmented__item.is-selected.is-disabled{color:var(--el-segmented-item-selected-color)}.el-segmented__item.is-disabled{color:var(--el-segmented-item-disabled-color);cursor:not-allowed}.el-segmented__item-input{height:0;margin:0;opacity:0;pointer-events:none;position:absolute;width:0}.el-segmented__item-label{flex:1;line-height:normal;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:color .3s;white-space:nowrap;z-index:1}.el-segmented.is-block{display:flex}.el-segmented.is-block .el-segmented__item{min-width:0}.el-segmented--large{border-radius:var(--el-border-radius-base);font-size:16px;min-height:40px}.el-segmented--large .el-segmented__item-selected{border-radius:calc(var(--el-border-radius-base) - 2px)}.el-segmented--large .el-segmented--vertical .el-segmented__item{padding:11px}.el-segmented--large .el-segmented__item{border-radius:calc(var(--el-border-radius-base) - 2px);padding:0 11px}.el-segmented--small{border-radius:calc(var(--el-border-radius-base) - 1px);font-size:14px;min-height:24px}.el-segmented--small .el-segmented__item-selected{border-radius:calc(var(--el-border-radius-base) - 3px)}.el-segmented--small .el-segmented--vertical .el-segmented__item{padding:7px}.el-segmented--small .el-segmented__item{border-radius:calc(var(--el-border-radius-base) - 3px);padding:0 7px}.el-mention{position:relative;width:100%}.el-mention__popper.el-popper{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);box-shadow:var(--el-box-shadow-light)}.el-mention__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-mention__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-left-color:transparent;border-top-color:transparent}.el-mention__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:transparent;border-right-color:transparent}.el-mention__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:transparent;border-left-color:transparent}.el-mention__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-right-color:transparent;border-top-color:transparent}.el-mention-dropdown{--el-mention-font-size:var(--el-font-size-base);--el-mention-bg-color:var(--el-bg-color-overlay);--el-mention-shadow:var(--el-box-shadow-light);--el-mention-border:1px solid var(--el-border-color-light);--el-mention-option-color:var(--el-text-color-regular);--el-mention-option-height:34px;--el-mention-option-min-width:100px;--el-mention-option-hover-background:var(--el-fill-color-light);--el-mention-option-selected-color:var(--el-color-primary);--el-mention-option-disabled-color:var(--el-text-color-placeholder);--el-mention-option-loading-color:var(--el-text-color-secondary);--el-mention-option-loading-padding:10px 0;--el-mention-max-height:174px;--el-mention-padding:6px 0;--el-mention-header-padding:10px;--el-mention-footer-padding:10px}.el-mention-dropdown__item{box-sizing:border-box;color:var(--el-mention-option-color);cursor:pointer;font-size:var(--el-mention-font-size);height:var(--el-mention-option-height);line-height:var(--el-mention-option-height);min-width:var(--el-mention-option-min-width);overflow:hidden;padding:0 20px;position:relative;text-overflow:ellipsis;white-space:nowrap}.el-mention-dropdown__item.is-hovering{background-color:var(--el-mention-option-hover-background)}.el-mention-dropdown__item.is-selected{color:var(--el-mention-option-selected-color);font-weight:bold}.el-mention-dropdown__item.is-disabled{background-color:unset;color:var(--el-mention-option-disabled-color);cursor:not-allowed}.el-mention-dropdown{border-radius:var(--el-border-radius-base);box-sizing:border-box;z-index:calc(var(--el-index-top) + 1)}.el-mention-dropdown__loading{color:var(--el-mention-option-loading-color);font-size:12px;margin:0;min-width:var(--el-mention-option-min-width);padding:10px 0;text-align:center}.el-mention-dropdown__wrap{max-height:var(--el-mention-max-height)}.el-mention-dropdown__list{box-sizing:border-box;list-style:none;margin:0;padding:var(--el-mention-padding)}.el-mention-dropdown__header{border-bottom:var(--el-mention-border);padding:var(--el-mention-header-padding)}.el-mention-dropdown__footer{border-top:var(--el-mention-border);padding:var(--el-mention-footer-padding)}.el-splitter{display:flex;height:100%;margin:0;padding:0;position:relative;width:100%}.el-splitter__mask{bottom:0;left:0;position:absolute;right:0;top:0;z-index:999}.el-splitter__mask-horizontal{cursor:ew-resize}.el-splitter__mask-vertical{cursor:ns-resize}.el-splitter__horizontal{flex-direction:row}.el-splitter__vertical{flex-direction:column}.el-splitter-bar{flex:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-splitter-bar__dragger{background:transparent;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.el-splitter-bar__dragger:after,.el-splitter-bar__dragger:before{background-color:var(--el-border-color-light);content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.el-splitter-bar__dragger:not(.is-lazy):after{display:none}.el-splitter-bar__dragger:after{opacity:.4}.el-splitter-bar__dragger:hover:not(.is-disabled):before{background-color:var(--el-color-primary-light-5)}.el-splitter-bar__dragger-horizontal:after,.el-splitter-bar__dragger-horizontal:before{height:100%;width:2px}.el-splitter-bar__dragger-vertical:after,.el-splitter-bar__dragger-vertical:before{height:2px;width:100%}.el-splitter-bar__dragger-active:after,.el-splitter-bar__dragger-active:before{background-color:var(--el-color-primary-light-3)}.el-splitter-bar__dragger-active.el-splitter-bar__dragger-horizontal:after{transform:translate(calc(-50% + var(--el-splitter-bar-offset)),-50%)}.el-splitter-bar__dragger-active.el-splitter-bar__dragger-vertical:after{transform:translate(-50%,calc(-50% + var(--el-splitter-bar-offset)))}.el-splitter-bar:hover .el-splitter-bar__collapse-icon{opacity:1}.el-splitter-bar__collapse-icon{align-items:center;background:var(--el-border-color-light);border-radius:2px;cursor:pointer;display:flex;justify-content:center;opacity:0;position:absolute;z-index:9}.el-splitter-bar__collapse-icon:hover{background-color:var(--el-color-primary-light-5);opacity:1}.el-splitter-bar__horizontal-collapse-icon-start{height:24px;left:-12px;top:50%;transform:translate(-50%,-50%);width:16px}.el-splitter-bar__horizontal-collapse-icon-end{height:24px;left:12px;top:50%;transform:translate(-50%,-50%);width:16px}.el-splitter-bar__vertical-collapse-icon-start{height:16px;right:50%;top:-12px;transform:translate(50%,-50%);width:24px}.el-splitter-bar__vertical-collapse-icon-end{height:16px;right:50%;top:12px;transform:translate(50%,-50%);width:24px}.el-splitter-panel{box-sizing:border-box;flex-grow:0;overflow:auto;scrollbar-width:thin}/* 全局CSS */
:root {
  /* 所有颜色变量由动态配置控制，通过 localColorConfig.js 或服务器配置 */
  /* 这里只定义一些不依赖主题的固定颜色 */
  --gray-light: #f5f5f5;
  --gray-mid: #888888;
  --gray-dark: #555555;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  min-height: 100vh;
  color: var(--text-original);
  background-color: var(--background-color);
  transition: color 0.5s, background-color 0.5s;
  line-height: 1.6;
  font-family: 'PingFang SC', 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 15px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none;
  color: var(--text-modified);
  transition: color 0.2s ease;
}

button {
  cursor: pointer;
  font-family: inherit;
}

input, textarea, select {
  font-family: inherit;
}

@media (max-width: 768px) {
  body {
    font-size: 14px;
  }
} 