.local-blur-overlay[data-v-57c75648] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(15, 23, 42, 0.45);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  z-index: 2000;
}
/* 最外层容器：填充drawer body全部空间，垂直布局 */
.compare-drawer-content[data-v-57c75648] { 
  flex: 1;
  min-height: 0;
  padding: 0; 
  display: flex; 
  flex-direction: column; 
  gap: 12px; 
  animation: addtodo-pop-in-57c75648 140ms cubic-bezier(.21,.9,.21,1.02);
}

/* 顶栏：固定高度，不参与flex伸缩 */
.compare-drawer-header[data-v-57c75648] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  background: linear-gradient(90deg, rgba(59,130,246,.08), rgba(99,102,241,.08));
  border-bottom: 1px solid #e2e8f0;
  margin: 0 -16px 0;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.compare-drawer-title[data-v-57c75648] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  color: #0f172a;
}
.drawer-close-btn[data-v-57c75648] {
  border: none;
  background: transparent;
  padding: 6px;
  border-radius: 8px;
  color: #475569;
  cursor: pointer;
}
.drawer-close-btn[data-v-57c75648]:hover { background: rgba(15,23,42,.06);
}

/* 状态预览卡片：固定高度，不参与flex伸缩 */
.comparison-status-card[data-v-57c75648] { 
  flex-shrink: 0;
  background: linear-gradient(135deg, #f6f8fa 0%, #e9ecef 100%); 
  border-radius: 8px; 
  border: 1px solid #e1e4e8;
}
.status-card-body[data-v-57c75648] { 
  padding: 12px;
}
.comparison-preview-compact[data-v-57c75648] { 
  display: flex; 
  flex-direction: column; 
  gap: 12px;
}
.teacher-vs-row[data-v-57c75648] { 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  gap: 20px; 
  flex-wrap: wrap;
}
.teacher-chip[data-v-57c75648] { 
  display: flex; 
  align-items: center; 
  justify-content: space-between;
  gap: 16px; 
  padding: 12px 16px; 
  background: #fff; 
  border: 1px solid #e0e0e0; 
  border-radius: 12px; 
  flex: 1;
  min-width: 0;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.teacher-main-info[data-v-57c75648] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 0;
}
.teacher-avatar[data-v-57c75648] { 
  width: 40px; 
  height: 40px; 
  border-radius: 50%; 
  background: #409EFF;
  color: #fff; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  font-weight: 600; 
  font-size: 16px; 
  flex-shrink: 0;
}
.teacher-details[data-v-57c75648] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
}
.teacher-name[data-v-57c75648] { 
  font-weight: 600; 
  font-size: 16px; 
  color: #303133;
  line-height: 1.4;
}
.teacher-meta[data-v-57c75648] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #909399;
  line-height: 1.4;
}
.meta-item[data-v-57c75648] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.meta-divider[data-v-57c75648] {
  color: #dcdfe6;
  flex-shrink: 0;
}
.comparison-tag[data-v-57c75648] {
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 500;
  padding: 4px 12px;
  border-radius: 6px;
  white-space: nowrap;
}
.comparison-tag.tag-warning[data-v-57c75648] {
  background: #fef0e6;
  color: #e6a23c;
  border: 1px solid #f5dab1;
}
.comparison-tag.tag-primary[data-v-57c75648] {
  background: #ecf5ff;
  color: #409eff;
  border: 1px solid #d9ecff;
}
.vs-text[data-v-57c75648] { 
  color: #909399; 
  font-size: 14px; 
  font-weight: 500;
  flex-shrink: 0;
  padding: 0 8px;
}
.mode-badge-row[data-v-57c75648] { display: flex; justify-content: center; flex-wrap: wrap;
}
.status-empty[data-v-57c75648] { display: flex; align-items: center; justify-content: center; gap: 6px; color: #999; font-size: 13px; padding: 12px;
}

