.head-image[data-v-870f26b2] {
  position: relative;
  flex-shrink: 0;
}
.avatar-image[data-v-870f26b2] {
  display: block;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
}
.avatar-text[data-v-870f26b2] {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}


.biz-inactive-alert[data-v-7451a12c] {
  margin-bottom: 10px;
}
.biz-query-field--num[data-v-7451a12c] {
  width: 88px;
}
.biz-range-sep[data-v-7451a12c] {
  color: #909399;
  margin: 0 2px;
}
.biz-preset-group[data-v-7451a12c] {
  margin-right: 6px;
}
.biz-balance-cell[data-v-7451a12c] {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}
.biz-gift-btn[data-v-7451a12c] {
  padding: 0;
  color: #e6a23c;
}
.biz-gift-info[data-v-7451a12c] {
  margin-bottom: 12px;
  line-height: 1.7;
  color: #606266;
  font-size: 13px;
}
.biz-gift-tip[data-v-7451a12c] {
  margin: 0 0 0 96px;
  color: #909399;
  font-size: 12px;
  line-height: 1.5;
}
.biz-muted[data-v-7451a12c] {
  color: #c0c4cc;
}
.biz-behavior-life[data-v-7451a12c] {
  font-size: 12px;
  line-height: 1.4;
  word-break: break-word;
}
.biz-behavior-tag[data-v-7451a12c] {
  margin: 0 4px 4px 0;
}
.biz-owner-select[data-v-7451a12c] {
  width: 100%;
}
.biz-owner-readonly[data-v-7451a12c] {
  display: block;
  font-size: 12px;
  line-height: 1.4;
  color: #303133;
}
.biz-remark-input[data-v-7451a12c] {
  width: 100%;
}
.biz-remark-input[data-v-7451a12c] .el-textarea__inner {
  font-size: 12px;
  line-height: 1.4;
  resize: vertical;
  min-height: calc(1.4em * 3 + 12px);
}
.biz-stack-cell[data-v-7451a12c] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  line-height: 1.35;
}
.biz-stack-cell--center[data-v-7451a12c] {
  align-items: center;
}
.biz-stack-line[data-v-7451a12c] {
  width: 100%;
  min-width: 0;
  font-size: 12px;
  color: #303133;
  word-break: break-word;
}
.biz-stack-line--muted[data-v-7451a12c] {
  color: #909399;
  font-size: 12px;
}
.biz-stack-line--wrap[data-v-7451a12c] {
  color: #606266;
  white-space: normal;
}
.biz-stack-line--tags[data-v-7451a12c] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}
.biz-stack-k[data-v-7451a12c] {
  color: #909399;
  margin-right: 2px;
}
.biz-last-follow-content[data-v-7451a12c] {
  width: 100%;
  min-width: 0;
  font-size: 12px;
  line-height: 1.4;
  color: #303133;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
.biz-segment-cell[data-v-7451a12c] {
  gap: 2px;
}
.biz-segment-row[data-v-7451a12c] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 10px;
  width: 100%;
  font-size: 12px;
  line-height: 1.35;
  color: #303133;
}
.biz-segment-item[data-v-7451a12c] {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.biz-status-tags[data-v-7451a12c] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  width: 100%;
}
.biz-tag-cell[data-v-7451a12c] {
  width: 100%;
  min-width: 0;
}
.biz-tag-cell.is-saving[data-v-7451a12c] {
  opacity: 0.7;
  pointer-events: none;
}
.biz-tag-chips[data-v-7451a12c] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 6px;
  min-width: 0;
  line-height: 1.4;
}
.biz-tag-chip[data-v-7451a12c] {
  margin: 0 !important;
  max-width: 100%;
  height: auto !important;
  white-space: normal;
  word-break: break-word;
  line-height: 1.35;
  padding-top: 2px;
  padding-bottom: 2px;
}
.biz-tag-edit-btn[data-v-7451a12c] {
  padding: 0 2px !important;
  flex: 0 0 auto;
}


/* 合并列允许换行，避免被 overflow 裁切 */
.biz-query-table td.biz-stack-col .cell,
.biz-query-table td.biz-tag-col .cell {
  overflow: visible;
  white-space: normal;
  line-height: 1.4;
}
.biz-tag-popper .biz-tag-popper__title {
  margin-bottom: 8px;
  font-weight: 600;
  color: #303133;
}
.biz-tag-popper .biz-tag-checkboxes {
  display: flex;
  flex-direction: column;
  max-height: 280px;
  overflow: auto;
  padding-right: 4px;
}
.biz-tag-popper .biz-tag-check {
  margin: 0 0 6px 0;
  white-space: normal;
  line-height: 1.35;
}
.biz-tag-popper .biz-tag-popper__actions {
  margin-top: 10px;
  text-align: right;
}


.biz-cs-reason[data-v-0d5af48b] {
  font-size: 12px;
  color: #606266;
  margin-top: 4px;
  line-height: 1.3;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.biz-cs-by[data-v-0d5af48b] {
  font-size: 11px;
  color: #909399;
  margin-top: 2px;
}
.biz-advice-meta[data-v-0d5af48b] {
  font-size: 12px;
  color: #909399;
  margin-bottom: 10px;
}


.phone-check__hint[data-v-6512507a] {
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
}
.phone-check__textarea[data-v-6512507a] {
  width: 100%;
}
.phone-check__textarea[data-v-6512507a] textarea {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
}
.phone-check__meta[data-v-6512507a] {
  color: #334155;
  font-size: 12px;
}
.phone-check__cards[data-v-6512507a] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.phone-check__card[data-v-6512507a] {
  min-width: 120px;
  border: 1px solid #e2e8f0;
  background: #fff;
  border-radius: 8px;
  padding: 8px 12px;
  text-align: left;
  cursor: pointer;
}
.phone-check__card b[data-v-6512507a] {
  display: block;
  font-size: 20px;
  line-height: 1.2;
}
.phone-check__card span[data-v-6512507a] {
  font-size: 12px;
  color: #64748b;
}
.phone-check__card.is-ok b[data-v-6512507a] {
  color: #15803d;
}
.phone-check__card.is-info b[data-v-6512507a] {
  color: #1d4ed8;
}
.phone-check__card.is-warn b[data-v-6512507a] {
  color: #c2410c;
}
.phone-check__card.is-muted b[data-v-6512507a] {
  color: #64748b;
}
.phone-check__tabbar[data-v-6512507a] {
  margin-bottom: 6px;
}


.biz-agent-ops[data-v-5c6672f0] {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  white-space: nowrap;
  gap: 2px;
}
.biz-agent-ops[data-v-5c6672f0] .el-button--text {
  padding: 0 4px;
  margin: 0;
}


.biz-agent-ops[data-v-2cd46404] {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  white-space: nowrap;
  gap: 2px;
}
.biz-agent-ops[data-v-2cd46404] .el-button--text {
  padding: 0 4px;
  margin: 0;
}

@charset "UTF-8";
.home-cs-owner[data-v-0d4752a0] {
  margin-top: 16px;
  padding: 14px 16px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #e2e8f0;
}
.home-cs-owner--page[data-v-0d4752a0] {
  margin-top: 0;
  border: none;
  border-radius: 0;
  padding: 0;
  background: transparent;
  min-height: calc(100vh - 140px);
}
.home-cs-owner--page .home-cs-owner__header[data-v-0d4752a0] {
  margin-bottom: 10px;
  padding: 0 2px;
}
.home-cs-owner--page .home-cs-owner__wrap[data-v-0d4752a0] {
  max-height: calc(100vh - 220px);
  overflow: auto;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
}
.home-cs-owner--page .home-cs-owner__metric[data-v-0d4752a0] {
  position: sticky;
  left: 0;
  z-index: 2;
  background: #fff;
  box-shadow: 2px 0 0 #e2e8f0;
}
.home-cs-owner--page thead .home-cs-owner__metric[data-v-0d4752a0] {
  z-index: 3;
  background: #f1f5f9;
}
.home-cs-owner--page tbody tr.is-stripe .home-cs-owner__metric[data-v-0d4752a0] {
  background: #f8fafc;
}
.home-cs-owner--page thead th[data-v-0d4752a0] {
  position: sticky;
  top: 0;
  z-index: 1;
}
.home-cs-owner--page thead tr:first-child th[data-v-0d4752a0] {
  top: 0;
}
.home-cs-owner--page thead tr:nth-child(2) th[data-v-0d4752a0] {
  top: 64px;
}
.home-cs-owner--page thead .home-cs-owner__metric[data-v-0d4752a0] {
  z-index: 4;
}
.home-cs-owner__header[data-v-0d4752a0] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 12px;
}
.home-cs-owner__header.is-page-tools[data-v-0d4752a0] {
  justify-content: flex-end;
  align-items: center;
}
.home-cs-owner__header h3[data-v-0d4752a0] {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #1a2433;
}
.home-cs-owner__header-tools[data-v-0d4752a0] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.home-cs-owner__hint[data-v-0d4752a0] {
  margin: 6px 0 0;
  font-size: 13px;
  color: #64748b;
  line-height: 1.45;
}
.home-cs-owner__empty[data-v-0d4752a0] {
  padding: 28px 12px;
  text-align: center;
  color: #94a3b8;
  font-size: 13px;
}
.home-cs-owner__wrap[data-v-0d4752a0] {
  width: 100%;
  overflow-x: auto;
}
.home-cs-owner__table[data-v-0d4752a0] {
  width: 100%;
  /* 5 客服 × 4 日 + 指标列，保证字号不压扁 */
  min-width: 1480px;
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 13px;
  line-height: 1.4;
}
.home-cs-owner__table th[data-v-0d4752a0],
.home-cs-owner__table td[data-v-0d4752a0] {
  border: 1px solid #e2e8f0;
  padding: 7px 5px;
  vertical-align: middle;
  word-break: break-all;
}
.home-cs-owner__table thead th[data-v-0d4752a0] {
  background: #f1f5f9;
  color: #334155;
  font-weight: 600;
  text-align: center;
}
.home-cs-owner__table tbody tr.is-stripe td[data-v-0d4752a0] {
  background: #f8fafc;
}
.home-cs-owner__table .is-group-start[data-v-0d4752a0] {
  border-left: 2px solid #94a3b8;
}
.home-cs-owner__metric[data-v-0d4752a0] {
  width: 156px;
  min-width: 156px;
  text-align: left !important;
  padding-left: 10px !important;
  padding-right: 6px !important;
  font-size: 13px;
  font-weight: 600;
  color: #334155;
  word-break: break-word;
}
.home-cs-owner__cs-head[data-v-0d4752a0] {
  padding: 9px 6px !important;
  line-height: 1.35;
}
.home-cs-owner__cs-head b[data-v-0d4752a0] {
  display: block;
  font-size: 14px;
  color: #0f172a;
}
.home-cs-owner__cs-head .home-cs-owner__duty[data-v-0d4752a0] {
  display: block;
  margin-top: 2px;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  color: #4f46e5;
  line-height: 1.25;
}
.home-cs-owner__cs-head span[data-v-0d4752a0] {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 500;
  color: #64748b;
}
.home-cs-owner__day[data-v-0d4752a0] {
  min-width: 64px;
  padding: 6px 3px !important;
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
}
.home-cs-owner__day.is-primary[data-v-0d4752a0] {
  color: #0f172a;
  background: #e8eef6;
}
.home-cs-owner__cell[data-v-0d4752a0] {
  min-width: 64px;
  text-align: right;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  color: #475569;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-cs-owner__cell.is-primary[data-v-0d4752a0] {
  font-weight: 700;
  color: #0f172a;
  background: #f8fafc;
}
.home-cs-owner__cell.is-click[data-v-0d4752a0] {
  cursor: pointer;
  color: #2563eb;
}
.home-cs-owner__cell.is-click[data-v-0d4752a0]:hover {
  text-decoration: underline;
  background: #eff6ff;
}

/* 核心指标标红（压过默认蓝/今日深色） */
.home-cs-owner__table tbody tr.is-emphasize td.home-cs-owner__metric[data-v-0d4752a0] {
  color: #dc2626;
  font-weight: 700;
}
.home-cs-owner__table tbody tr.is-emphasize td.home-cs-owner__cell[data-v-0d4752a0],
.home-cs-owner__table tbody tr.is-emphasize td.home-cs-owner__cell.is-primary[data-v-0d4752a0],
.home-cs-owner__table tbody tr.is-emphasize td.home-cs-owner__cell.is-click[data-v-0d4752a0] {
  color: #dc2626;
  font-weight: 700;
}
.home-cs-owner__table tbody tr.is-emphasize td.home-cs-owner__cell.is-click[data-v-0d4752a0]:hover {
  background: #fef2f2;
}
.home-cs-owner--page tbody tr.is-emphasize .home-cs-owner__metric[data-v-0d4752a0] {
  background: #fff;
}
.home-cs-owner--page tbody tr.is-emphasize.is-stripe .home-cs-owner__metric[data-v-0d4752a0] {
  background: #f8fafc;
}
.home-cs-owner__pager[data-v-0d4752a0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.home-cs-owner__total[data-v-0d4752a0] {
  font-size: 12px;
  color: #64748b;
}
.home-cs-owner-dlg__follow[data-v-0d4752a0] {
  font-size: 12px;
  line-height: 1.4;
  color: #303133;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
.home-cs-owner-dlg__follow-meta[data-v-0d4752a0] {
  margin-top: 2px;
  font-size: 12px;
  color: #909399;
}
.home-cs-owner-dlg__user[data-v-0d4752a0] {
  margin-bottom: 10px;
  font-size: 13px;
  color: #606266;
  line-height: 1.6;
}

.home-cs-owner-dlg {
  width: 96% !important;
  max-width: 1680px;
  margin-top: 3vh !important;
}
.home-cs-owner-dlg .el-dialog__body {
  padding: 8px 16px 16px;
  overflow-x: hidden;
}
.home-cs-owner-dlg .el-table {
  width: 100% !important;
}
.home-cs-owner-dlg .el-table__body-wrapper,
.home-cs-owner-dlg .el-table__header-wrapper {
  overflow-x: hidden !important;
}


.home-visitor[data-v-00b10296] {
  margin-top: 16px;
  background: #fff;
  border: 1px solid #ebeef5;
  border-radius: 8px;
  padding: 14px 16px 16px;
}
.home-visitor__header[data-v-00b10296] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.home-visitor__header h3[data-v-00b10296] {
  margin: 0;
  font-size: 15px;
  color: #303133;
}
.home-visitor__hint[data-v-00b10296] {
  margin: 4px 0 0;
  font-size: 12px;
  color: #909399;
}
.home-visitor__subheader[data-v-00b10296] {
  margin: 4px 0 8px;
  font-size: 13px;
  font-weight: 600;
  color: #303133;
}
.home-visitor__subheader--flush[data-v-00b10296] {
  margin: 0;
}
.home-visitor__hint--inline[data-v-00b10296] {
  margin: -4px 0 8px;
  font-size: 12px;
  color: #909399;
}
.home-visitor__recharge-head[data-v-00b10296] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin: 16px 0 10px;
  flex-wrap: wrap;
}
.home-visitor__recharge-head .home-visitor__hint--inline[data-v-00b10296] {
  margin: 4px 0 0;
}
.home-visitor-kpi[data-v-00b10296] {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}
.home-visitor-kpi--sms[data-v-00b10296] {
  margin-bottom: 14px;
}
.home-visitor-kpi--inbound[data-v-00b10296] {
  margin-bottom: 14px;
}
.home-visitor-kpi__item[data-v-00b10296] {
  background: #f8fafc;
  border: 1px solid #ebeef5;
  border-radius: 6px;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.home-visitor-kpi__item span[data-v-00b10296] {
  font-size: 12px;
  color: #909399;
}
.home-visitor-kpi__item b[data-v-00b10296] {
  font-size: 20px;
  color: #303133;
  line-height: 1.2;
}
.home-visitor-kpi__item b.is-accent[data-v-00b10296] {
  color: #409eff;
}
.home-visitor-charts[data-v-00b10296] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.home-visitor-chart[data-v-00b10296] {
  border: 1px solid #ebeef5;
  border-radius: 6px;
  padding: 10px 12px;
  background: #fff;
}
.home-visitor-chart--wide[data-v-00b10296] {
  grid-column: 1 / -1;
}
.home-visitor-chart__title[data-v-00b10296] {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: 600;
  color: #303133;
}
.home-visitor-chart__title em[data-v-00b10296] {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #909399;
}
@media (max-width: 1100px) {
.home-visitor-kpi[data-v-00b10296] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.home-visitor-charts[data-v-00b10296] {
    grid-template-columns: 1fr;
}
.home-visitor-chart--wide[data-v-00b10296] {
    grid-column: auto;
}
}


.online-board[data-v-2764989c] {
  padding: 12px 16px 24px;
  overflow: auto;
  height: 100%;
  box-sizing: border-box;
}
.online-board__header[data-v-2764989c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.online-board__header h3[data-v-2764989c] {
  margin: 0;
  font-size: 16px;
}
.online-board__tools[data-v-2764989c] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.online-board__kw[data-v-2764989c] { width: 160px;
}
.online-board__alert[data-v-2764989c] { margin-bottom: 10px;
}
.online-board-kpi[data-v-2764989c] {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}
.online-board-kpi__item[data-v-2764989c] {
  background: #fff;
  border: 1px solid #ebeef5;
  border-radius: 6px;
  padding: 10px 12px;
}
.online-board-kpi__item span[data-v-2764989c] {
  display: block;
  font-size: 12px;
  color: #909399;
}
.online-board-kpi__item b[data-v-2764989c] {
  display: block;
  margin-top: 4px;
  font-size: 20px;
  color: #303133;
}
.online-board-kpi__item b.is-accent[data-v-2764989c] { color: #f4516c;
}
.online-board-chart[data-v-2764989c] {
  background: #fff;
  border: 1px solid #ebeef5;
  border-radius: 6px;
  padding: 10px 12px;
  margin-bottom: 10px;
}
.online-board-chart__title[data-v-2764989c] {
  display: flex;
  gap: 10px;
  align-items: baseline;
  margin-bottom: 6px;
  font-weight: 600;
}
.online-board-chart__title em[data-v-2764989c] {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #909399;
}
.online-board__pager[data-v-2764989c] {
  margin-top: 12px;
  text-align: right;
}
.muted[data-v-2764989c] { color: #c0c4cc; font-size: 12px;
}
@media (max-width: 1100px) {
.online-board-kpi[data-v-2764989c] { grid-template-columns: repeat(3, minmax(0, 1fr));
}
}


.health-board[data-v-3623edba] { padding: 12px 16px 24px; overflow: auto; height: 100%; box-sizing: border-box;
}
.health-board__header[data-v-3623edba] { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 8px;
}
.health-board__header h3[data-v-3623edba] { margin: 0; font-size: 16px;
}
.health-board__tools[data-v-3623edba] { display: flex; gap: 8px; align-items: center; flex-wrap: wrap;
}
.health-board__add[data-v-3623edba] { width: 220px;
}
.health-board__remark[data-v-3623edba] { width: 140px;
}
.health-board__kw[data-v-3623edba] { width: 160px;
}
.health-board__hint[data-v-3623edba] { margin-bottom: 10px;
}
.health-board__alerts[data-v-3623edba] { margin-bottom: 10px; display: grid; gap: 6px;
}
.health-board__alerts-title[data-v-3623edba] { font-size: 13px; color: #606266;
}
.health-alert[data-v-3623edba] { display: flex; justify-content: space-between; gap: 8px; align-items: center; border: 1px solid #f5dab1; background: #fdf6ec; border-radius: 6px; padding: 8px 10px;
}
.health-alert.is-red[data-v-3623edba] { border-color: #fbc4c4; background: #fef0f0;
}
.health-alert__main[data-v-3623edba] { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; cursor: pointer; font-size: 13px;
}
.health-alert__main em[data-v-3623edba] { color: #909399; font-style: normal;
}
.health-board__body[data-v-3623edba] { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 12px; min-height: 520px;
}
.health-board__watch[data-v-3623edba] { border: 1px solid #ebeef5; border-radius: 8px; background: #fff; padding: 10px; overflow: auto; max-height: calc(100vh - 220px);
}
.health-board__watch-head[data-v-3623edba] { display: flex; justify-content: space-between; align-items: center; gap: 6px; margin-bottom: 8px; font-size: 13px;
}
.health-board__updating[data-v-3623edba] { color: #909399; font-style: normal; margin-left: 4px;
}
.health-board__main[data-v-3623edba] { border: 1px solid #ebeef5; border-radius: 8px; background: #fff; padding: 8px 12px 12px; min-width: 0;
}
.health-board__empty[data-v-3623edba] { color: #909399; font-size: 13px; padding: 16px 4px;
}
.watch-card[data-v-3623edba] { border: 1px solid #ebeef5; border-radius: 8px; padding: 8px; margin-bottom: 8px; cursor: pointer; transition: border-color .15s, box-shadow .15s;
}
.watch-card[data-v-3623edba]:hover, .watch-card.is-active[data-v-3623edba] { border-color: #409EFF; box-shadow: 0 0 0 1px rgba(64,158,255,.15);
}
.watch-card.is-red[data-v-3623edba] { border-left: 3px solid #F56C6C;
}
.watch-card.is-yellow[data-v-3623edba] { border-left: 3px solid #E6A23C;
}
.watch-card.is-green[data-v-3623edba] { border-left: 3px solid #67C23A;
}
.watch-card.is-gray[data-v-3623edba] { border-left: 3px solid #C0C4CC;
}
.watch-card__top[data-v-3623edba] { display: flex; align-items: center; gap: 6px;
}
.watch-card__light[data-v-3623edba] { width: 8px; height: 8px; border-radius: 50%; background: #C0C4CC;
}
.watch-card__light.is-red[data-v-3623edba] { background: #F56C6C;
}
.watch-card__light.is-yellow[data-v-3623edba] { background: #E6A23C;
}
.watch-card__light.is-green[data-v-3623edba] { background: #67C23A;
}
.watch-card__uid[data-v-3623edba] { font-weight: 600; padding: 0;
}
.watch-card__rm[data-v-3623edba] { margin-left: auto; color: #909399;
}
.watch-card__name[data-v-3623edba] { font-size: 12px; color: #606266; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.watch-card__action[data-v-3623edba] { font-size: 13px; color: #303133; margin: 4px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.watch-card__metrics[data-v-3623edba] { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 8px; font-size: 11px; color: #909399;
}
.watch-card__remark[data-v-3623edba] { margin-top: 4px; font-size: 11px; color: #E6A23C;
}
.health-pane__bar[data-v-3623edba] { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 8px;
}
.event-list[data-v-3623edba] { list-style: none; margin: 0; padding: 0; max-height: calc(100vh - 280px); overflow: auto;
}
.event-list--compact[data-v-3623edba] { max-height: 240px;
}
.event-item[data-v-3623edba] { display: flex; gap: 10px; padding: 8px 4px; border-bottom: 1px solid #f2f3f5; cursor: pointer;
}
.event-item[data-v-3623edba]:hover { background: #f5f7fa;
}
.event-item__dot[data-v-3623edba] { width: 8px; height: 8px; border-radius: 50%; margin-top: 6px; background: #909399; flex: none;
}
.event-item__dot.is-recharge[data-v-3623edba] { background: #67C23A;
}
.event-item__dot.is-withdraw[data-v-3623edba] { background: #9B59B6;
}
.event-item__dot.is-bet[data-v-3623edba] { background: #E6A23C;
}
.event-item__dot.is-open_game[data-v-3623edba] { background: #409EFF;
}
.event-item__dot.is-share[data-v-3623edba] { background: #00BCD4;
}
.event-item__dot.is-activity[data-v-3623edba] { background: #F56C6C;
}
.event-item__line[data-v-3623edba] { display: flex; gap: 8px; flex-wrap: wrap; font-size: 13px;
}
.event-item__meta[data-v-3623edba] { font-size: 11px; color: #909399; margin-top: 2px;
}
.health-board__pager[data-v-3623edba] { margin-top: 8px; text-align: right;
}
.muted[data-v-3623edba] { color: #909399; font-size: 12px;
}
@media (max-width: 1100px) {
.health-board__body[data-v-3623edba] { grid-template-columns: 1fr;
}
.health-board__watch[data-v-3623edba] { max-height: 280px;
}
}


.visitor-board[data-v-668c5d08] {
  padding: 12px 16px 24px;
  overflow: auto;
  height: 100%;
  box-sizing: border-box;
}
.visitor-board__header[data-v-668c5d08] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.visitor-board__header h3[data-v-668c5d08] { margin: 0; font-size: 16px;
}
.visitor-board__tools[data-v-668c5d08] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.visitor-board__kw[data-v-668c5d08] { width: 180px;
}
.visitor-board__alert[data-v-668c5d08] { margin-bottom: 10px;
}
.visitor-board-kpi[data-v-668c5d08] {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}
.visitor-board-kpi__item[data-v-668c5d08] {
  background: #fff;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.visitor-board-kpi__item span[data-v-668c5d08] { font-size: 12px; color: #909399;
}
.visitor-board-kpi__item b[data-v-668c5d08] { font-size: 20px; color: #303133;
}
.visitor-board-kpi__item b.is-accent[data-v-668c5d08] { color: #409EFF;
}
.visitor-board-chart[data-v-668c5d08] {
  background: #fff;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  padding: 10px 12px;
  margin-bottom: 12px;
}
.visitor-board-chart__title[data-v-668c5d08] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 600;
}
.visitor-board-chart__title em[data-v-668c5d08] {
  font-style: normal;
  font-weight: 400;
  color: #909399;
  font-size: 12px;
}
.visitor-board__pager[data-v-668c5d08] {
  margin-top: 12px;
  text-align: right;
}
.muted[data-v-668c5d08] { color: #c0c4cc;
}
@media (max-width: 1100px) {
.visitor-board-kpi[data-v-668c5d08] { grid-template-columns: repeat(3, minmax(0, 1fr));
}
}


.site-visitor[data-v-fccacdc6] {
  padding: 12px 16px 24px;
  overflow: auto;
  height: 100%;
  box-sizing: border-box;
}
.site-visitor__header[data-v-fccacdc6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.site-visitor__header h3[data-v-fccacdc6] { margin: 0; font-size: 16px;
}
.site-visitor__tools[data-v-fccacdc6] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.site-visitor__alert[data-v-fccacdc6] { margin-bottom: 10px;
}
.site-visitor__form[data-v-fccacdc6] { margin-bottom: 8px;
}
.site-visitor__pager[data-v-fccacdc6] {
  margin-top: 12px;
  text-align: right;
}
.muted[data-v-fccacdc6] { color: #c0c4cc;
}
.biz-copy-cell[data-v-fccacdc6] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.biz-copy-cell__btn[data-v-fccacdc6] {
  cursor: pointer;
  color: #909399;
}
.biz-copy-cell__btn[data-v-fccacdc6]:hover { color: #409EFF;
}


.follow-wb[data-v-733b85ba] {
  display: grid;
  grid-template-columns: auto 320px minmax(0, 1fr);
  height: 100%;
  min-height: 0;
  background: var(--cs-panel-bg, #fff);
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.06);
}

/* —— 分类窄轨 —— */
.follow-rail[data-v-733b85ba] {
  width: 148px;
  display: flex;
  flex-direction: column;
  min-height: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.06);
  background: #f7f8fb;
}
.follow-rail.is-collapsed[data-v-733b85ba] { width: 56px;
}
.follow-rail__toolbar[data-v-733b85ba] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.follow-rail__collapse[data-v-733b85ba] {
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 4px;
  color: #606266;
}
.follow-rail__title[data-v-733b85ba] { font-size: 12px; font-weight: 600; color: #606266;
}
.follow-rail__list[data-v-733b85ba] { flex: 1; overflow: auto; padding: 6px;
}
.follow-rail-item[data-v-733b85ba] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  border: 0;
  background: transparent;
  text-align: left;
  padding: 8px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 12px;
  color: #303133;
  margin-bottom: 2px;
}
.follow-rail-item[data-v-733b85ba]:hover,
.follow-rail-item.is-active[data-v-733b85ba] { background: rgba(64, 158, 255, 0.14); color: #1d7dda;
}
.follow-rail-item i[data-v-733b85ba] { font-size: 16px; width: 18px; text-align: center;
}
.follow-rail-item__name[data-v-733b85ba] { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.follow-rail-item em[data-v-733b85ba] { font-style: normal; color: #909399; font-size: 11px;
}
.follow-rail-item__icon-wrap[data-v-733b85ba] { position: relative; width: 18px; text-align: center;
}
.follow-rail-item__icon-wrap em[data-v-733b85ba] {
  position: absolute;
  top: -6px;
  right: -10px;
  min-width: 14px;
  height: 14px;
  line-height: 14px;
  padding: 0 3px;
  border-radius: 8px;
  background: #f56c6c;
  color: #fff;
  font-size: 10px;
}
.follow-rail-dot[data-v-733b85ba] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex: 0 0 auto;
  margin: 0 4px;
}
.follow-rail__footer[data-v-733b85ba] {
  padding: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.follow-rail__edit[data-v-733b85ba] {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  border: 0;
  background: transparent;
  padding: 8px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 12px;
  color: #606266;
}
.follow-rail__edit[data-v-733b85ba]:hover { background: rgba(0, 0, 0, 0.04);
}

/* —— 中栏号码列表 —— */
.follow-list[data-v-733b85ba] {
  display: flex;
  flex-direction: column;
  min-height: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.follow-list__head[data-v-733b85ba] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 12px 12px 8px;
}
.follow-list__tools[data-v-733b85ba] { padding: 0 12px 8px;
}
.follow-list__filters[data-v-733b85ba] { margin-top: 8px;
}
.follow-status-tabs[data-v-733b85ba] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 2px;
  background: #f2f3f5;
  border-radius: 8px;
}
.follow-status-tab[data-v-733b85ba] {
  border: 0;
  background: transparent;
  padding: 5px 8px;
  border-radius: 6px;
  font-size: 12px;
  color: #606266;
  cursor: pointer;
  line-height: 1.2;
}
.follow-status-tab[data-v-733b85ba]:hover { color: #303133;
}
.follow-status-tab.is-active[data-v-733b85ba] {
  background: #fff;
  color: #1d7dda;
  font-weight: 600;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.follow-list__hint[data-v-733b85ba] {
  margin: 8px 0 0;
  font-size: 11px;
  line-height: 1.4;
  color: #909399;
}
.follow-list__select-bar[data-v-733b85ba] {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 8px;
  flex-wrap: wrap;
  font-size: 12px;
}
.follow-list__select-bar .el-button--text[data-v-733b85ba] {
  padding: 0 4px;
  color: #409EFF;
}
.follow-list__batch[data-v-733b85ba] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  flex-wrap: wrap;
  font-size: 12px;
}
.follow-move-dlg__count[data-v-733b85ba] {
  margin: 0 0 12px;
  font-size: 13px;
  color: #606266;
}
.follow-list__body[data-v-733b85ba] { flex: 1; overflow: auto; padding: 4px 8px;
}
.follow-list__pager[data-v-733b85ba] {
  padding: 6px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  display: flex;
  justify-content: center;
}
.follow-session-item[data-v-733b85ba] {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  padding: 10px 8px;
  border-radius: 10px;
  cursor: pointer;
}
.follow-session-item[data-v-733b85ba]:hover,
.follow-session-item.is-active[data-v-733b85ba] { background: rgba(64, 158, 255, 0.1);
}
.follow-session-item__check[data-v-733b85ba] { margin-top: 8px;
}
.follow-session-item__avatar[data-v-733b85ba] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #e8eefc;
  color: #3a6fd8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  flex: 0 0 auto;
}
.follow-session-item__body[data-v-733b85ba] { flex: 1; min-width: 0;
}
.follow-session-item__title[data-v-733b85ba] {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.follow-session-item__phone[data-v-733b85ba] {
  font-weight: 650;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.follow-session-item__status[data-v-733b85ba] {
  font-size: 10px;
  padding: 1px 6px;
  border-radius: 8px;
  background: #ecf5ff;
  color: #409EFF;
  flex: 0 0 auto;
}
.follow-session-item__status.is-following[data-v-733b85ba] { background: #fdf6ec; color: #e6a23c;
}
.follow-session-item__status.is-done[data-v-733b85ba] { background: #f0f9eb; color: #67c23a;
}
.follow-session-item__status.is-invalid[data-v-733b85ba] { background: #fef0f0; color: #f56c6c;
}
.follow-session-item__time[data-v-733b85ba] {
  margin-left: auto;
  font-size: 11px;
  color: #909399;
  flex: 0 0 auto;
}
.follow-session-item__time.is-overdue[data-v-733b85ba] { color: #F56C6C; font-weight: 600;
}
.follow-session-item__desc[data-v-733b85ba] {
  display: flex;
  gap: 8px;
  margin-top: 4px;
  font-size: 12px;
  color: #909399;
  min-width: 0;
}
.follow-session-item__preview[data-v-733b85ba] {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.follow-session-item__meta[data-v-733b85ba] { flex: 0 0 auto;
}

/* —— 右主区 —— */
.follow-main[data-v-733b85ba] {
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
}
.follow-main__empty[data-v-733b85ba] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #909399;
  gap: 8px;
}
.follow-main__empty-badge[data-v-733b85ba] {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: linear-gradient(135deg, #6d57de, #409EFF);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 4px;
}
.follow-main__empty-title[data-v-733b85ba] { margin: 0; font-size: 16px; color: #303133; font-weight: 600;
}
.follow-main__empty-sub[data-v-733b85ba] { margin: 0; font-size: 13px;
}
.follow-main__head[data-v-733b85ba] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.follow-main__head-actions[data-v-733b85ba] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
}
.follow-main__body[data-v-733b85ba] {
  flex: 1;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
}
.follow-main__records[data-v-733b85ba] {
  display: flex;
  flex-direction: column;
  min-height: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.follow-main__filters[data-v-733b85ba] { padding: 8px 12px 0;
}
.follow-main__timeline[data-v-733b85ba] {
  flex: 1;
  overflow: auto;
  padding: 8px 12px;
}
.follow-main__profile[data-v-733b85ba] {
  overflow: auto;
  padding: 12px;
  background: #fafbfd;
}
.follow-main__profile h4[data-v-733b85ba] { margin: 0 0 10px; font-size: 13px;
}
.follow-empty-panel[data-v-733b85ba] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 40px 12px;
  color: #909399;
  font-size: 13px;
}
.follow-empty-panel i[data-v-733b85ba] { font-size: 28px;
}
.follow-wb__empty[data-v-733b85ba] {
  color: #909399;
  font-size: 13px;
  padding: 16px 8px;
}
.follow-record[data-v-733b85ba] {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 8px;
  background: #fff;
}
.follow-record__head[data-v-733b85ba] { display: flex; gap: 6px; align-items: center; flex-wrap: wrap;
}
.follow-record__time[data-v-733b85ba] { margin-left: auto; font-size: 11px; color: #909399;
}
.follow-record__content[data-v-733b85ba] { margin-top: 8px; white-space: pre-wrap; font-size: 13px; line-height: 1.5;
}
.follow-record__foot[data-v-733b85ba] {
  margin-top: 8px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 11px;
  color: #909399;
}
.follow-profile__grid[data-v-733b85ba] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 12px;
}
.follow-profile__grid label[data-v-733b85ba] { display: block; font-size: 11px; color: #909399;
}
.follow-profile__grid .span-2[data-v-733b85ba] { grid-column: span 2;
}
.follow-profile__hint[data-v-733b85ba] { color: #606266; font-size: 13px; line-height: 1.5;
}
.follow-profile__lead-remark[data-v-733b85ba] {
  margin-top: 8px;
  padding: 8px;
  background: #f5f7fa;
  border-radius: 6px;
  font-size: 12px;
}
.follow-profile__sms[data-v-733b85ba] { margin-top: 14px;
}
.follow-profile__sms h4[data-v-733b85ba] { margin: 0 0 8px; font-size: 13px;
}
.follow-sms-row[data-v-733b85ba] {
  display: grid;
  grid-template-columns: 70px 1fr 1fr;
  gap: 6px;
  font-size: 12px;
  padding: 4px 0;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.06);
}
.follow-profile__actions[data-v-733b85ba] {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.follow-group-dot[data-v-733b85ba] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex: 0 0 auto;
  display: inline-block;
}
.follow-group-dlg__row[data-v-733b85ba] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
}
.follow-group-dlg__row span[data-v-733b85ba] { flex: 1;
}
.follow-group-dlg__row em[data-v-733b85ba] { font-style: normal; color: #909399;
}
.follow-batch-hint[data-v-733b85ba] {
  margin: 6px 0 0;
  font-size: 12px;
  line-height: 1.45;
  color: #909399;
}
.follow-context-menu[data-v-733b85ba] {
  position: fixed;
  z-index: 4000;
  min-width: 160px;
  max-height: 70vh;
  overflow: auto;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.follow-context-menu li[data-v-733b85ba] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  font-size: 13px;
  cursor: pointer;
  color: #303133;
}
.follow-context-menu li[data-v-733b85ba]:hover { background: rgba(64, 158, 255, 0.1);
}
.follow-context-menu li.is-current[data-v-733b85ba] {
  color: #1d7dda;
  font-weight: 600;
}
.follow-context-menu__label[data-v-733b85ba] {
  cursor: default !important;
  font-size: 11px !important;
  color: #909399 !important;
  font-weight: 600;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.follow-context-menu__label[data-v-733b85ba]:hover { background: transparent !important;
}
.follow-context-menu__divider[data-v-733b85ba] {
  height: 1px;
  margin: 4px 0;
  padding: 0 !important;
  background: #f0f0f0;
  cursor: default !important;
}
.follow-context-menu__divider[data-v-733b85ba]:hover { background: #f0f0f0 !important;
}
@media (max-width: 1100px) {
.follow-main__body[data-v-733b85ba] { grid-template-columns: 1fr;
}
.follow-main__records[data-v-733b85ba] { border-right: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
}


.pay-board[data-v-7d3fac36] {
  padding: 12px 16px 24px;
  overflow: auto;
  height: 100%;
  box-sizing: border-box;
}
.pay-board__header[data-v-7d3fac36] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.pay-board__header h3[data-v-7d3fac36] { margin: 0; font-size: 16px;
}
.pay-board__tools[data-v-7d3fac36] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
}
.pay-board__kw[data-v-7d3fac36] { width: 180px;
}
.pay-board__alert[data-v-7d3fac36] { margin-bottom: 10px;
}
.pay-board-kpi[data-v-7d3fac36] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}
.pay-board-kpi__item[data-v-7d3fac36] {
  background: #fff;
  border: 1px solid #ebeef5;
  border-radius: 6px;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.pay-board-kpi__item span[data-v-7d3fac36] { font-size: 12px; color: #909399;
}
.pay-board-kpi__item b[data-v-7d3fac36] { font-size: 18px; color: #303133;
}
.pay-board-kpi__item b.is-accent[data-v-7d3fac36] { color: #409EFF;
}
.pay-board-kpi__item b.is-warn[data-v-7d3fac36] { color: #E6A23C;
}
.pay-board-kpi__item em[data-v-7d3fac36] { font-style: normal; font-size: 12px; color: #909399;
}
.pay-board-chart[data-v-7d3fac36] {
  background: #fff;
  border: 1px solid #ebeef5;
  border-radius: 6px;
  padding: 10px 12px 4px;
  margin-bottom: 12px;
}
.pay-board-chart__title[data-v-7d3fac36] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: 600;
}
.pay-board-chart__title em[data-v-7d3fac36] { font-style: normal; font-weight: 400; color: #909399; font-size: 12px;
}
.pay-board__pager[data-v-7d3fac36] { margin-top: 10px; text-align: right;
}
@media (max-width: 900px) {
.pay-board-kpi[data-v-7d3fac36] { grid-template-columns: repeat(2, minmax(0, 1fr));
}
}