/* 状态卡片响应式优化 */
@media (max-width: 900px) {
.teacher-vs-row[data-v-57c75648] {
    flex-direction: column;
    gap: 10px;
}
.vs-icon-large[data-v-57c75648] {
    transform: rotate(90deg);
}
.teacher-name-text[data-v-57c75648],
  .teacher-info-text[data-v-57c75648] {
    max-width: none;
}
}
.talent-filter-item[data-v-57c75648] { display: flex; flex-direction: column; gap: 4px;
}
.filter-label[data-v-57c75648] { color: #6b7280; font-size: 12px; margin-bottom: 0;
}
.custom-input-container[data-v-57c75648] { position: relative;
}
.custom-input-clear[data-v-57c75648] { position: absolute; right: 8px; top: 7px; cursor: pointer; color: #999;
}
.custom-dropdown-container[data-v-57c75648] { position: relative;
}
/* 筛选条件内的下拉框和输入框样式 */
.custom-dropdown-trigger[data-v-57c75648] { display: flex; align-items: center; justify-content: space-between;
}
.custom-dropdown-menu[data-v-57c75648] { position: absolute; z-index: 20; background: #fff; border: 1px solid rgba(17,24,39,0.2); border-radius: 8px; padding: 6px; width: 240px; margin-top: 6px; box-shadow: 0 6px 18px rgba(0,0,0,0.08); max-height: 260px; overflow: auto;
}
.custom-dropdown-item[data-v-57c75648] { padding: 6px 10px; cursor: pointer; border-radius: 6px;
}
.custom-dropdown-item.active[data-v-57c75648], .custom-dropdown-item[data-v-57c75648]:hover { background: #eff6ff; color: #1e40af;
}
.unified-table-btn[data-v-57c75648] { height: 28px; border: 1px solid #dcdfe6; border-radius: 4px; padding: 0 10px; background: #fff; display: flex; align-items: center; justify-content: space-between; cursor: pointer; transition: border-color .15s ease;
}
.unified-table-btn[data-v-57c75648]:hover { border-color: #c0c4cc;
}
.unified-table-btn[data-v-57c75648]:focus-within { border-color: #409EFF;
}
.custom-input[data-v-57c75648] { height: 28px; border: 1px solid #dcdfe6; border-radius: 4px; padding: 0 10px; width: 100%;
}
.custom-input[data-v-57c75648]:hover { border-color: #c0c4cc;
}
.custom-input[data-v-57c75648]:focus { outline: none; border-color: #409EFF;
}
input.unified-table-btn[data-v-57c75648] { cursor: text;
}
.custom-dropdown-trigger .el-icon-arrow-down[data-v-57c75648] { transition: transform .2s ease; color: #64748b; margin-left: 6px;
}
.el-icon-arrow-down.dropdown-open[data-v-57c75648] { transform: rotate(180deg);
}
.el-icon-arrow-down.dropdown-expanded[data-v-57c75648] { transform: rotate(180deg);
}

/* 主内容区域：占据剩余所有空间，使用Grid三栏布局 */
.main-content-area[data-v-57c75648] { 
  flex: 1;
  min-height: 0;
  display: grid; 
  grid-template-columns: minmax(280px, 35%) minmax(400px, 1fr) minmax(240px, 20%); 
  gap: 12px; 
  align-items: stretch;
}

/* 响应式：中等屏幕 */
@media (max-width: 1440px) {
.main-content-area[data-v-57c75648] {
    grid-template-columns: minmax(260px, 32%) minmax(380px, 1fr) minmax(220px, 22%);
}
}

/* 响应式：小屏幕改为两栏 */
@media (max-width: 1200px) {
.main-content-area[data-v-57c75648] {
    grid-template-columns: minmax(280px, 40%) minmax(400px, 1fr);
    grid-template-rows: auto 1fr;
}
.right-panel[data-v-57c75648] {
    grid-column: 1 / -1;
    grid-row: 1;
}
.left-panel[data-v-57c75648] {
    grid-column: 1;
    grid-row: 2;
}
.middle-panel[data-v-57c75648] {
    grid-column: 2;
    grid-row: 2;
}
}