.risk-board[data-v-16f66aed] { padding: 12px 16px 24px; overflow: auto; height: 100%; box-sizing: border-box;
}
.risk-board__header[data-v-16f66aed] { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 10px;
}
.risk-board__header h3[data-v-16f66aed] { margin: 0; font-size: 16px;
}
.risk-board__tools[data-v-16f66aed] { display: flex; gap: 8px; align-items: center;
}
.risk-board__kw[data-v-16f66aed] { width: 180px;
}
.risk-board__alert[data-v-16f66aed] { margin-bottom: 10px;
}
.risk-board-kpi[data-v-16f66aed] { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 8px; margin-bottom: 12px;
}
.risk-board-kpi__item[data-v-16f66aed] { background: #fff; border: 1px solid #ebeef5; border-radius: 6px; padding: 10px 12px;
}
.risk-board-kpi__item span[data-v-16f66aed] { font-size: 12px; color: #909399; display: block;
}
.risk-board-kpi__item b[data-v-16f66aed] { font-size: 20px; color: #303133;
}
.risk-board-kpi__item b.is-warn[data-v-16f66aed] { color: #E6A23C;
}
.risk-board__pager[data-v-16f66aed] { margin-top: 10px; text-align: right;
}
@media (max-width: 900px) {
.risk-board-kpi[data-v-16f66aed] { grid-template-columns: repeat(2, minmax(0,1fr));
}
}