/* 响应式：超小屏幕改为单栏 */
@media (max-width: 900px) {
.main-content-area[data-v-57c75648] {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
    gap: 10px;
}
.right-panel[data-v-57c75648] {
    grid-column: 1;
    grid-row: 1;
}
.left-panel[data-v-57c75648] {
    grid-column: 1;
    grid-row: 2;
}
.middle-panel[data-v-57c75648] {
    grid-column: 1;
    grid-row: 3;
}
}

/* 各面板：垂直Flexbox布局，关键是min-height: 0确保正确收缩 */
.left-panel[data-v-57c75648],
.middle-panel[data-v-57c75648],
.right-panel[data-v-57c75648] { 
  display: flex; 
  flex-direction: column; 
  min-width: 0;
  min-height: 0;
}

/* ==================== 通用模块样式（三个模块完全统一）==================== */

/* Section容器：填充面板全部空间，垂直Flexbox */
.common-section[data-v-57c75648] {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  padding: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
}

/* Section标题：固定高度，不参与flex伸缩 */
.section-header[data-v-57c75648] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: -10px -10px 12px -10px;
  padding: 10px 12px;
  min-height: 40px;
  background: linear-gradient(135deg, #f6f8fa 0%, #e9ecef 100%);
  border-bottom: 1px solid #e1e4e8;
  border-radius: 8px 8px 0 0;
}
.section-header h5[data-v-57c75648] {
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-weight: 600;
  color: #333;
  line-height: 1.5;
  flex: 1;
}
.section-action[data-v-57c75648] {
  flex-shrink: 0;
  padding: 3px 8px;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  cursor: pointer;
  background: #fff;
  transition: all 0.2s ease;
  height: 22px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #606266;
}
.section-action[data-v-57c75648]:hover {
  background: #f5f5f5;
  border-color: #409EFF;
  color: #409EFF;
}

/* Section内容区：占据剩余空间，可滚动 */
.section-content[data-v-57c75648] {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  padding: 0 10px 10px 10px;
}

/* 中间面板特殊处理：内容区不滚动，让表格自己滚动 */
.middle-panel .section-content[data-v-57c75648] {
  overflow: hidden;
}

/* ==================== 各模块特定内容样式 ==================== */

/* 筛选条件特定样式 - 自适应列数 */
.talent-filter-items[data-v-57c75648] { 
  display: grid; 
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); 
  gap: 12px 10px;
}

/* 筛选条件响应式调整 */
@media (max-width: 900px) {
.talent-filter-items[data-v-57c75648] {
    grid-template-columns: 1fr;
}
}
@media (min-width: 901px) and (max-width: 1200px) {
.talent-filter-items[data-v-57c75648] {
    grid-template-columns: repeat(2, 1fr);
}
}

/* 模式选择容器：占据剩余空间 */
.mode-options-column[data-v-57c75648] { 
  flex: 1;
  min-height: 0;
  display: flex; 
  flex-direction: column; 
  gap: 8px;
}
.mode-card[data-v-57c75648] { 
  border: 1px solid #e5e7eb; 
  border-radius: 6px; 
  padding: 10px 12px; 
  cursor: pointer; 
  transition: all 0.2s ease; 
  display: flex; 
  flex-direction: column; 
  gap: 4px;
}
.mode-card[data-v-57c75648]:hover { 
  border-color: #409EFF; 
  background: #f0f7ff;
}
.mode-card.selected[data-v-57c75648] { 
  border-color: #409EFF; 
  background: #ecf5ff; 
  box-shadow: 0 0 0 2px rgba(64,158,255,0.2);
}
.mode-icon[data-v-57c75648] { 
  font-size: 20px; 
  color: #409EFF; 
  margin-bottom: 4px;
}
.mode-title[data-v-57c75648] { 
  display: block; 
  font-weight: 600; 
  font-size: 13px; 
  color: #333;
}
.mode-subtitle[data-v-57c75648] { 
  display: block; 
  color: #666; 
  font-size: 11px; 
  margin-top: 2px;
}