.site-relation[data-v-65d9a2de] { padding: 12px 16px 24px; overflow: auto; height: 100%; box-sizing: border-box;
}
.site-relation__header[data-v-65d9a2de] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; gap: 12px;
}
.site-relation__header h3[data-v-65d9a2de] { margin: 0; font-size: 16px;
}
.site-relation__alert[data-v-65d9a2de] { margin-bottom: 10px;
}
.site-relation__toolbar[data-v-65d9a2de] { margin-bottom: 4px;
}
.site-relation-kpi[data-v-65d9a2de] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px;
}
.site-relation-kpi__item[data-v-65d9a2de] {
  background: #f5f7fa; border: 2px solid transparent; border-radius: 6px;
  padding: 10px 12px; cursor: pointer; transition: border-color 0.15s;
}
.site-relation-kpi__item.active[data-v-65d9a2de] { border-color: #409eff;
}
.site-relation-kpi__item.danger[data-v-65d9a2de] { background: #fef0f0;
}
.site-relation-kpi__item.warn[data-v-65d9a2de] { background: #fdf6ec;
}
.site-relation-kpi__item.ok[data-v-65d9a2de] { background: #f0f9eb;
}
.site-relation-kpi__item span[data-v-65d9a2de] { font-size: 12px; color: #909399; display: block;
}
.site-relation-kpi__item b[data-v-65d9a2de] { font-size: 22px; color: #303133; display: block; line-height: 1.3;
}
.site-relation-kpi__item.danger b[data-v-65d9a2de] { color: #f56c6c;
}
.site-relation-kpi__item.warn b[data-v-65d9a2de] { color: #e6a23c;
}
.site-relation-kpi__item.ok b[data-v-65d9a2de] { color: #67c23a;
}
.site-relation-kpi__item em[data-v-65d9a2de] { font-style: normal; font-size: 11px; color: #c0c4cc;
}
.tone-bar[data-v-65d9a2de] { width: 4px; height: 22px; border-radius: 2px; margin: 0 auto;
}
.tone-hard[data-v-65d9a2de] { background: #f56c6c;
}
.tone-suspect[data-v-65d9a2de] { background: #409eff;
}
.tone-normal[data-v-65d9a2de] { background: #67c23a;
}
.tag-suspect[data-v-65d9a2de] { background: #ecf5ff; border-color: #b3d8ff; color: #409eff;
}
.danger[data-v-65d9a2de] { color: #f56c6c;
}
.site-relation__pager[data-v-65d9a2de] { margin-top: 10px; text-align: right;
}
[data-v-65d9a2de] .row-hard > td { background: #fff5f5 !important;
}
[data-v-65d9a2de] .row-suspect > td { background: #f5f9ff !important;
}
[data-v-65d9a2de] .row-normal > td { background: #f6fff5 !important;
}
@media (max-width: 900px) {
.site-relation-kpi[data-v-65d9a2de] { grid-template-columns: repeat(2, minmax(0, 1fr));
}
}


.game-heat-board[data-v-44f8bbe0] { padding: 12px 16px 24px; overflow: auto; height: 100%; box-sizing: border-box;
}
.game-heat-board__header[data-v-44f8bbe0] { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 10px;
}
.game-heat-board__header h3[data-v-44f8bbe0] { margin: 0; font-size: 16px;
}
.game-heat-board__tools[data-v-44f8bbe0] { display: flex; gap: 8px; align-items: center; flex-wrap: wrap;
}
.game-heat-board__kw[data-v-44f8bbe0] { width: 160px;
}
.game-heat-board__alert[data-v-44f8bbe0] { margin-bottom: 10px;
}
.game-heat-board-kpi[data-v-44f8bbe0] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px;
}
.game-heat-board-kpi__item[data-v-44f8bbe0] { background: #fff; border: 1px solid #ebeef5; border-radius: 6px; padding: 10px 12px;
}
.game-heat-board-kpi__item span[data-v-44f8bbe0] { font-size: 12px; color: #909399; display: block;
}
.game-heat-board-kpi__item b[data-v-44f8bbe0] { font-size: 18px; color: #303133;
}
.game-heat-board-kpi__item b.is-accent[data-v-44f8bbe0] { color: #409EFF;
}
.game-heat-board-kpi__item em[data-v-44f8bbe0] { font-style: normal; font-size: 12px; color: #909399; margin-left: 6px;
}
.game-heat-board__pager[data-v-44f8bbe0] { margin-top: 10px; text-align: right;
}
@media (max-width: 900px) {
.game-heat-board-kpi[data-v-44f8bbe0] { grid-template-columns: repeat(2, minmax(0, 1fr));
}
}


.channel-board[data-v-f06c1d5e] { padding: 12px 16px 24px; overflow: auto; height: 100%; box-sizing: border-box;
}
.channel-board__header[data-v-f06c1d5e] { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 10px;
}
.channel-board__header h3[data-v-f06c1d5e] { margin: 0; font-size: 16px;
}
.channel-board__tools[data-v-f06c1d5e] { display: flex; gap: 8px; align-items: center; flex-wrap: wrap;
}
.channel-board__kw[data-v-f06c1d5e] { width: 160px;
}
.channel-board__alert[data-v-f06c1d5e] { margin-bottom: 10px;
}
.channel-board-kpi[data-v-f06c1d5e] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px;
}
.channel-board-kpi__item[data-v-f06c1d5e] { background: #fff; border: 1px solid #ebeef5; border-radius: 6px; padding: 10px 12px;
}
.channel-board-kpi__item span[data-v-f06c1d5e] { font-size: 12px; color: #909399; display: block;
}
.channel-board-kpi__item b[data-v-f06c1d5e] { font-size: 18px; color: #303133;
}
.channel-board-kpi__item b.is-accent[data-v-f06c1d5e] { color: #409EFF;
}
.channel-board-kpi__item em[data-v-f06c1d5e] { font-style: normal; font-size: 12px; color: #909399; margin-left: 6px;
}
@media (max-width: 900px) {
.channel-board-kpi[data-v-f06c1d5e] { grid-template-columns: repeat(2, minmax(0, 1fr));
}
}


.funnel-board[data-v-0e243d94] { padding: 12px 16px 24px; overflow: auto; height: 100%; box-sizing: border-box;
}
.funnel-board__header[data-v-0e243d94] { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 10px;
}
.funnel-board__header h3[data-v-0e243d94] { margin: 0; font-size: 16px;
}
.funnel-board__tools[data-v-0e243d94] { display: flex; gap: 8px; align-items: center; flex-wrap: wrap;
}
.funnel-board__agent[data-v-0e243d94] { width: 140px;
}
.funnel-board__kw[data-v-0e243d94] { width: 160px;
}
.funnel-board__alert[data-v-0e243d94] { margin-bottom: 10px;
}
.funnel-board__tab-group[data-v-0e243d94] { margin: 0 0 10px;
}
.funnel-board__tab-label[data-v-0e243d94] {
  font-size: 12px;
  color: #909399;
  font-weight: 600;
  margin-bottom: 6px;
}
.funnel-board__tabs[data-v-0e243d94] { display: flex; flex-wrap: wrap; gap: 6px;
}
.funnel-board__tab[data-v-0e243d94] {
  border: 1px solid #dcdfe6;
  background: #fff;
  color: #606266;
  border-radius: 4px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.4;
  cursor: pointer;
}
.funnel-board__tab.is-active[data-v-0e243d94] {
  border-color: #409EFF;
  background: #409EFF;
  color: #fff;
}
.funnel-board__tags[data-v-0e243d94] { display: flex; flex-wrap: wrap; gap: 4px;
}
.is-pos[data-v-0e243d94] { color: #67C23A; font-weight: 600;
}
.is-neg[data-v-0e243d94] { color: #F56C6C; font-weight: 600;
}
.funnel-steps[data-v-0e243d94] { display: flex; flex-direction: column; align-items: center; gap: 6px; margin-bottom: 12px;
}
.funnel-steps__item[data-v-0e243d94] {
  background: linear-gradient(90deg, #ecf5ff, #d9ecff);
  border: 1px solid #b3d8ff;
  border-radius: 4px;
  padding: 8px 12px;
  text-align: center;
  max-width: 100%;
  box-sizing: border-box;
}
.funnel-steps__label[data-v-0e243d94] { font-size: 12px; color: #909399;
}
.funnel-steps__value[data-v-0e243d94] { font-size: 18px; font-weight: 600; color: #303133;
}
.funnel-steps__rate[data-v-0e243d94] { font-size: 12px; color: #409EFF;
}
.funnel-board-kpi[data-v-0e243d94] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px;
}
.funnel-board-kpi__item[data-v-0e243d94] { background: #fff; border: 1px solid #ebeef5; border-radius: 6px; padding: 10px 12px;
}
.funnel-board-kpi__item span[data-v-0e243d94] { font-size: 12px; color: #909399; display: block;
}
.funnel-board-kpi__item b[data-v-0e243d94] { font-size: 18px; color: #303133;
}
.funnel-board-kpi__item b.is-accent[data-v-0e243d94] { color: #409EFF;
}
.funnel-board-kpi__item em[data-v-0e243d94] { font-style: normal; font-size: 12px; color: #909399; margin-left: 6px;
}
.funnel-board__pager[data-v-0e243d94] { margin-top: 10px; text-align: right;
}
@media (max-width: 900px) {
.funnel-board-kpi[data-v-0e243d94] { grid-template-columns: repeat(2, minmax(0, 1fr));
}
}


.activity-effect-board[data-v-c40bf444] { padding: 12px 16px 24px; overflow: auto; height: 100%; box-sizing: border-box;
}
.activity-effect-board__header[data-v-c40bf444] { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 10px;
}
.activity-effect-board__header h3[data-v-c40bf444] { margin: 0; font-size: 16px;
}
.activity-effect-board__tools[data-v-c40bf444] { display: flex; gap: 8px; align-items: center; flex-wrap: wrap;
}
.activity-effect-board__alert[data-v-c40bf444] { margin-bottom: 10px;
}
.activity-effect-board-kpi[data-v-c40bf444] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 10px;
}
.activity-effect-board-kpi__item[data-v-c40bf444] { background: #fff; border: 1px solid #ebeef5; border-radius: 6px; padding: 10px 12px;
}
.activity-effect-board-kpi__item span[data-v-c40bf444] { font-size: 12px; color: #909399; display: block;
}
.activity-effect-board-kpi__item b[data-v-c40bf444] { font-size: 18px; color: #303133;
}
.activity-effect-board-kpi__item b.is-accent[data-v-c40bf444] { color: #409EFF;
}
.activity-effect-board__remark[data-v-c40bf444] { margin: 0 0 10px; font-size: 12px; color: #909399;
}
@media (max-width: 900px) {
.activity-effect-board-kpi[data-v-c40bf444] { grid-template-columns: 1fr;
}
}


.feature-stats-board__header[data-v-69fafde7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.feature-stats-board__header h3[data-v-69fafde7] {
  margin: 0;
  font-size: 16px;
}
.feature-stats-board__tools[data-v-69fafde7] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.feature-stats-board__alert[data-v-69fafde7] {
  margin-bottom: 8px;
}
.feature-stats-board__sync[data-v-69fafde7] {
  margin: 0 0 10px;
  color: #909399;
  font-size: 12px;
}
.feature-stats-board__chart-tools[data-v-69fafde7] {
  padding: 4px 0 12px;
}
.feature-stats-board__chart-tools .el-checkbox[data-v-69fafde7] {
  margin: 0 8px 8px 0;
}
.feature-stats-board__days[data-v-69fafde7] {
  display: block;
  margin-top: 4px;
}
.feature-stats-board__chart[data-v-69fafde7] {
  min-height: 380px;
  padding: 12px;
  background: #fff;
  border: 1px solid #ebeef5;
  border-radius: 6px;
}


.session-board[data-v-513f8cb8] { padding: 12px 16px 24px; overflow: auto; height: 100%; box-sizing: border-box;
}
.session-board__header[data-v-513f8cb8] { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 10px;
}
.session-board__header h3[data-v-513f8cb8] { margin: 0; font-size: 16px;
}
.session-board__tools[data-v-513f8cb8] { display: flex; gap: 8px; align-items: center; flex-wrap: wrap;
}
.session-board__kw[data-v-513f8cb8] { width: 180px;
}
.session-board__alert[data-v-513f8cb8] { margin-bottom: 10px;
}
.session-board-kpi[data-v-513f8cb8] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px;
}
.session-board-kpi__item[data-v-513f8cb8] { background: #fff; border: 1px solid #ebeef5; border-radius: 6px; padding: 10px 12px;
}
.session-board-kpi__item span[data-v-513f8cb8] { font-size: 12px; color: #909399; display: block;
}
.session-board-kpi__item b[data-v-513f8cb8] { font-size: 18px; color: #303133;
}
.session-board-kpi__item b.is-accent[data-v-513f8cb8] { color: #409EFF;
}
.session-board-kpi__item b.is-warn[data-v-513f8cb8] { color: #E6A23C;
}
.session-board-chart[data-v-513f8cb8] { background: #fff; border: 1px solid #ebeef5; border-radius: 6px; padding: 10px 12px 4px; margin-bottom: 12px;
}
.session-board-chart__title[data-v-513f8cb8] { display: flex; justify-content: space-between; margin-bottom: 4px; font-size: 13px; font-weight: 600;
}
.session-board-chart__title em[data-v-513f8cb8] { font-style: normal; font-weight: 400; color: #909399; font-size: 12px;
}
.session-board__pager[data-v-513f8cb8] { margin-top: 10px; text-align: right;
}
@media (max-width: 900px) {
.session-board-kpi[data-v-513f8cb8] { grid-template-columns: repeat(2, minmax(0, 1fr));
}
}