/* 小屏幕：模式卡片横向排列 */
@media (max-width: 1200px) {
.mode-options-column[data-v-57c75648] {
    flex-direction: row;
    gap: 10px;
}
.mode-card[data-v-57c75648] {
    flex: 1;
    min-width: 0;
}
}

/* 操作按钮区：固定在底部 */
.pill-actions[data-v-57c75648] {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #ebeef5;
}

/* 小屏幕：按钮横向排列 */
@media (max-width: 1200px) {
.pill-actions[data-v-57c75648] {
    flex-direction: row;
    gap: 10px;
}
.pill-btn[data-v-57c75648] {
    flex: 1;
    min-width: 0;
}
}
.pill-btn[data-v-57c75648] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 9px 16px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  color: #334155;
  font-size: 14px;
  font-weight: 500;
  border-radius: 9999px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.pill-btn[data-v-57c75648]:hover { background: #f8fafc; border-color: #cbd5e1;
}
.pill-btn[data-v-57c75648]:active { transform: translateY(0.5px);
}
.pill-btn--primary[data-v-57c75648] {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  border-color: #2563eb;
  color: #ffffff;
  box-shadow: 0 2px 4px rgba(59, 130, 246, 0.25);
}
.pill-btn--primary[data-v-57c75648]:hover { 
  background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
  border-color: #3b82f6;
  color: #1e3a8a;
  box-shadow: 0 4px 8px rgba(59, 130, 246, 0.35);
}
.pill-btn--primary[data-v-57c75648]:active { transform: translateY(0.5px);
}
.pill-btn.is-disabled[data-v-57c75648], .pill-btn[data-v-57c75648]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none;
}
.pill-btn__icon[data-v-57c75648] { font-size: 16px;
}

/* 自定义Drawer样式 */
.custom-drawer-wrapper[data-v-57c75648] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80%;
  z-index: 2001;
  pointer-events: all;
}
.custom-drawer[data-v-57c75648] {
  height: 100%;
  display: flex;
  flex-direction: column;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  box-shadow: 0 12px 40px rgba(2, 6, 23, 0.2), 0 0 0 1px rgba(99, 102, 241, 0.12) inset;
  padding: 0 16px 16px;
  overflow: hidden;
}
.talent-compare-drawer-inner[data-v-57c75648] { 
  overflow: hidden;
}