.stat-cal[data-v-697a36d6] {
  padding: 12px 16px 20px;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
}
.stat-cal__header[data-v-697a36d6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.stat-cal__header h3[data-v-697a36d6] {
  margin: 0;
  font-size: 16px;
}
.stat-cal__tools[data-v-697a36d6] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.stat-cal__month[data-v-697a36d6] {
  min-width: 110px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
.stat-cal__alert[data-v-697a36d6] {
  margin-bottom: 10px;
}
.stat-cal__legend[data-v-697a36d6] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 12px;
  color: #909399;
  margin-bottom: 10px;
}
.stat-cal__legend .is-pos[data-v-697a36d6] { color: #67c23a;
}
.stat-cal__legend .is-neg[data-v-697a36d6] { color: #f56c6c;
}
.stat-cal__weekdays[data-v-697a36d6] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 6px;
  margin-bottom: 6px;
}
.stat-cal__weekday[data-v-697a36d6] {
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: #606266;
  padding: 6px 0;
  background: #f5f7fa;
  border-radius: 4px;
}
.stat-cal__grid[data-v-697a36d6] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 6px;
}
.stat-cal__cell[data-v-697a36d6] {
  min-height: 92px;
  border: 1px solid #ebeef5;
  border-radius: 6px;
  padding: 6px 8px;
  background: #fff;
  cursor: pointer;
}
.stat-cal__cell[data-v-697a36d6]:hover { border-color: #409eff;
}
.stat-cal__cell.is-other[data-v-697a36d6] {
  background: #fafafa;
  cursor: default;
  opacity: 0.45;
}
.stat-cal__cell.is-today[data-v-697a36d6] { box-shadow: inset 0 0 0 1px #409eff;
}
.stat-cal__cell.is-selected[data-v-697a36d6] { border-color: #409eff; background: #ecf5ff;
}
.stat-cal__day-num[data-v-697a36d6] {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 4px;
}
.stat-cal__metrics[data-v-697a36d6] { font-size: 11px; line-height: 1.45; color: #606266;
}
.stat-cal__row[data-v-697a36d6] {
  display: flex;
  justify-content: space-between;
  gap: 4px;
}
.stat-cal__row.is-pos[data-v-697a36d6] { color: #67c23a;
}
.stat-cal__row.is-neg[data-v-697a36d6] { color: #f56c6c;
}
.stat-cal__empty[data-v-697a36d6] {
  font-size: 11px;
  color: #c0c4cc;
  margin-top: 12px;
}
.stat-cal__drawer[data-v-697a36d6] { padding: 0 8px 16px;
}
.stat-cal__drawer-empty[data-v-697a36d6] {
  padding: 24px;
  color: #909399;
  text-align: center;
}


.stat-fund[data-v-361b0819] {
  padding: 12px 16px 20px;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
}
.stat-fund__header[data-v-361b0819] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  gap: 8px;
  flex-wrap: wrap;
}
.stat-fund__header h3[data-v-361b0819] {
  margin: 0;
  font-size: 16px;
}
.stat-fund__tools[data-v-361b0819] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.stat-fund__alert[data-v-361b0819] {
  margin-bottom: 10px;
}
.stat-fund__table[data-v-361b0819] {
  width: 100%;
}
.stat-fund__pager[data-v-361b0819] {
  margin-top: 12px;
  text-align: right;
}
.metric-cell[data-v-361b0819] {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.25;
  letter-spacing: 0.02em;
}
.metric-val[data-v-361b0819] {
  font-weight: 600;
  font-size: 13px;
}
.metric-chg[data-v-361b0819] {
  font-size: 11px;
  margin-top: 2px;
}
.metric-cell.is-up .metric-chg[data-v-361b0819],
.is-pos[data-v-361b0819] {
  color: #67c23a;
}
.metric-cell.is-down .metric-chg[data-v-361b0819],
.is-neg[data-v-361b0819] {
  color: #f56c6c;
}


.stat-digital[data-v-dc15e848] {
  padding: 12px 16px 20px;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
}
.stat-digital__header[data-v-dc15e848] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  gap: 8px;
  flex-wrap: wrap;
}
.stat-digital__header h3[data-v-dc15e848] {
  margin: 0;
  font-size: 16px;
}
.stat-digital__tools[data-v-dc15e848] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.stat-digital__alert[data-v-dc15e848] {
  margin-bottom: 10px;
}
.stat-digital__pager[data-v-dc15e848] {
  margin-top: 12px;
  text-align: right;
}
.metric-cell[data-v-dc15e848] {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.25;
  letter-spacing: 0.02em;
}
.metric-val[data-v-dc15e848] {
  font-weight: 600;
  font-size: 13px;
}
.metric-chg[data-v-dc15e848] {
  font-size: 11px;
  margin-top: 2px;
}
.metric-cell.is-up .metric-chg[data-v-dc15e848] {
  color: #67c23a;
}
.metric-cell.is-down .metric-chg[data-v-dc15e848] {
  color: #f56c6c;
}

.cs-owner-board[data-v-276c4794] {
  padding: 12px 14px 18px;
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
}
.cs-owner-board__toolbar[data-v-276c4794] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 8px;
}
.cs-owner-board__title h3[data-v-276c4794] {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #0f172a;
}
.cs-owner-board__title p[data-v-276c4794] {
  margin: 6px 0 0;
  font-size: 12px;
  color: #64748b;
  line-height: 1.45;
  max-width: 640px;
}
.cs-owner-board__tools[data-v-276c4794] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.value-viz[data-v-a61f1e5a] {
  padding: 16px 18px 24px;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
}
.value-viz__header[data-v-a61f1e5a] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 12px;
}
.value-viz__header h3[data-v-a61f1e5a] {
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 600;
  color: #1f2a37;
}
.value-viz__hint[data-v-a61f1e5a] {
  margin: 0;
  font-size: 12px;
  color: #6b7280;
}
.value-viz__tools[data-v-a61f1e5a] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}
.value-viz__agent[data-v-a61f1e5a] {
  width: 130px;
}
.value-viz__quick[data-v-a61f1e5a] .el-button,
.value-viz__nav[data-v-a61f1e5a] .el-button {
  padding-left: 8px;
  padding-right: 8px;
}
.value-viz__date[data-v-a61f1e5a] {
  width: 240px;
}
.value-viz__kw[data-v-a61f1e5a] {
  width: 150px;
}
.value-viz__kpi[data-v-a61f1e5a] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}
.value-viz__kpi-item[data-v-a61f1e5a] {
  background: #f7f8fa;
  border: 1px solid #e8eaef;
  border-radius: 8px;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.value-viz__kpi-item span[data-v-a61f1e5a] {
  font-size: 12px;
  color: #6b7280;
}
.value-viz__kpi-item b[data-v-a61f1e5a] {
  font-size: 20px;
  color: #1f2a37;
  font-weight: 700;
}
.value-viz__kpi-item b.is-neg[data-v-a61f1e5a] {
  color: #c45656;
}
.value-viz__kpi-item em[data-v-a61f1e5a] {
  font-style: normal;
  font-size: 12px;
  color: #9aa3af;
}
.value-viz__kpi-item.is-drill[data-v-a61f1e5a] {
  background: #eef7f3;
  border-color: #cfe8dc;
}
.value-viz__chart-wrap[data-v-a61f1e5a] {
  background: #fff;
  border: 1px solid #e8eaef;
  border-radius: 10px;
  padding: 12px 12px 8px;
  min-height: 420px;
}
.value-viz__drill[data-v-a61f1e5a] {
  display: grid;
  grid-template-columns: minmax(280px, 38%) 1fr;
  gap: 12px;
  align-items: stretch;
}
.value-viz__chart-wrap--left[data-v-a61f1e5a],
.value-viz__chart-wrap--right[data-v-a61f1e5a] {
  min-height: 520px;
  margin: 0;
}
.value-viz__empty--sm[data-v-a61f1e5a] {
  height: 280px;
}
@media (max-width: 1100px) {
.value-viz__drill[data-v-a61f1e5a] {
    grid-template-columns: 1fr;
}
}
.value-viz__chart-title[data-v-a61f1e5a] {
  font-size: 13px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 6px;
}
.value-viz__chart-head[data-v-a61f1e5a] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
}
.value-viz__chart-head .value-viz__chart-title[data-v-a61f1e5a] {
  margin-bottom: 0;
}
.value-viz__legend[data-v-a61f1e5a] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: center;
}
.value-viz__legend-item[data-v-a61f1e5a] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  color: #4b5563;
}
.value-viz__legend-item i[data-v-a61f1e5a] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}
.value-viz__empty[data-v-a61f1e5a] {
  height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9aa3af;
  font-size: 14px;
}
.value-viz__alert[data-v-a61f1e5a] {
  margin-top: 12px;
}


.action-viz[data-v-f37a091a] {
  padding: 12px 16px 24px;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
}
.action-viz__header[data-v-f37a091a] {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.action-viz__header h3[data-v-f37a091a] {
  margin: 0 0 4px;
  font-size: 16px;
}
.action-viz__hint[data-v-f37a091a] {
  margin: 0;
  color: #6b7280;
  font-size: 12px;
  max-width: 520px;
}
.action-viz__tools[data-v-f37a091a] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}
.action-viz__agent[data-v-f37a091a] { width: 120px;
}
.action-viz__date[data-v-f37a091a] { width: 240px;
}
.action-viz__kw[data-v-f37a091a] { width: 140px;
}
.action-viz__kpi[data-v-f37a091a] {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 12px;
}
.action-viz__kpi-item span[data-v-f37a091a] {
  display: block;
  font-size: 12px;
  color: #6b7280;
}
.action-viz__kpi-item b[data-v-f37a091a] {
  font-size: 18px;
  color: #111827;
}
.action-viz__kpi-item b.is-neg[data-v-f37a091a] { color: #b91c1c;
}
.action-viz__body[data-v-f37a091a] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.action-viz__body--split[data-v-f37a091a] {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 12px;
}
@media (max-width: 1100px) {
.action-viz__body--split[data-v-f37a091a] { grid-template-columns: 1fr;
}
}
.action-viz__chart-wrap[data-v-f37a091a] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 10px 12px 8px;
}
.action-viz__chart-title[data-v-f37a091a] {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 6px;
  color: #374151;
}
.action-viz__empty[data-v-f37a091a] {
  padding: 48px 0;
  text-align: center;
  color: #9ca3af;
  font-size: 13px;
}
.action-viz__table[data-v-f37a091a] {
  width: 100%;
  cursor: pointer;
}
.action-viz__cohort-kpi[data-v-f37a091a] {
  display: flex;
  gap: 24px;
  padding: 8px 4px 4px;
  font-size: 12px;
  color: #6b7280;
}
.action-viz__cohort-kpi b[data-v-f37a091a] {
  display: inline-block;
  margin: 0 6px;
  font-size: 16px;
  color: #111827;
}
.action-viz__cohort-kpi em[data-v-f37a091a] {
  font-style: normal;
  color: #1f8a70;
}
.action-viz__alert[data-v-f37a091a] {
  margin-top: 12px;
}


.insight[data-v-1f380726] { padding: 12px 16px 24px; height: 100%; overflow: auto; box-sizing: border-box;
}
.insight__header[data-v-1f380726] { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 10px;
}
.insight__header h3[data-v-1f380726] { margin: 0 0 4px; font-size: 16px;
}
.insight__hint[data-v-1f380726] { margin: 0; color: #6b7280; font-size: 12px; max-width: 640px;
}
.insight__tools[data-v-1f380726] { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: flex-end;
}
.insight__agent[data-v-1f380726] { width: 120px;
}
.insight__date[data-v-1f380726] { width: 240px;
}
.insight__kpi[data-v-1f380726] { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 12px;
}
.insight__kpi-item span[data-v-1f380726] { display: block; font-size: 12px; color: #6b7280;
}
.insight__kpi-item b[data-v-1f380726] { font-size: 18px; color: #111827;
}
.insight__kpi-item em[data-v-1f380726] { font-style: normal; font-size: 12px; margin-left: 4px; color: #6b7280;
}
.insight__body[data-v-1f380726] { display: flex; flex-direction: column; gap: 12px;
}
.insight__card[data-v-1f380726] { background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 10px 12px;
}
.insight__card-title[data-v-1f380726] { font-size: 13px; font-weight: 600; margin-bottom: 6px; color: #374151;
}
.insight__table[data-v-1f380726] { width: 100%; cursor: pointer;
}


.big-dep[data-v-9cb26a5a] {
  padding: 12px 16px 20px;
}
.big-dep__header[data-v-9cb26a5a] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.big-dep__header h3[data-v-9cb26a5a] {
  margin: 0 0 4px;
  font-size: 16px;
}
.big-dep__hint[data-v-9cb26a5a] {
  margin: 0;
  color: #909399;
  font-size: 12px;
  max-width: 520px;
}
.big-dep__tools[data-v-9cb26a5a] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.big-dep__agent[data-v-9cb26a5a] { width: 130px;
}
.big-dep__min[data-v-9cb26a5a] { width: 120px;
}
.big-dep__kw[data-v-9cb26a5a] { width: 160px;
}
.big-dep__sort[data-v-9cb26a5a] { width: 110px;
}
.big-dep__kpi[data-v-9cb26a5a] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.big-dep__kpi-item[data-v-9cb26a5a] {
  flex: 1;
  min-width: 110px;
  background: #fff;
  border: 1px solid #ebeef5;
  border-radius: 6px;
  padding: 10px 12px;
  cursor: pointer;
}
.big-dep__kpi-item.active[data-v-9cb26a5a] {
  border-color: #409EFF;
  box-shadow: 0 0 0 1px #409EFF inset;
}
.big-dep__kpi-item span[data-v-9cb26a5a] {
  display: block;
  font-size: 12px;
  color: #909399;
}
.big-dep__kpi-item b[data-v-9cb26a5a] {
  display: block;
  font-size: 18px;
  margin-top: 4px;
}
.big-dep__kpi-item em[data-v-9cb26a5a] {
  display: block;
  font-style: normal;
  font-size: 11px;
  color: #c0c4cc;
  margin-top: 2px;
}
.big-dep__kpi-item b.pos[data-v-9cb26a5a] { color: #67C23A;
}
.big-dep__kpi-item b.warn[data-v-9cb26a5a] { color: #E6A23C;
}
.big-dep__kpi-item b.danger[data-v-9cb26a5a] { color: #F56C6C;
}
.big-dep__table[data-v-9cb26a5a] { width: 100%;
}
.big-dep__pager[data-v-9cb26a5a] {
  margin-top: 12px;
  text-align: right;
}
.warn[data-v-9cb26a5a] { color: #E6A23C; font-weight: 600;
}
.danger[data-v-9cb26a5a] { color: #F56C6C; font-weight: 600;
}
.neg[data-v-9cb26a5a] { color: #F56C6C; font-weight: 600;
}
.pos[data-v-9cb26a5a] { color: #67C23A;
}