/* Drawer过渡动画 */
.drawer-fade-enter-active[data-v-57c75648], .drawer-fade-leave-active[data-v-57c75648] {
  transition: opacity 0.3s ease;
}
.drawer-fade-enter[data-v-57c75648], .drawer-fade-leave-to[data-v-57c75648] {
  opacity: 0;
}
.drawer-slide-enter-active[data-v-57c75648], .drawer-slide-leave-active[data-v-57c75648] {
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.drawer-slide-enter[data-v-57c75648], .drawer-slide-leave-to[data-v-57c75648] {
  transform: translateY(100%);
}
@keyframes addtodo-pop-in-57c75648 {
from { transform: translateY(6px) scale(.98); opacity: 0;
}
to { transform: translateY(0) scale(1); opacity: 1;
}
}

/* 二级确认弹层过渡 */
.confirm-mask-enter-active[data-v-57c75648], .confirm-mask-leave-active[data-v-57c75648] {
  transition: opacity .16s ease;
}
.confirm-mask-enter[data-v-57c75648], .confirm-mask-leave-to[data-v-57c75648] {
  opacity: 0;
}
.confirm-pop-enter-active[data-v-57c75648], .confirm-pop-leave-active[data-v-57c75648] {
  transition: transform .18s cubic-bezier(.22,.61,.36,1), opacity .18s ease;
}
.confirm-pop-enter[data-v-57c75648] {
  transform: translateY(6px) scale(.98);
  opacity: 0;
}
.confirm-pop-leave-to[data-v-57c75648] {
  transform: translateY(4px) scale(.985);
  opacity: 0;
}

/* 表格容器：占据section-content剩余空间 */
.custom-table-wrapper[data-v-57c75648] {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  border: 1px solid #e8e8e8;
  border-radius: 6px;
  overflow: hidden;
}

/* 表头：固定高度 */
.custom-table-header[data-v-57c75648] {
  flex-shrink: 0;
  display: flex;
  background: #f5f7fa;
  border-bottom: 1px solid #e8e8e8;
  font-weight: 600;
  font-size: 12px;
  color: #606266;
}
.custom-table-header .table-cell[data-v-57c75648] {
  padding: 8px 6px;
  border-right: 1px solid #e8e8e8;
}
.custom-table-header .table-cell[data-v-57c75648]:last-child {
  border-right: none;
}

/* 表体：占据剩余空间，内部滚动 */
.custom-table-body[data-v-57c75648] {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.table-row[data-v-57c75648] {
  display: flex;
  border-bottom: 1px solid #ebeef5;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.table-row[data-v-57c75648]:hover {
  background: #f5f7fa;
}
.table-row.is-stripe[data-v-57c75648] {
  background: #fafafa;
}
.table-row.is-stripe[data-v-57c75648]:hover {
  background: #f5f7fa;
}
.table-row.is-selected[data-v-57c75648] {
  background: #ecf5ff !important;
}
.table-row .table-cell[data-v-57c75648] {
  padding: 6px;
  font-size: 12px;
  color: #606266;
  border-right: 1px solid #ebeef5;
  display: flex;
  align-items: center;
}
.table-row .table-cell[data-v-57c75648]:last-child {
  border-right: none;
}
.table-cell.ellipsis[data-v-57c75648] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-action-btn[data-v-57c75648] {
  color: #409EFF;
  cursor: pointer;
  font-size: 12px;
}
.table-action-btn[data-v-57c75648]:hover {
  color: #66b1ff;
}
.table-action-btn.is-disabled[data-v-57c75648] {
  color: #c0c4cc;
  cursor: not-allowed;
}
.table-empty[data-v-57c75648] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 40px 20px;
  color: #909399;
  font-size: 13px;
}
.table-empty i[data-v-57c75648] {
  font-size: 16px;
}

/* 分页：固定在底部 */
.compact-pagination[data-v-57c75648] { 
  flex-shrink: 0;
  margin-top: 8px;
}

/* 自定义Loading样式 */
.custom-loading-overlay[data-v-57c75648] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.custom-loading-spinner[data-v-57c75648] {
  width: 40px;
  height: 40px;
  border: 3px solid #f3f3f3;
  border-top: 3px solid #409EFF;
  border-radius: 50%;
  animation: spin-57c75648 1s linear infinite;
}
@keyframes spin-57c75648 {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}
.custom-table-wrapper.is-loading[data-v-57c75648] {
  position: relative;
}

/* 自定义Tag样式 */
.custom-tag[data-v-57c75648] {
  display: inline-block;
  padding: 4px 12px;
  font-size: 12px;
  border-radius: 4px;
  line-height: 1.5;
}
.custom-tag.tag-primary[data-v-57c75648] {
  background: #ecf5ff;
  color: #409EFF;
  border: 1px solid #d9ecff;
}
.custom-tag.tag-warning[data-v-57c75648] {
  background: #fdf6ec;
  color: #e6a23c;
  border: 1px solid #f5dab1;
}

/* ==================== 统一筛选条件样式（对齐 TalentAnalysisPage.vue） ==================== */
.filter-conditions-form[data-v-57c75648] { padding: 0;
}
.filter-conditions-grid[data-v-57c75648] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 1rem;
  align-items: start;
  overflow: visible;
}