.ashare__header[data-v-47c60977] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.ashare__header h3[data-v-47c60977] {
  margin: 0 0 4px;
  font-size: 16px;
}
.ashare__hint[data-v-47c60977] {
  margin: 0;
  color: #909399;
  font-size: 12px;
  max-width: 520px;
}
.ashare__tools[data-v-47c60977] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.ashare__agent[data-v-47c60977] { width: 130px;
}
.ashare__uid[data-v-47c60977] { width: 130px;
}
.ashare__phone[data-v-47c60977] { width: 130px;
}
.ashare__table[data-v-47c60977] { width: 100%;
}
.ashare__link[data-v-47c60977] { color: #409eff; cursor: pointer;
}
.ashare__uid-btn[data-v-47c60977] {
  border: 0;
  background: transparent;
  padding: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.ashare__pager[data-v-47c60977] { margin-top: 10px; text-align: right;
}
.share-num[data-v-47c60977] {
  display: inline-block;
  min-width: 22px;
  padding: 1px 4px;
  border-radius: 3px;
  line-height: 1.4;
  font-variant-numeric: tabular-nums;
}
.share-btn[data-v-47c60977] {
  border: 0;
  background: transparent;
  font: inherit;
  padding: 1px 4px;
  cursor: pointer;
}
.share-btn[data-v-47c60977]:disabled {
  cursor: default;
  text-decoration: none;
}
.share-z[data-v-47c60977] { color: #c0c4cc; font-weight: 400;
}
.share-a[data-v-47c60977] { color: #529b2e; background: #f0f9eb; font-weight: 600;
}
.share-b[data-v-47c60977] { color: #337ecc; background: #ecf5ff; font-weight: 600;
}
.share-c[data-v-47c60977] { color: #b88230; background: #fdf6ec; font-weight: 700;
}
.share-d[data-v-47c60977] { color: #c45656; background: #fef0f0; font-weight: 700;
}
.share-click[data-v-47c60977] { cursor: pointer; text-decoration: underline; text-underline-offset: 2px;
}
.share-legend[data-v-47c60977] {
  margin-top: 10px;
  font-size: 12px;
  color: #909399;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 6px;
}
.lg-title[data-v-47c60977] { margin-right: 4px;
}
.lg-sep[data-v-47c60977] { margin-right: 8px;
}


.seg-query[data-v-ea7d5842] { padding: 12px 16px 24px; overflow: auto; height: 100%; box-sizing: border-box;
}
.seg-query__header[data-v-ea7d5842] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;
}
.seg-query__header h3[data-v-ea7d5842] { margin: 0; font-size: 16px;
}
.seg-query__alert[data-v-ea7d5842] { margin-bottom: 10px;
}
.seg-query__form[data-v-ea7d5842] { margin-bottom: 8px;
}
.seg-query__pager[data-v-ea7d5842] { margin-top: 12px; text-align: right;
}


.seg-models[data-v-53223b87] {
  padding: 12px 16px 24px;
  overflow: auto;
  height: 100%;
  box-sizing: border-box;
}
.seg-models__header[data-v-53223b87] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.seg-models__header h3[data-v-53223b87] {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}
.seg-models__alert[data-v-53223b87] {
  margin-bottom: 12px;
}
.seg-models__table[data-v-53223b87] {
  width: 100%;
}
.seg-models__model[data-v-53223b87] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.seg-models__model-name[data-v-53223b87] {
  font-weight: 600;
  color: #303133;
  line-height: 1.4;
}
.seg-models__model-code[data-v-53223b87] {
  font-size: 12px;
  color: #909399;
  font-weight: 400;
}
.seg-models__lv[data-v-53223b87] {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 4px;
  color: #606266;
  line-height: 1.5;
}
.seg-models__desc[data-v-53223b87] {
  color: #606266;
  line-height: 1.55;
  font-size: 13px;
}
.seg-models__desc[data-v-53223b87] div {
  margin-bottom: 2px;
}
.seg-models__desc[data-v-53223b87] b {
  color: #303133;
}
.seg-models__empty[data-v-53223b87] {
  color: #909399;
  padding: 24px 0;
  text-align: center;
}