/* 筛选网格响应式优化 */
@media (max-width: 900px) {
.filter-conditions-grid[data-v-57c75648] {
    grid-template-columns: 1fr;
    gap: 0.75rem;
}
}
@media (min-width: 901px) and (max-width: 1200px) {
.filter-conditions-grid[data-v-57c75648] {
    grid-template-columns: repeat(2, 1fr);
}
}
.filter-condition-item[data-v-57c75648] { display: flex; flex-direction: column; gap: 0.5rem;
}
.condition-label[data-v-57c75648] { font-size: 0.875rem; font-weight: 500; color: #475569; margin: 0; padding: 0;
}
.input-wrapper[data-v-57c75648] { position: relative; display: flex; align-items: center;
}
.condition-input[data-v-57c75648] {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  background: #ffffff;
  color: #1e293b;
  font-size: 0.875rem;
  transition: all 0.25s ease;
  outline: none;
  height: 2.5rem;
  line-height: 1.25;
  box-sizing: border-box;
}
.condition-input[data-v-57c75648]:focus { border-color: #3b82f6; box-shadow: 0 0 0 2px rgba(59,130,246,0.1);
}
.input-clear[data-v-57c75648] { position: absolute; right: 0.5rem; color: #94a3b8; cursor: pointer; transition: color 0.25s ease;
}
.input-clear[data-v-57c75648]:hover { color: #475569;
}
.dropdown-wrapper[data-v-57c75648] { position: relative;
}
.condition-dropdown[data-v-57c75648] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  background: #ffffff;
  color: #1e293b;
  cursor: pointer;
  transition: all 0.25s ease;
  font-size: 0.875rem;
  height: 2.5rem;
  line-height: 1.25;
}
.condition-dropdown[data-v-57c75648]:hover { border-color: #60a5fa;
}
.condition-dropdown i[data-v-57c75648] { color: #94a3b8; transition: transform 0.25s ease;
}
.condition-dropdown i.dropdown-expanded[data-v-57c75648] { transform: rotate(180deg);
}
.dropdown-menu[data-v-57c75648] {
  position: absolute;
  top: calc(100% + 0.25rem);
  left: 0;
  right: 0;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  z-index: 1000;
  max-height: 200px;
  overflow-y: auto;
}
.dropdown-menu.dropdown-upward[data-v-57c75648] {
  top: auto;
  bottom: calc(100% + 0.25rem);
}
.dropdown-item[data-v-57c75648] { padding: 0.5rem 0.75rem; cursor: pointer; transition: background-color 0.25s ease; font-size: 0.875rem; color: #1e293b;
}
.dropdown-item[data-v-57c75648]:hover { background: #f8fafc;
}
.dropdown-item.selected[data-v-57c75648] { background: #dbeafe; color: #1e40af; font-weight: 500;
}


/* 自定义 div 弹层样式（参考组件内填充胶囊按钮） */
.comparison-confirm-mask { position: fixed; inset: 0; background: rgba(0,0,0,0.35); display: flex; align-items: center; justify-content: center; z-index: 3000;
}
.comparison-confirm-dialog { width: 520px; max-width: 92vw; background: #fff; border-radius: 12px; box-shadow: 0 12px 40px rgba(0,0,0,0.18); overflow: hidden; border: 1px solid #e5e7eb;
}
.confirm-header { padding: 14px 16px; font-weight: 700; font-size: 16px; color: #1f2937; border-bottom: 1px solid #e5e7eb;
}
.confirm-body { display: flex; gap: 10px; padding: 16px; color: #374151; font-size: 14px; line-height: 1.6;
}
.confirm-body i { color: #64748b; font-size: 18px; margin-top: 2px;
}
.confirm-text { white-space: pre-wrap;
}
.confirm-actions { display: flex; justify-content: space-between; gap: 12px; padding: 0 16px 16px;
}
.confirm-actions .pill-btn { flex: 1;
}