.seg-model-data[data-v-3655ed14] {
  padding: 12px 16px 24px;
  overflow: auto;
  height: 100%;
  box-sizing: border-box;
}
.seg-model-data__header[data-v-3655ed14] {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.seg-model-data__header h3[data-v-3655ed14] {
  margin: 0;
  font-size: 16px;
}
.seg-model-data__tools[data-v-3655ed14] {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.seg-model-data__alert[data-v-3655ed14] {
  margin-bottom: 12px;
}
.seg-model-data__block[data-v-3655ed14] {
  margin-bottom: 16px;
  min-height: 72px;
}
.seg-model-data__title[data-v-3655ed14] {
  font-size: 15px;
  font-weight: 600;
  color: #303133;
  margin-bottom: 4px;
}
.seg-model-data__hint[data-v-3655ed14] {
  color: #909399;
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 8px;
}
.seg-model-data__hint i[data-v-3655ed14] {
  margin-right: 4px;
}
.seg-cards[data-v-3655ed14] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 10px;
}
.seg-card[data-v-3655ed14] {
  background: linear-gradient(135deg, #67c23a 0%, #85ce61 100%);
  color: #fff;
  border-radius: 8px;
  padding: 12px 10px;
  cursor: pointer;
  min-height: 72px;
  box-sizing: border-box;
}
.seg-card[data-v-3655ed14]:hover {
  filter: brightness(1.05);
}
.seg-card__num[data-v-3655ed14] {
  font-size: 18px;
  font-weight: 700;
}
.seg-card__lab[data-v-3655ed14] {
  font-size: 12px;
  margin-top: 6px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.seg-model-data__empty[data-v-3655ed14] {
  color: #c0c4cc;
  font-size: 13px;
  padding: 8px 0;
  grid-column: 1 / -1;
}


.seg-board[data-v-11ef28d8] { padding: 12px 16px 24px; overflow: auto; height: 100%; box-sizing: border-box;
}
.seg-board__header[data-v-11ef28d8] { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 8px;
}
.seg-board__header h3[data-v-11ef28d8] { margin: 0; font-size: 16px;
}
.seg-board__tools[data-v-11ef28d8] { display: flex; gap: 8px; align-items: center; flex-wrap: wrap;
}
.seg-board__alert[data-v-11ef28d8] { margin-bottom: 10px;
}
.seg-board__muted[data-v-11ef28d8] { color: #909399; font-size: 13px; margin: 8px 0 12px;
}
.seg-cards[data-v-11ef28d8] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}
.seg-card[data-v-11ef28d8] {
  background: linear-gradient(135deg, #67c23a 0%, #85ce61 100%);
  color: #fff;
  border-radius: 8px;
  padding: 12px 10px;
  cursor: pointer;
  min-height: 72px;
  box-sizing: border-box;
}
.seg-card[data-v-11ef28d8]:hover { filter: brightness(1.05);
}
.seg-card__num[data-v-11ef28d8] { font-size: 18px; font-weight: 700;
}
.seg-card__lab[data-v-11ef28d8] { font-size: 12px; margin-top: 6px; display: flex; align-items: center; gap: 4px;
}
.seg-board__pager[data-v-11ef28d8] { margin-top: 12px; text-align: right;
}
.seg-board__num-btn[data-v-11ef28d8] {
  border: none;
  background: transparent;
  color: #409eff;
  cursor: pointer;
  padding: 0 2px;
  font: inherit;
  font-weight: 600;
}
.seg-board__num-btn[data-v-11ef28d8]:hover { text-decoration: underline;
}
.seg-board-dlg__note[data-v-11ef28d8] {
  margin: 0 0 10px;
  color: #909399;
  font-size: 12px;
  line-height: 1.5;
}
.seg-board-dlg__pager[data-v-11ef28d8] {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.seg-board-dlg__total[data-v-11ef28d8] {
  color: #64748b;
  font-size: 12px;
  white-space: nowrap;
}


/* custom-class 挂在 dialog 根上，需非 scoped */
.seg-board-dlg {
  width: 96% !important;
  max-width: 1480px;
  margin-top: 3vh !important;
}
.seg-board-dlg .el-dialog__body {
  padding: 8px 16px 16px;
  overflow-x: hidden;
}
.seg-board-dlg .el-table {
  width: 100% !important;
}
.seg-board-dlg .el-table__body-wrapper,
.seg-board-dlg .el-table__header-wrapper {
  overflow-x: hidden !important;
}


.settings-shell[data-v-08fa3cd1] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.settings-hero[data-v-08fa3cd1],
.settings-card[data-v-08fa3cd1] {
  background: #fff;
  border: 1px solid #e7ebf3;
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(31, 45, 61, 0.06);
}
.settings-hero[data-v-08fa3cd1] {
  padding: 24px 28px;
  background: linear-gradient(135deg, rgba(95, 111, 174, 0.12), rgba(95, 111, 174, 0.03));
}
.settings-hero__eyebrow[data-v-08fa3cd1] {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(95, 111, 174, 0.12);
  color: #5f6fae;
  font-size: 16px;
  font-weight: 600;
}
.settings-hero__row[data-v-08fa3cd1] {
  margin-top: 14px;
}
.settings-hero h2[data-v-08fa3cd1] {
  margin: 0;
  font-size: 28px;
  color: #22304d;
}
.settings-hero p[data-v-08fa3cd1],
.settings-card__header p[data-v-08fa3cd1],
.settings-menu__summary[data-v-08fa3cd1],
.settings-dialog__desc[data-v-08fa3cd1],
.settings-profile__meta[data-v-08fa3cd1] {
  margin: 8px 0 0;
  color: #7f8aa3;
  line-height: 1.7;
}
.settings-grid[data-v-08fa3cd1] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 20px;
}
.settings-card[data-v-08fa3cd1] {
  padding: 24px;
}
.settings-card__header h3[data-v-08fa3cd1] {
  margin: 0;
  font-size: 22px;
  color: #22304d;
}
.settings-profile[data-v-08fa3cd1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 20px;
  padding: 18px 20px;
  border-radius: 16px;
  background: #f7f9fc;
  border: 1px solid #ebeff5;
}
.settings-profile__label[data-v-08fa3cd1] {
  font-size: 16px;
  color: #5f6fae;
  font-weight: 600;
}
.settings-profile__name[data-v-08fa3cd1] {
  margin-top: 6px;
  font-size: 22px;
  font-weight: 700;
  color: #22304d;
}
.settings-profile__duty[data-v-08fa3cd1] {
  margin-top: 4px;
  font-size: 13px;
  font-weight: 600;
  color: #4f46e5;
}
.settings-profile__actions[data-v-08fa3cd1] {
  display: inline-flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.settings-menu[data-v-08fa3cd1] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 18px;
}
.settings-menu__item[data-v-08fa3cd1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  padding: 18px 20px;
  background: #fff;
  border: 1px solid #ebeff5;
  border-radius: 16px;
  text-align: left;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
button.settings-menu__item[data-v-08fa3cd1] {
  cursor: pointer;
}
button.settings-menu__item[data-v-08fa3cd1]:hover {
  border-color: rgba(95, 111, 174, 0.35);
  box-shadow: 0 10px 24px rgba(95, 111, 174, 0.12);
  transform: translateY(-1px);
}
.settings-menu__item--muted[data-v-08fa3cd1] {
  background: #fcfcfe;
}
.settings-menu__content[data-v-08fa3cd1] {
  min-width: 0;
}
.settings-menu__title[data-v-08fa3cd1] {
  font-size: 19px;
  font-weight: 600;
  color: #22304d;
}
.settings-menu__summary[data-v-08fa3cd1] {
  margin-top: 6px;
}
.settings-menu__action[data-v-08fa3cd1] {
  flex-shrink: 0;
}
.settings-dialog__desc[data-v-08fa3cd1] {
  margin-bottom: 16px;
}
.tag-editor[data-v-08fa3cd1] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tag-editor__empty[data-v-08fa3cd1] {
  padding: 20px 0 6px;
  color: #98a2b3;
}
.tag-editor__list[data-v-08fa3cd1] {
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.tag-editor__item[data-v-08fa3cd1] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 12px;
  background: #f7f9fc;
  border: 1px solid #edf1f6;
}
.tag-editor__count[data-v-08fa3cd1] {
  flex: 1;
  color: #7f8aa3;
  font-size: 17px;
}
.tag-chip[data-v-08fa3cd1] {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 16px;
  font-weight: 600;
}
.offduty-form[data-v-08fa3cd1] {
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-height: 220px;
}
.offduty-form__row[data-v-08fa3cd1] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.offduty-form__row--switch[data-v-08fa3cd1] {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.offduty-form__row--time[data-v-08fa3cd1] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.offduty-form__field[data-v-08fa3cd1] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.offduty-form__label[data-v-08fa3cd1] {
  font-size: 18px;
  font-weight: 600;
  color: #22304d;
}
.offduty-form__days[data-v-08fa3cd1] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
}
@media (max-width: 768px) {
.settings-profile[data-v-08fa3cd1],
  .settings-menu__item[data-v-08fa3cd1] {
    flex-direction: column;
    align-items: stretch;
}
.offduty-form__row--time[data-v-08fa3cd1] {
    grid-template-columns: 1fr;
}
.settings-profile__actions[data-v-08fa3cd1] {
    justify-content: flex-start;
}
.tag-editor[data-v-08fa3cd1] {
    flex-wrap: wrap;
}
}


.user-info-follow[data-v-5e67773b] {
  min-height: 200px;
}
.user-info-follow__toolbar[data-v-5e67773b] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  overflow-x: auto;
}
.user-info-follow__phone[data-v-5e67773b] {
  flex: 0 0 auto;
  max-width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #334155;
  font-size: 13px;
  font-weight: 600;
}
.user-info-follow__status[data-v-5e67773b] {
  width: 96px;
  flex: 0 0 auto;
}
.user-info-follow__filter[data-v-5e67773b] {
  width: 100px;
  flex: 0 0 auto;
}
.user-info-follow__kw[data-v-5e67773b] {
  width: 120px;
  flex: 0 0 auto;
}
.user-info-follow__add[data-v-5e67773b] {
  margin-left: auto;
  flex: 0 0 auto;
}
.user-info-follow__list[data-v-5e67773b] {
  border: 1px solid #eef2f7;
  border-radius: 8px;
  padding: 0;
  overflow: auto;
  background: #fff;
}
.user-info-follow__empty[data-v-5e67773b] {
  padding: 36px 12px;
  text-align: center;
  color: #94a3b8;
  font-size: 13px;
}
.user-info-follow__grid-head[data-v-5e67773b],
.user-info-follow__rec[data-v-5e67773b] {
  display: grid;
  grid-template-columns: 72px 88px minmax(0, 1.4fr) minmax(140px, 1fr);
  gap: 8px;
  align-items: center;
  padding: 6px 10px;
  font-size: 12px;
}
.user-info-follow__grid-head[data-v-5e67773b] {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  color: #64748b;
  font-weight: 600;
}
.user-info-follow__rec[data-v-5e67773b] {
  border-bottom: 1px solid #f1f5f9;
  min-height: 36px;
}
.user-info-follow__rec[data-v-5e67773b]:last-child {
  border-bottom: none;
}
.user-info-follow__rec[data-v-5e67773b]:hover {
  background: #f8fafc;
}
.user-info-follow__col[data-v-5e67773b] {
  min-width: 0;
}
.user-info-follow__col--content[data-v-5e67773b] {
  color: #1e293b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-info-follow__col--meta[data-v-5e67773b] {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #64748b;
}
.user-info-follow__dot[data-v-5e67773b] {
  color: #cbd5e1;
  flex: 0 0 auto;
}
.user-info-follow__meta-next[data-v-5e67773b] {
  color: #94a3b8;
}
.user-info-follow__pager[data-v-5e67773b] {
  margin-top: 8px;
  text-align: right;
}


.owner-log[data-v-7b431b9b] {
  min-height: 200px;
}
.owner-log__toolbar[data-v-7b431b9b] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.owner-log__hint[data-v-7b431b9b] {
  color: #909399;
  font-size: 12px;
}
.owner-log__table[data-v-7b431b9b] {
  width: 100%;
}
.owner-log__src[data-v-7b431b9b] {
  margin-left: 4px;
}
.owner-log__pager[data-v-7b431b9b] {
  margin-top: 10px;
  text-align: right;
}


.cs-risk-network__alert[data-v-facb1da2] {
  margin-bottom: 8px;
}
.cs-risk-network__toolbar[data-v-facb1da2] {
  margin-bottom: 6px;
}
.cs-risk-network__sum[data-v-facb1da2] {
  background: #f5f7fa;
  border-radius: 4px;
  padding: 6px 8px;
  margin-bottom: 8px;
  font-size: 12px;
}
.cs-risk-network__sum.is-warn[data-v-facb1da2] {
  color: #f56c6c;
  font-weight: 600;
}
.cs-risk-network__chart[data-v-facb1da2] {
  background: #fff;
  border: 1px solid #ebeef5;
  border-radius: 4px;
}
.cs-risk-network__detail[data-v-facb1da2] {
  background: #fff;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  padding: 8px;
}
.cs-risk-network__detail-title[data-v-facb1da2] {
  font-weight: 600;
  margin-bottom: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
}
.cs-risk-network__selected[data-v-facb1da2] {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.6;
  color: #606266;
  word-break: break-all;
}
.cs-risk-network__selected-row[data-v-facb1da2] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 4px;
}
.cs-risk-network__quick[data-v-facb1da2] {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
.cs-risk-network__qa-label[data-v-facb1da2] {
  color: #909399;
}


.uaf-wrap[data-v-b1819a36] { padding: 4px 0 8px;
}
.uaf-tip[data-v-b1819a36] { margin-bottom: 8px;
}
.uaf-form[data-v-b1819a36] { margin-bottom: 6px;
}
.uaf-all-hint[data-v-b1819a36] {
  margin-left: 8px;
  font-size: 12px;
  color: #909399;
}
.uaf-summary[data-v-b1819a36] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}
.uaf-kpi[data-v-b1819a36] {
  min-width: 120px;
  padding: 8px 10px;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  background: #fafafa;
}
.uaf-kpi.clickable[data-v-b1819a36] { cursor: pointer;
}
.uaf-kpi.clickable[data-v-b1819a36]:hover,
.uaf-kpi.active[data-v-b1819a36] {
  border-color: #409EFF;
  background: #ecf5ff;
}
.uaf-kpi-label[data-v-b1819a36] {
  display: block;
  font-size: 12px;
  color: #909399;
  margin-bottom: 2px;
}
.uaf-kpi-num[data-v-b1819a36] {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #303133;
}
.uaf-kpi-num.sm[data-v-b1819a36] { font-size: 14px;
}
.uaf-kpi-num.in[data-v-b1819a36] { color: #f56c6c;
}
.uaf-kpi-num.out[data-v-b1819a36] { color: #67c23a;
}
.uaf-kpi-sub[data-v-b1819a36] {
  display: block;
  font-size: 11px;
  color: #909399;
  margin-top: 2px;
}
.amt-in[data-v-b1819a36] { color: #f56c6c; font-weight: 600;
}
.amt-out[data-v-b1819a36] { color: #67c23a; font-weight: 600;
}
.uaf-table[data-v-b1819a36] { width: 100%;
}
.uaf-pager[data-v-b1819a36] {
  margin-top: 8px;
  text-align: right;
}


.cs-user-calendar[data-v-12f55a8e] {
  padding: 2px 0 8px;
}
.cal-toolbar[data-v-12f55a8e] {
  margin-bottom: 6px;
}
.cal-month-label[data-v-12f55a8e] {
  display: inline-block;
  min-width: 100px;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  margin: 0 6px;
  vertical-align: middle;
}
.cal-legend[data-v-12f55a8e] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 12px;
  color: #909399;
  margin-bottom: 8px;
}
.cal-legend-pos[data-v-12f55a8e] { color: #67c23a;
}
.cal-legend-neg[data-v-12f55a8e] { color: #f56c6c;
}
.cal-weekdays[data-v-12f55a8e] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
  margin-bottom: 5px;
}
.cal-weekday[data-v-12f55a8e] {
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: #606266;
  padding: 5px 0;
  background: #f5f7fa;
  border-radius: 4px;
}
.cal-grid[data-v-12f55a8e] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
}
.cal-cell[data-v-12f55a8e] {
  min-height: 0;
  border: 1px solid #ebeef5;
  border-radius: 5px;
  padding: 6px 8px 5px;
  background: #fff;
  cursor: pointer;
}
.cal-cell[data-v-12f55a8e]:hover { border-color: #409eff;
}
.cal-cell.is-other[data-v-12f55a8e] {
  background: #fafafa;
  cursor: default;
  opacity: 0.4;
}
.cal-cell.is-today[data-v-12f55a8e] {
  border-color: #409eff;
  box-shadow: inset 0 0 0 1px #409eff;
}
.cal-cell.is-selected[data-v-12f55a8e] { background: #ecf5ff;
}
.cal-cell.is-active[data-v-12f55a8e] { background: #f0f9eb;
}
.cal-day-num[data-v-12f55a8e] {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 4px;
  color: #303133;
}
.cal-metrics[data-v-12f55a8e] {
  font-size: 11px;
  line-height: 1.4;
  color: #606266;
}
.cal-row[data-v-12f55a8e] {
  display: flex;
  justify-content: space-between;
  gap: 4px;
  margin-bottom: 3px;
}
.cal-row[data-v-12f55a8e]:last-child { margin-bottom: 0;
}
.cal-row > span[data-v-12f55a8e] {
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cal-row.is-pos[data-v-12f55a8e] { color: #67c23a; font-weight: 600;
}
.cal-row.is-neg[data-v-12f55a8e] { color: #f56c6c; font-weight: 600;
}
.cal-empty[data-v-12f55a8e] {
  font-size: 11px;
  color: #c0c4cc;
  margin-top: 6px;
  text-align: center;
}
.cal-drawer[data-v-12f55a8e] { padding: 0 14px 20px;
}
.cal-drawer-empty[data-v-12f55a8e] {
  padding: 20px;
  color: #909399;
  text-align: center;
}
.is-pos[data-v-12f55a8e] { color: #67c23a; font-weight: 600;
}
.is-neg[data-v-12f55a8e] { color: #f56c6c; font-weight: 600;
}
.is-mute[data-v-12f55a8e] { color: #c0c4cc;
}


.cs-invite-calendar[data-v-3cfe6af7] {
  padding: 2px 0 8px;
}
.cal-toolbar[data-v-3cfe6af7] {
  margin-bottom: 6px;
}
.cal-month-label[data-v-3cfe6af7] {
  display: inline-block;
  min-width: 100px;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  margin: 0 6px;
  vertical-align: middle;
}
.cal-legend[data-v-3cfe6af7] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 12px;
  color: #909399;
  margin-bottom: 8px;
}
.cal-legend-pos[data-v-3cfe6af7] { color: #67c23a;
}
.cal-weekdays[data-v-3cfe6af7] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
  margin-bottom: 5px;
}
.cal-weekday[data-v-3cfe6af7] {
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: #606266;
  padding: 5px 0;
  background: #f5f7fa;
  border-radius: 4px;
}
.cal-grid[data-v-3cfe6af7] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
}
.cal-cell[data-v-3cfe6af7] {
  min-height: 0;
  border: 1px solid #ebeef5;
  border-radius: 5px;
  padding: 6px 8px 5px;
  background: #fff;
  cursor: pointer;
}
.cal-cell[data-v-3cfe6af7]:hover { border-color: #409eff;
}
.cal-cell.is-other[data-v-3cfe6af7] {
  background: #fafafa;
  cursor: default;
  opacity: 0.4;
}
.cal-cell.is-today[data-v-3cfe6af7] {
  border-color: #409eff;
  box-shadow: inset 0 0 0 1px #409eff;
}
.cal-cell.is-selected[data-v-3cfe6af7] { background: #ecf5ff;
}
.cal-cell.is-active[data-v-3cfe6af7] { background: #f0f9eb;
}
.cal-day-num[data-v-3cfe6af7] {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 4px;
  color: #303133;
}
.cal-metrics[data-v-3cfe6af7] {
  font-size: 11px;
  line-height: 1.4;
  color: #606266;
}
.cal-row[data-v-3cfe6af7] {
  display: flex;
  justify-content: space-between;
  gap: 4px;
  margin-bottom: 3px;
}
.cal-row[data-v-3cfe6af7]:last-child { margin-bottom: 0;
}
.cal-row > span[data-v-3cfe6af7] {
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cal-empty[data-v-3cfe6af7] {
  font-size: 11px;
  color: #c0c4cc;
  margin-top: 6px;
  text-align: center;
}
.cal-drawer[data-v-3cfe6af7] { padding: 0 14px 20px;
}
.cal-drawer-empty[data-v-3cfe6af7] {
  padding: 20px;
  color: #909399;
  text-align: center;
}
.is-pos[data-v-3cfe6af7] { color: #67c23a; font-weight: 600;
}


.user-info[data-v-2dab407e] {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: calc(88vh - 72px);
}
.user-info-dialog-wrap--fs .user-info[data-v-2dab407e],
.el-dialog.is-fullscreen .user-info[data-v-2dab407e] {
  height: calc(100vh - 64px);
}
.user-info__layout[data-v-2dab407e] {
  display: flex;
  align-items: stretch;
  gap: 12px;
  min-height: 0;
  flex: 1 1 auto;
}
.user-info__side[data-v-2dab407e] {
  flex: 0 0 320px;
  width: 320px;
  max-width: 36%;
  min-width: 260px;
  overflow: auto;
}
.user-info__main[data-v-2dab407e] {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.user-info__tabs[data-v-2dab407e] {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.user-info__tabs[data-v-2dab407e] .el-tabs__header {
  margin: 0 0 8px;
  flex: 0 0 auto;
}
.user-info__tabs[data-v-2dab407e] .el-tabs__nav-wrap {
  margin-bottom: 0;
}
.user-info__tabs[data-v-2dab407e] .el-tabs__nav-wrap::after {
  height: 1px;
}
.user-info__tabs[data-v-2dab407e] .el-tabs__nav-next,
.user-info__tabs[data-v-2dab407e] .el-tabs__nav-prev {
  line-height: 32px;
  width: 20px;
}
.user-info__tabs[data-v-2dab407e] .el-tabs__item {
  height: 30px !important;
  line-height: 30px !important;
  padding: 0 6px !important;
  font-size: 12px !important;
}
.user-info__tabs[data-v-2dab407e] .el-tabs__item + .el-tabs__item {
  margin-left: 0;
}
.user-info__tabs[data-v-2dab407e] .el-tabs__active-bar {
  height: 2px;
}
.user-info__tabs[data-v-2dab407e] .el-tabs__content {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}
.user-info__tabs[data-v-2dab407e] .el-tab-pane {
  height: 100%;
}
.user-info__summary[data-v-2dab407e] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 6px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
  font-size: 12px;
  color: #334155;
  line-height: 1.35;
}
.user-info__seg-header[data-v-2dab407e] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  min-width: 0;
}
.user-info__seg-header > b[data-v-2dab407e],
.user-info__remark-block > b[data-v-2dab407e],
.user-info__owner-block > b[data-v-2dab407e],
.user-info__tag-head > b[data-v-2dab407e] {
  flex: 0 0 auto;
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  color: #475569;
  white-space: nowrap;
  line-height: 1.4;
}
.user-info__seg-header-list[data-v-2dab407e] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 6px;
  min-width: 0;
}
.user-info__seg-header-item[data-v-2dab407e] {
  display: inline-flex;
  align-items: baseline;
  gap: 2px;
  max-width: 100%;
  line-height: 1.3;
  padding: 1px 6px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #e2e8f0;
}
.user-info__seg-header-name[data-v-2dab407e] {
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  color: #64748b;
  white-space: nowrap;
}
.user-info__seg-header-name[data-v-2dab407e]::after {
  content: '：';
  font-weight: 500;
  color: #94a3b8;
}
.user-info__seg-header-value[data-v-2dab407e] {
  font-weight: 700;
  font-size: 12px;
  color: #dc2626;
  word-break: break-word;
}
.user-info__seg-header-empty[data-v-2dab407e] {
  color: #94a3b8;
  font-size: 12px;
}
.user-info__remark-block[data-v-2dab407e] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
  min-width: 0;
}
.user-info__remark-input[data-v-2dab407e] {
  width: 100%;
}
.user-info__remark-input[data-v-2dab407e] .el-textarea__inner {
  min-height: 100px;
  line-height: 1.4;
  font-size: 12px;
  padding: 6px 8px;
}
.user-info__owner-block[data-v-2dab407e] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
  min-width: 0;
}
.user-info__owner-block.is-saving[data-v-2dab407e] {
  opacity: 0.7;
  pointer-events: none;
}
.user-info__owner-select[data-v-2dab407e] {
  width: 100%;
}
.user-info__owner-readonly[data-v-2dab407e] {
  font-size: 12px;
  color: #334155;
  line-height: 28px;
}
.user-info__owner-hint[data-v-2dab407e] {
  font-size: 11px;
  color: #94a3b8;
  line-height: 1.35;
}
.user-info__tag-block[data-v-2dab407e] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.user-info__tag-block.is-saving[data-v-2dab407e] {
  opacity: 0.7;
  pointer-events: none;
}
.user-info__tag-head[data-v-2dab407e] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.user-info__tag-def-btn[data-v-2dab407e] {
  padding: 0;
  margin-left: 0;
}
.user-info__tag-grid[data-v-2dab407e] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 0;
}
.user-info__tag-grid[data-v-2dab407e] .el-checkbox {
  margin-right: 8px;
  margin-left: 0;
  margin-bottom: 2px;
  min-width: 0;
  max-width: 100%;
  line-height: 1.35;
  white-space: nowrap;
}
.user-info__tag-grid[data-v-2dab407e] .el-checkbox__label {
  font-size: 12px;
  padding-left: 4px;
  white-space: nowrap;
}
.user-info__uid[data-v-2dab407e] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.user-info__summary b[data-v-2dab407e] {
  color: #64748b;
  font-weight: 600;
  margin-right: 3px;
}
.user-info__profile[data-v-2dab407e] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px 16px;
  min-height: 180px;
}
.user-info__kv[data-v-2dab407e] {
  display: flex;
  gap: 8px;
  font-size: 13px;
  padding: 6px 0;
  border-bottom: 1px dashed #eef2f7;
}
.user-info__kv label[data-v-2dab407e] {
  flex: 0 0 96px;
  color: #64748b;
}
.user-info__kv span[data-v-2dab407e] {
  color: #1e293b;
  word-break: break-all;
}
.user-info__pane[data-v-2dab407e] {
  min-height: 200px;
}
.user-info__filter[data-v-2dab407e] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  margin-bottom: 8px;
}
.user-info__filter-quick[data-v-2dab407e] {
  flex: 0 0 auto;
}
.user-info__filter-field[data-v-2dab407e] {
  width: 110px;
}
.user-info__filter-field--date[data-v-2dab407e] {
  width: 230px;
}
.user-info__filter-field--wide[data-v-2dab407e] {
  width: 150px;
}
.user-info__filter-field--order[data-v-2dab407e] {
  width: 180px;
}
.user-info__pane-toolbar[data-v-2dab407e] {
  margin-bottom: 8px;
}
.user-info__gift-meta[data-v-2dab407e] {
  margin-bottom: 8px;
  color: #606266;
  font-size: 13px;
  line-height: 1.6;
}
.user-info__gift-tip[data-v-2dab407e] {
  margin: 0;
  color: #909399;
  font-size: 12px;
  line-height: 1.4;
}
.user-info__pager[data-v-2dab407e] {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}
.user-info__role[data-v-2dab407e] {
  margin-bottom: 8px;
}
.user-info__empty[data-v-2dab407e] {
  grid-column: 1 / -1;
  padding: 40px 0;
  text-align: center;
  color: #94a3b8;
  font-size: 13px;
}
.user-info__toolbar[data-v-2dab407e] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.user-info__meta[data-v-2dab407e] {
  color: #909399;
  font-size: 12px;
}
.user-info__hero[data-v-2dab407e] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
}
.user-info__kpi[data-v-2dab407e] {
  min-width: 110px;
  padding: 8px 10px;
  border-radius: 8px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
}
.user-info__kpi.grow[data-v-2dab407e] {
  flex: 1;
}
.user-info__kpi span[data-v-2dab407e] {
  display: block;
  color: #64748b;
  font-size: 12px;
}
.user-info__kpi b[data-v-2dab407e] {
  font-size: 18px;
  color: #0f172a;
}
.user-info__oneliner-inline[data-v-2dab407e] {
  flex: 1 1 180px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #334155;
  font-size: 12px;
}
.user-info__tags[data-v-2dab407e] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
}
.user-info__tags-label[data-v-2dab407e] {
  color: #64748b;
  font-size: 12px;
  margin-right: 2px;
}
.user-info__dims[data-v-2dab407e] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  min-width: 220px;
  padding: 6px 10px;
  border-radius: 8px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
  color: #64748b;
  font-size: 12px;
}
.user-info__kpi.tone-good[data-v-2dab407e] {
  border-color: #86efac;
  background: #f0fdf4;
}
.user-info__kpi.tone-ok[data-v-2dab407e] {
  border-color: #93c5fd;
  background: #eff6ff;
}
.user-info__kpi.tone-warn[data-v-2dab407e] {
  border-color: #fcd34d;
  background: #fffbeb;
}
.user-info__kpi.tone-bad[data-v-2dab407e] {
  border-color: #fca5a5;
  background: #fef2f2;
}
.user-info__section-title[data-v-2dab407e] {
  margin: 10px 0 6px;
  color: #334155;
  font-size: 13px;
  font-weight: 600;
}
.user-info__metric-grid[data-v-2dab407e] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
}
.user-info__metric-item[data-v-2dab407e] {
  display: flex;
  gap: 6px;
  align-items: baseline;
  min-height: 32px;
  padding: 5px 8px;
  border-right: 1px solid #ebeef5;
  border-bottom: 1px solid #ebeef5;
  font-size: 12px;
  line-height: 1.35;
}
.user-info__metric-item label[data-v-2dab407e] {
  flex: 0 0 auto;
  color: #909399;
  white-space: nowrap;
}
.user-info__metric-item span[data-v-2dab407e] {
  color: #303133;
  word-break: break-all;
  font-weight: 500;
}
.user-info__phrases[data-v-2dab407e] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px 10px;
}
.user-info__phrase[data-v-2dab407e] {
  padding: 4px 8px;
  border-radius: 4px;
  background: #f5f7fa;
  color: #334155;
  font-size: 12px;
  line-height: 1.4;
}
.user-info__split[data-v-2dab407e] {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 10px;
  margin-top: 4px;
}
.user-info__split-col--narrow[data-v-2dab407e] {
  min-width: 0;
}
.user-info__empty-line[data-v-2dab407e] {
  padding: 10px 0;
  color: #94a3b8;
  font-size: 12px;
  text-align: center;
}
.user-info__need-gen[data-v-2dab407e] {
  margin: 28px auto;
  max-width: 440px;
  text-align: center;
  color: #606266;
  line-height: 1.6;
}
.user-info__need-gen p[data-v-2dab407e] {
  margin: 0 0 14px;
}
.user-info__user-ids[data-v-2dab407e] {
  color: #6495ed;
  cursor: pointer;
  white-space: normal;
  word-break: break-all;
  line-height: 1.5;
}
.user-info__user-ids-body[data-v-2dab407e] {
  white-space: normal;
  word-break: break-all;
  line-height: 1.6;
  color: #334155;
  font-size: 13px;
}
.user-info__behavior .el-table[data-v-2dab407e] {
  font-size: 12px;
}
.user-info__seg-table[data-v-2dab407e] {
  width: 100%;
}
.user-info__seg-levels[data-v-2dab407e] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin-bottom: 4px;
}
.user-info__seg-level[data-v-2dab407e] {
  color: #606266;
  font-size: 13px;
}
.user-info__seg-level.hit[data-v-2dab407e] {
  color: #f56c6c !important;
  font-weight: 700;
}
.user-info__seg-metric[data-v-2dab407e] {
  color: #909399;
  font-size: 12px;
  line-height: 1.5;
}
.user-info__seg-desc[data-v-2dab407e] {
  font-size: 12px;
  color: #606266;
  line-height: 1.5;
}
@media (max-width: 1100px) {
.user-info__profile[data-v-2dab407e] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.user-info__metric-grid[data-v-2dab407e] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.user-info__split[data-v-2dab407e] {
    grid-template-columns: 1fr;
}
.user-info__layout[data-v-2dab407e] {
    flex-direction: column;
}
.user-info__side[data-v-2dab407e] {
    flex: 0 0 auto;
    width: 100%;
    max-width: none;
    min-width: 0;
    max-height: 280px;
}
.user-info__phrases[data-v-2dab407e] {
    grid-template-columns: 1fr;
}
}
@media (max-width: 720px) {
.user-info__metric-grid[data-v-2dab407e] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}


/* custom-class 挂在 .el-dialog 本节点上 */
.el-dialog.user-info-dialog {
  margin-bottom: 0;
  max-height: 88vh;
  display: flex;
  flex-direction: column;
}
.el-dialog.user-info-dialog:not(.is-fullscreen) {
  margin-top: 4vh !important;
}
.el-dialog.user-info-dialog.is-fullscreen {
  max-height: 100vh;
  height: 100vh;
  margin: 0 !important;
}
.el-dialog.user-info-dialog .el-dialog__header {
  position: relative;
  padding: 8px 12px 6px 14px;
  flex: 0 0 auto;
  border-bottom: 1px solid #eef2f7;
}
.el-dialog.user-info-dialog .user-info-dialog__title {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  line-height: 22px;
  font-size: 15px;
  font-weight: 600;
  color: #303133;
  width: 100%;
  min-height: 28px;
}
.el-dialog.user-info-dialog .user-info-dialog__title-text {
  flex: 0 0 auto;
}
.el-dialog.user-info-dialog .user-info-dialog__title-uid {
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 500;
  color: #64748b;
  background: #f1f5f9;
  border-radius: 4px;
  padding: 1px 8px;
}
.el-dialog.user-info-dialog .user-info-dialog__title-btns {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.el-dialog.user-info-dialog .user-info-dialog__message-btn,
.el-dialog.user-info-dialog .user-info-dialog__follow-btn {
  flex: 0 0 auto;
  padding: 3px 8px;
  margin-left: 0;
}
.el-dialog.user-info-dialog .user-info-dialog__title-metrics {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 10px;
  min-width: 0;
  font-size: 12px;
  font-weight: 400;
  color: #334155;
  line-height: 1.35;
}
.el-dialog.user-info-dialog .user-info-dialog__title-metrics b {
  color: #64748b;
  font-weight: 600;
  margin-right: 3px;
}
.el-dialog.user-info-dialog .user-info-dialog__title-actions {
  flex: 0 0 auto;
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.el-dialog.user-info-dialog .el-dialog__body {
  flex: 1 1 auto;
  padding: 4px 12px 10px;
  max-height: none;
  overflow: hidden;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.el-dialog.user-info-dialog .user-info-dialog__icon-btn {
  padding: 0;
  margin: 0;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: #909399;
  cursor: pointer;
  font-size: 15px;
  line-height: 28px;
  text-align: center;
  outline: none;
}
.el-dialog.user-info-dialog .user-info-dialog__icon-btn:hover {
  color: #409eff;
  background: #f0f7ff;
}
.owner-agent-select-popper {
  min-width: 260px !important;
}
.owner-agent-select-popper .el-select-dropdown__item {
  height: auto;
  line-height: 1.35;
  white-space: normal;
  padding: 7px 16px;
}


.agent-alerts[data-v-8eb55d62] {
  display: inline-flex;
  align-items: center;
  margin-right: 8px;
}
.agent-alerts-bell[data-v-8eb55d62] {
  position: relative;
  border: none;
  background: transparent;
  cursor: pointer;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  color: #4b5563;
  font-size: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.agent-alerts-bell[data-v-8eb55d62]:hover {
  background: rgba(37, 99, 235, 0.08);
  color: #2563eb;
}
.agent-alerts-badge[data-v-8eb55d62] {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(30%, -30%);
}
.agent-alerts-panel__head[data-v-8eb55d62] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.agent-alerts-panel__head-actions[data-v-8eb55d62] {
  display: flex;
  gap: 4px;
}
.agent-alerts-panel__empty[data-v-8eb55d62] {
  color: #9ca3af;
  font-size: 13px;
  padding: 16px 0;
  text-align: center;
}
.agent-alerts-panel__list[data-v-8eb55d62] {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 360px;
  overflow: auto;
}
.agent-alerts-panel__item[data-v-8eb55d62] {
  padding: 10px 8px;
  border-radius: 8px;
  cursor: pointer;
  border-bottom: 1px solid #f3f4f6;
}
.agent-alerts-panel__item[data-v-8eb55d62]:hover {
  background: #f8fafc;
}
.agent-alerts-panel__item.is-unread[data-v-8eb55d62] {
  background: #eff6ff;
}
.agent-alerts-panel__item-top[data-v-8eb55d62] {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #6b7280;
  margin-bottom: 4px;
}
.agent-alerts-panel__type[data-v-8eb55d62] {
  font-weight: 600;
  color: #2563eb;
}
.agent-alerts-panel__text[data-v-8eb55d62] {
  font-size: 13px;
  color: #111827;
  line-height: 1.4;
}
.agent-alerts-settings__row[data-v-8eb55d62] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #f3f4f6;
}
.agent-alerts-settings__hint[data-v-8eb55d62] {
  font-size: 12px;
  color: #9ca3af;
  margin: -4px 0 8px;
}


.wb-shortcuts-dlg {
  max-width: 92vw;
}
.wb-shortcuts-dlg .el-dialog__body {
  padding: 8px 20px 12px;
  max-height: 62vh;
  overflow: auto;
}
.wb-shortcuts-dlg__hint {
  margin: 0 0 12px;
  color: #94a3b8;
  font-size: 12px;
}
.wb-shortcuts-dlg__group {
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f1f5f9;
}
.wb-shortcuts-dlg__group:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.wb-shortcuts-dlg__group-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  font-weight: 600;
  color: #334155;
}
.wb-shortcuts-dlg__group-count {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 400;
}
.wb-shortcuts-dlg__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 0;
  padding-left: 2px;
}
.wb-shortcuts-dlg__grid .el-checkbox {
  margin: 4px 16px 4px 0;
  min-width: 140px;
  line-height: 1.4;
}