/* ============================================================
   GEO 监控系统 — 设计系统（像素级对齐模力指数）
   所有值均为 getComputedStyle 实测，非估算
   ============================================================ */
:root {
  /* 色彩 token（HSL，shadcn 风格） */
  --primary: 240 75% 55%;
  --accent: 280 80% 55%;
  --background: 230 30% 97%;
  --foreground: 235 35% 12%;
  --secondary: 230 25% 93%;
  --muted: 230 20% 92%;
  --border-hsl: 230 20% 86%;
  --ring: 240 75% 55%;
  --destructive: 0 75% 55%;
  --card: 0 0% 100%;

  /* 常用实体色（实测） */
  --primary-color: rgb(79, 70, 229);       /* 主按钮 indigo-600 */
  --bg: rgb(245, 246, 250);                /* 页面背景 */
  --fg: rgb(20, 22, 41);                   /* 正文 */
  --fg-soft: rgb(17, 24, 39);              /* 标题 */
  --fg-secondary: rgb(55, 65, 81);         /* 次级文字 gray-700 */
  --muted: rgb(107, 114, 128);             /* gray-500 */
  --muted-light: rgb(156, 163, 175);       /* gray-400 */
  --border: rgb(229, 231, 235);            /* gray-200 */
  --border-light: rgb(243, 244, 246);      /* gray-100 */
  --border-input: rgb(212, 215, 226);      /* 输入框边框实测 */

  /* 字体 */
  --font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* 圆角 */
  --radius-sm: 8px;      /* 指标卡 */
  --radius-md: 10px;     /* 按钮/输入框 */
  --radius-lg: 12px;     /* 卡片/面板/弹窗 */

  /* 阴影（实测） */
  --shadow-card: 0 1px 3px 0 rgba(15, 23, 42, 0.08);
  --shadow-modal: 0 24px 48px rgba(0, 0, 0, 0.2);
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: var(--font-sans);
  background: var(--bg);
  color: var(--fg);
  font-size: 16px;
  line-height: 24px;
  -webkit-font-smoothing: antialiased;
}

#app { display: flex; min-height: 100vh; }

/* ===== 侧边栏 ===== */
.sidebar {
  width: 220px;
  background: #fff;
  border-right: 1px solid var(--border);
  padding: 20px 14px;
  flex-shrink: 0;
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex; flex-direction: column;
}
.logo {
  font-size: 17px;
  font-weight: 600;
  padding: 0 12px 22px;
  color: var(--fg);
  letter-spacing: -0.2px;
}
.logo img.logo-img { height: 30px; width: auto; max-width: 100%; display: block; }
/* 标题行高固定 36px（原始高度）：LOGO 实际 64px，负 margin 上下各收 14px，
   溢出部分对称显示、不撑高行，同时保留占位宽度不遮右侧按钮 */
.page-head .head-title-wrap { display: flex; align-items: center; height: 36px; }
.head-title-wrap h1 { margin: 0; }
.head-title-wrap h1 img.head-logo-img { height: 64px; width: auto; display: block; margin: -14px 0; }
.sidebar nav a {
  display: block;
  padding: 10px 14px;
  border-radius: 10px;
  cursor: pointer;
  color: var(--muted);
  margin-bottom: 4px;
  user-select: none;
  font-size: 14px;
  font-weight: 500;
  transition: background 0.15s ease, color 0.15s ease;
}
.sidebar nav a:hover { background: rgb(243, 244, 246); color: var(--fg); }
.sidebar nav a.active {
  background: rgb(238, 242, 255);
  color: rgb(67, 56, 202);
  font-weight: 600;
}

/* ===== 主内容 ===== */
.main { flex: 1; min-width: 0; padding: 28px 36px; }
.main-share { min-width: 0; padding: 24px 32px; }
.page-head {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: 22px;
}
h1 { font-size: 22px; font-weight: 600; color: var(--fg); letter-spacing: -0.3px; }
.sub { font-size: 13px; color: var(--muted); font-weight: 400; }
.hint { color: var(--muted); margin-bottom: 20px; font-size: 13px; }

/* ===== 按钮 ===== */
.btn-primary {
  background: rgb(79, 70, 229); color: #fff; border: none;
  padding: 10px 24px; border-radius: var(--radius-lg); cursor: pointer;
  font-size: 14px; font-weight: 500;
  transition: background 0.15s ease;
}
.btn-primary:hover { background: rgb(67, 56, 202); }
.btn-mini {
  background: #fff; color: rgb(75, 85, 99); border: 1px solid var(--border);
  padding: 6px 14px; border-radius: var(--radius-md); cursor: pointer;
  font-size: 13px; font-weight: 500;
  transition: background 0.15s ease;
}
.btn-mini:hover { background: rgb(243, 244, 246); }
.btn-mini:disabled, .btn-primary:disabled {
  opacity: 0.55; cursor: not-allowed; pointer-events: none;
}
.btn-mini.danger { color: rgb(190, 18, 60); }
.btn-mini.danger:hover { background: rgb(255, 241, 242); }
/* 20261014h 媒体类型四分类徽章（发稿记录列 + 添加弹窗 chips，配色与客户端 GM_CAT_BADGE 一致） */
.art-cat-badge {
  display: inline-block; padding: 2px 10px; border-radius: 999px;
  font-size: 12px; font-weight: 500; white-space: nowrap;
}
.art-cat-picker { display: flex; flex-wrap: wrap; gap: 8px; }
.art-cat-chip {
  padding: 5px 14px; border-radius: 999px; font-size: 13px; cursor: pointer;
  border: 1px solid var(--border); background: #fff; color: var(--muted);
  transition: all 0.15s ease; user-select: none;
}
.art-cat-chip:hover { border-color: rgb(156, 163, 175); color: var(--fg); }
.art-cat-chip.on { font-weight: 600; }
/* 20261014a 总览加载遮罩（用户拍板：遮罩转圈 + 必须等新的；0.6s 延迟显示防闪烁） */
.ov-loading-mask {
  position: absolute; inset: 0; z-index: 50;
  background: rgba(255, 255, 255, 0.72);
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px;
  border-radius: var(--radius-md, 8px);
}
/* 20261022j 用户「每个板块独立灰度」：卡片级遮罩——只盖住自己这块，
   别的板块算好了就能直接看。卡片自身需要 position:relative 当定位父级（.mask-host） */
.mask-host { position: relative; }
.ov-loading-mask.card-mask { z-index: 30; gap: 8px; border-radius: 10px; }
.ov-loading-mask.card-mask .ov-spinner { width: 22px; height: 22px; border-width: 2px; }
.ov-loading-mask.card-mask .ov-loading-text { font-size: 12px; }
.ov-spinner {
  width: 30px; height: 30px; border-radius: 50%;
  border: 3px solid rgb(219, 234, 254); border-top-color: rgb(37, 99, 235);
  animation: ov-spin 0.8s linear infinite;
}
@keyframes ov-spin { to { transform: rotate(360deg); } }
.ov-loading-text { font-size: 13px; color: rgb(107, 114, 128); }
.btn-ghost {
  background: transparent; color: var(--muted); border: none;
  padding: 6px 12px; border-radius: var(--radius-md); cursor: pointer;
  font-size: 13px; font-weight: 500;
}
.btn-ghost:hover { background: rgb(243, 244, 246); color: var(--fg); }

/* ===== 项目卡片 ===== */
.card-list { display: flex; flex-direction: column; gap: 14px; }
.card {
  background: #fff; border: 1px solid var(--border);
  border-radius: 16px; padding: 20px 22px; box-shadow: var(--shadow-card);
}
.card-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.card-title { font-size: 15px; font-weight: 600; color: var(--fg); }
.card-meta {
  display: flex; gap: 20px; color: var(--muted); font-size: 13px;
  flex-wrap: wrap; margin-bottom: 16px;
}
.card-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.badge { font-size: 12px; padding: 3px 12px; border-radius: 20px; font-weight: 500; }
.badge-on { background: rgb(240, 253, 244); color: rgb(22, 101, 52); }
.badge-off { background: rgb(243, 244, 246); color: rgb(107, 114, 128); }

.empty {
  text-align: center; color: var(--muted); padding: 80px 0;
  background: #fff; border: 1px dashed var(--border); border-radius: var(--radius-lg);
}

/* ===== 指标卡（5 色，实测：圆角8px padding16px gap12px） ===== */
.metrics {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  margin-bottom: 28px;
}
.metric {
  border-radius: var(--radius-sm);
  padding: 16px;
}
.m-label { font-size: 14px; font-weight: 500; line-height: 21px; margin-bottom: 6px; }
.m-val { font-size: 24px; font-weight: 700; line-height: 1.2; }
/* 5 色体系（实测 bg + 同色字） */
.metric-indigo { background: rgb(238, 242, 255); }
.metric-indigo .m-label, .metric-indigo .m-val, .metric-indigo .m-sub { color: rgb(67, 56, 202); }
.metric-purple { background: rgb(250, 245, 255); }
.metric-purple .m-label, .metric-purple .m-val, .metric-purple .m-sub { color: rgb(126, 34, 206); }
.metric-blue { background: rgb(239, 246, 255); }
.metric-blue .m-label, .metric-blue .m-val, .metric-blue .m-sub { color: rgb(29, 78, 216); }
.metric-rose { background: rgb(255, 241, 242); }
.metric-rose .m-label, .metric-rose .m-val, .metric-rose .m-sub { color: rgb(190, 18, 60); }
.metric-sky { background: rgb(240, 249, 255); }
.metric-sky .m-label, .metric-sky .m-val, .metric-sky .m-sub { color: rgb(3, 105, 161); }

/* 高位曝光内嵌三格 */
.metric-tiers { display: flex; flex-direction: column; gap: 5px; margin-top: 4px; }
.metric-tier { display: flex; justify-content: space-between; font-size: 14px; font-weight: 600; }
.metric-tier span:last-child { font-weight: 700; }

/* 情感倾向内嵌 */
.metric-senti { display: flex; flex-direction: column; gap: 7px; margin-top: 4px; }
.senti-row { display: flex; justify-content: space-between; align-items: center; font-size: 13px; font-weight: 500; }
.senti-row .senti-bar {
  flex: 1; height: 6px; border-radius: 3px; margin: 0 8px; background: rgb(229, 231, 235); overflow: hidden;
}
.senti-row .senti-fill { height: 100%; border-radius: 3px; }
.senti-fill.pos { background: rgb(22, 163, 74); }
.senti-fill.neu { background: rgb(107, 114, 128); }
.senti-fill.neg { background: rgb(225, 29, 72); }

/* ===== 区块标题（实测 18px/600/灰900） ===== */
.sec-title {
  font-size: 18px; font-weight: 600; color: rgb(17, 24, 39);
  margin: 26px 0 14px;
}

/* ===== 筛选栏（实测 padding 14px 16px） ===== */
.filter-bar {
  display: flex; gap: 14px; flex-wrap: wrap;
  background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg);
  padding: 14px 16px; margin-bottom: 20px; box-shadow: var(--shadow-card);
}
.filter-item { display: flex; align-items: center; gap: 8px; }
.filter-label { font-size: 13px; color: var(--muted); font-weight: 500; white-space: nowrap; }
.select { min-width: 120px; }

/* ===== 区块 ===== */
.section { margin-bottom: 24px; }
.section-head {
  display: flex; justify-content: space-between; align-items: center;
  margin: 24px 0 12px;
}
.head-actions { display: flex; gap: 10px; align-items: center; }

/* ===== 答案浏览小框（实测 12px 圆角 + gray100 边框） ===== */
.answer-pager { display: flex; align-items: center; gap: 8px; }
.pager-text { font-size: 13px; color: var(--muted); min-width: 48px; text-align: center; }
.answer-browser {
  display: grid;
  /* 答案内容 2/3 + 引用来源 1/3（20260927 用户拍板） */
  grid-template-columns: 2fr 1fr;
  gap: 14px;
  height: 420px; max-height: 420px;
}
.answer-col {
  min-width: 0; display: flex; flex-direction: column;
  background: #fff; border: 1px solid var(--border);
  border-radius: var(--radius-lg); box-shadow: var(--shadow-card);
  overflow: hidden;
}
.answer-col-head {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  padding: 10px 16px; background: #fff; border-bottom: 1px solid var(--border-light);
  flex-shrink: 0;
}
.answer-col-head .rank-badge { padding: 3px 8px; font-size: 11px; }
.col-title { font-size: 13px; font-weight: 600; color: var(--fg-secondary); }
.answer-col-body { flex: 1; overflow-y: auto; background: rgb(249, 250, 251); padding: 12px; }
.answer-col-body.source-body { background: rgb(249, 250, 251); }
.answer-sheet {
  background: #fff; border: 1px solid var(--border-light); border-radius: 8px;
  padding: 14px 16px; min-height: 100%;
}
.scrollable::-webkit-scrollbar { width: 8px; }
.scrollable::-webkit-scrollbar-thumb { background: rgb(209, 213, 219); border-radius: 4px; }
.scrollable::-webkit-scrollbar-track { background: transparent; }
.answer-meta { display: flex; gap: 8px; align-items: center; margin-bottom: 12px; flex-wrap: wrap; }
.answer-meta-spacer { flex: 1; }
.btn-delete-run {
  border: 1px solid #fecaca; background: #fff1f2; color: #dc2626;
  font-size: 12px; padding: 3px 10px; border-radius: 999px; cursor: pointer;
  line-height: 1.5; transition: all .15s;
}
.btn-delete-run:hover { background: #fee2e2; border-color: #f87171; }
.answer-time { font-size: 12px; color: var(--muted); margin-left: auto; }
.no-source { color: var(--muted); font-size: 13px; padding: 20px 0; text-align: center; }
.source-item {
  background: #fff; border: 1px solid var(--border); border-radius: var(--radius-sm);
  padding: 10px 12px; margin-bottom: 8px;
}
.source-top { display: flex; align-items: flex-start; gap: 8px; }
.source-main { flex: 1; min-width: 0; }
.source-title { font-size: 12px; color: var(--fg-secondary); font-weight: 500; word-break: break-all; margin-bottom: 4px; }
.source-url { font-size: 12px; color: rgb(67, 56, 202); text-decoration: none; word-break: break-all; }
.source-url:hover { text-decoration: underline; }
.source-time { font-size: 11px; color: var(--muted); margin-top: 4px; }
.source-badge {
  flex-shrink: 0; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: 11px; font-weight: 600; color: rgb(55, 65, 81);
  background: rgb(243, 244, 246); padding: 2px 8px; border-radius: 6px;
}

/* 标签 */
.tag {
  font-size: 12px; padding: 3px 10px; border-radius: 8px; font-weight: 500;
  background: rgb(243, 244, 246); color: var(--muted);
}
.tag-model { background: rgb(238, 242, 255); color: rgb(67, 56, 202); }
.tag-ok { background: rgb(240, 253, 244); color: rgb(22, 101, 52); }
.tag-no { background: rgb(255, 241, 242); color: rgb(190, 18, 60); }
.tag-senti-pos { background: rgb(240, 253, 244); color: rgb(22, 101, 52); }
.tag-senti-neu { background: rgb(243, 244, 246); color: rgb(107, 114, 128); }
.tag-senti-neg { background: rgb(255, 241, 242); color: rgb(190, 18, 60); }
.answer-body { color: rgb(55, 65, 81); white-space: pre-wrap; font-size: 14px; line-height: 1.7; }

/* ===== 线段式 tab：浅色字 + 激活态底部 2px 深色下划线 ===== */
.word-tab-bar { display: flex; align-items: center; gap: 24px; }
.word-tab-line {
  position: relative; border: none; background: transparent;
  color: rgb(156, 163, 175); font-size: 13px; font-weight: 500;
  padding: 6px 0; cursor: pointer; transition: color 0.15s ease;
}
.word-tab-line:hover { color: rgb(75, 85, 99); }
.word-tab-line.on { color: rgb(17, 24, 39); font-weight: 600; }
.word-tab-line.on::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: -1px;
  height: 2px; background: rgb(17, 24, 39); border-radius: 1px;
}

/* ===== 词库分页器 ===== */
.word-pager {
  display: flex; align-items: center; gap: 6px; margin-top: 12px; flex-wrap: wrap;
}
.word-pager .btn-mini { font-size: 12px; padding: 4px 10px; }
.word-pager .word-pager-num { min-width: 28px; text-align: center; }
.word-pager .word-pager-num.word-pager-active {
  background: rgb(124, 58, 237); color: #fff; border-color: rgb(124, 58, 237); font-weight: 600;
}
.word-pager .btn-mini:disabled { opacity: .45; cursor: not-allowed; }
.word-pager-info { font-size: 12px; color: rgb(107, 114, 128); margin-left: 6px; }

/* ===== 表格（实测 th 12px/500/10px12px，td 14px/12px） ===== */
.table-wrap {
  background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card); overflow: hidden;
}
.data-table { width: 100%; border-collapse: collapse; }
.data-table th {
  background: #fff; text-align: left; font-size: 14px; font-weight: 500;
  color: var(--fg); padding: 10px 12px;
  border-bottom: 1px solid var(--border); white-space: nowrap;
}
.data-table td {
  font-size: 14px; color: rgb(107, 114, 128); padding: 12px;
  border-bottom: 1px solid var(--border-light); white-space: nowrap;
}
.data-table tr:last-child td { border-bottom: none; }
.data-table tbody tr:hover td { background: rgb(249, 250, 251); }
.cell-main { font-weight: 500; color: rgb(17, 24, 39); max-width: 320px; overflow: hidden; text-overflow: ellipsis; }
.cell-muted { color: rgb(107, 114, 128); }
.empty-cell { text-align: center; color: var(--muted); padding: 24px; }

/* ===== 引用分析 ===== */
.cite-section-head {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin-bottom: 12px;
}
.cite-info {
  display: inline-flex; align-items: center; justify-content: center;
  width: 16px; height: 16px; border-radius: 50%;
  font-size: 11px; font-weight: 600; color: rgb(107, 114, 128);
  background: rgb(243, 244, 246); cursor: help; margin-left: 6px;
}

/* 问号悬停 tooltip（图一/图二效果：黑底白字 + 向下三角） */
.help-badge {
  position: relative;
  display: inline-flex; align-items: center; justify-content: center;
  width: 16px; height: 16px; border-radius: 50%;
  font-size: 11px; font-weight: 600; color: rgb(107, 114, 128);
  background: rgb(243, 244, 246); cursor: help; margin-left: 6px;
  vertical-align: middle; flex-shrink: 0;
}
.help-badge .help-tip {
  position: absolute; bottom: 135%; left: 50%;
  transform: translateX(-50%);
  background: rgb(17, 24, 39); color: #fff;
  font-size: 12px; font-weight: 400; line-height: 1.4;
  padding: 6px 10px; border-radius: 6px;
  white-space: nowrap;
  opacity: 0; visibility: hidden;
  transition: opacity 0.15s ease;
  z-index: 60; pointer-events: none;
}
.help-badge .help-tip::after {
  content: ''; position: absolute; top: 100%; left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent; border-top-color: rgb(17, 24, 39);
}
.help-badge:hover .help-tip,
.help-badge:focus .help-tip {
  opacity: 1; visibility: visible;
}
.cite-actions { display: flex; gap: 8px; }
.btn-icon {
  display: inline-flex; align-items: center; gap: 4px;
  background: #fff; border: 1px solid var(--border); border-radius: 6px;
  padding: 5px 10px; font-size: 12px; color: rgb(55, 65, 81); cursor: pointer;
  transition: all 0.15s ease;
}
.btn-icon:hover { background: rgb(249, 250, 251); border-color: rgb(199, 210, 254); color: rgb(67, 56, 202); }
.btn-icon svg { width: 14px; height: 14px; }

.cite-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  align-items: start;
}
.cite-panel {
  background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  display: flex; flex-direction: column;
  max-height: 480px;
  overflow: hidden;
}
.cite-panel-head {
  display: flex; align-items: center; gap: 8px;
  padding: 14px 18px 10px; border-bottom: 1px solid var(--border-light);
  flex-shrink: 0;
}
.cite-panel-head .cite-title { font-size: 14px; font-weight: 600; color: rgb(31, 41, 55); }
/* 渠道下钻（20261016b）：左侧渠道行可点 + 选中高亮，右侧表头徽标 */
.cite-chan-row { cursor: pointer; }
.cite-chan-row:hover { background: #f3f4f6; }
.cite-chan-row-on { background: #eef2ff; }
.cite-chan-row-on:hover { background: #e5e9ff; }
.cite-chan-row-on .cite-name-text { color: #4f46e5; font-weight: 600; }
.cite-chan-row-on .pct-pill { background: #4f46e5; color: #fff; }
.cite-chan-chip {
  display: inline-flex; align-items: center; gap: 4px;
  margin-left: auto; padding: 2px 4px 2px 8px;
  background: #eef2ff; border: 1px solid #c7d2fe; border-radius: 999px;
  font-size: 12px; color: #4338ca; max-width: 60%;
}
.cite-chan-chip-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cite-chan-chip-x {
  border: none; background: transparent; cursor: pointer;
  color: #6366f1; font-size: 13px; line-height: 1; padding: 2px 4px;
  border-radius: 999px; flex-shrink: 0;
}
.cite-chan-chip-x:hover { background: #c7d2fe; color: #312e81; }
.cite-scroll {
  flex: 1; min-height: 0; overflow-y: auto; overflow-x: hidden;
  padding: 0 18px 12px;
}
.cite-scroll::-webkit-scrollbar { width: 8px; }
.cite-scroll::-webkit-scrollbar-track { background: transparent; }
.cite-scroll::-webkit-scrollbar-thumb { background: rgb(209, 213, 219); border-radius: 4px; }
.cite-scroll::-webkit-scrollbar-thumb:hover { background: rgb(156, 163, 175); }

.cite-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.cite-table th {
  background: #fff; text-align: left; font-size: 13px; font-weight: 500;
  color: var(--fg); padding: 10px 8px;
  border-bottom: 1px solid var(--border); white-space: nowrap;
  position: sticky; top: 0; z-index: 1;
}
.cite-table th.th-c { text-align: center; width: 96px; }
.cite-table th.th-title { width: 46%; }
.cite-table th.th-chan { width: 30%; }
.cite-table th.sortable { cursor: pointer; user-select: none; }
.cite-table th.sortable:hover { background: rgb(249, 250, 251); color: rgb(55, 65, 81); }
.sort-arrow {
  display: inline-block; margin-left: 4px; font-size: 12px; font-weight: 700; opacity: 0.35;
  color: rgb(156, 163, 175);
  transition: opacity 0.15s, transform 0.15s, color 0.15s;
}
.sort-arrow.sort-arrow-desc { opacity: 1; color: rgb(31, 41, 55); }
.sort-arrow.sort-arrow-asc { opacity: 1; color: rgb(31, 41, 55); transform: rotate(180deg); }

.cite-table td {
  font-size: 13px; color: rgb(55, 65, 81); padding: 12px 8px;
  border-bottom: 1px solid var(--border-light); vertical-align: middle;
}
.cite-table tr:last-child td { border-bottom: none; }
.cite-table tbody tr:hover td { background: rgb(249, 250, 251); }
.cite-table td.td-c { text-align: center; font-variant-numeric: tabular-nums; }
.cite-table td.td-pct { background: rgb(249, 250, 251); font-weight: 600; color: rgb(31, 41, 55); }

.cite-name-cell {
  font-weight: 500; color: rgb(17, 24, 39);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.cite-bullet {
  display: inline-block; vertical-align: middle; flex-shrink: 0;
  color: rgb(37, 99, 235); font-size: 9px; line-height: 1; margin-right: 8px;
}
.cite-name-text { display: inline-block; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: calc(100% - 18px); }
.cite-link { color: rgb(67, 56, 202); text-decoration: none; word-break: break-all; }
.cite-link:hover { text-decoration: underline; }
.cite-link-title {
  font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  display: inline-block; max-width: calc(100% - 18px); vertical-align: middle;
}
.cite-link-ellipsis {
  display: inline-block; max-width: 100%; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;
}
.rank-count { font-size: 13px; font-weight: 600; color: rgb(31, 41, 55); font-variant-numeric: tabular-nums; }
.rank-pct { font-size: 11px; color: var(--muted); font-variant-numeric: tabular-nums; margin-top: 1px; }

/* ===== 回答截图（20260927）：截图查看弹窗（编辑弹窗三档开关已删，20260928 截图采集取消） ===== */
.shot-info-card { background: rgb(248, 250, 252); border: 1px solid var(--border-light); border-radius: 10px; padding: 12px 16px; display: flex; flex-direction: column; gap: 8px; }
.shot-info-top { display: flex; align-items: center; gap: 8px; min-width: 0; }
.shot-info-label { flex: none; font-size: 13px; color: rgb(107, 114, 128); }
.shot-info-q { font-size: 15px; font-weight: 600; color: rgb(17, 24, 39); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; min-width: 0; }
.shot-info-badges { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.shot-link-row { display: flex; align-items: center; gap: 8px; margin-top: 10px; background: rgb(238, 242, 255); border: 1px solid rgb(199, 210, 254); border-radius: 8px; padding: 8px 12px; min-width: 0; }
.shot-link-label { flex: none; font-size: 13px; color: rgb(67, 56, 202); }
.shot-link { font-size: 13px; color: rgb(37, 99, 235); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; min-width: 0; }
.shot-img-wrap { margin-top: 12px; border: 1px solid var(--border-light); border-radius: 10px; background: #fafafa; max-height: 58vh; overflow: auto; text-align: center; padding: 10px; }
.shot-img { max-width: 100%; height: auto; display: inline-block; border-radius: 6px; box-shadow: 0 2px 10px rgba(0,0,0,.08); }

/* ===== 趋势图 ===== */
.chart-box {
  background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card); padding: 12px;
}

/* ===== 设置页 ===== */
.setting-list { display: flex; flex-direction: column; gap: 12px; }
.setting-row {
  background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg);
  padding: 18px 22px; display: flex; align-items: center; gap: 14px; box-shadow: var(--shadow-card);
}
.setting-info { flex: 1; min-width: 160px; }
/* 词表设置：标签/保存按钮在上方一行，输入框铺满整行 */
.setting-row.block { display: block; }
.setting-row.block textarea.input { width: 100%; max-width: 100%; }
.setting-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 4px; }
.setting-sub-label { font-size: 13px; font-weight: 600; color: var(--fg); margin: 12px 0 6px; }
.setting-label { font-weight: 600; color: var(--fg); font-size: 14px; }
.setting-status { font-size: 12px; color: rgb(22, 101, 52); margin-top: 3px; font-weight: 500; }
.empty-status { color: var(--muted); }

/* ===== 输入框（实测 px-3 py-2.5 圆角10px 边框 rgb(212,215,226)） ===== */
.input {
  flex: 1; max-width: 400px; border: 1px solid var(--border-input);
  border-radius: var(--radius-md); padding: 10px 12px; font-size: 14px; font-family: inherit;
  background: #fff; transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.input:focus {
  outline: none; border-color: rgb(67, 56, 202);
  box-shadow: 0 0 0 3px rgb(67 56 202 / 0.1);
}
textarea.input { resize: vertical; }

/* ===== 弹窗（三段式，实测） ===== */
.modal-mask {
  position: fixed; inset: 0; background: rgba(17, 24, 39, 0.5);
  display: flex; align-items: center; justify-content: center; z-index: 100;
}
.modal-panel {
  background: #fff; border-radius: 12px; box-shadow: var(--shadow-modal);
  width: min(90vw, 1400px); display: flex; flex-direction: column;
  max-height: 88vh;
}
.modal-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 24px; flex-shrink: 0; border-bottom: 1px solid var(--border-light);
}
.modal-title { font-size: 16px; font-weight: 600; color: rgb(17, 24, 39); }
.modal-close {
  background: transparent; border: none; cursor: pointer; color: rgb(156, 163, 175);
  padding: 4px; border-radius: 6px; display: flex; align-items: center;
}
.modal-close:hover { background: rgb(243, 244, 246); color: rgb(55, 65, 81); }
.modal-body { flex: 1; overflow-y: auto; padding: 16px 24px; }
.modal-grid { display: grid; grid-template-columns: 45% 55%; }
.modal-col { display: flex; flex-direction: column; gap: 16px; }
.modal-col:first-child { padding-right: 20px; border-right: 1px solid var(--border-light); }
.modal-col:last-child { padding-left: 20px; }

/* 字段 */
.modal-fields { display: flex; flex-direction: column; gap: 16px; }
.field-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.field { display: flex; flex-direction: column; gap: 6px; }
.field-label {
  font-size: 14px; font-weight: 500; color: rgb(55, 65, 81); line-height: 21px;
  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
}
.req { color: rgb(239, 68, 68); margin-left: 2px; }
.textarea { resize: vertical; min-height: 120px; }
.q-count { font-size: 12px; color: var(--muted); }
.q-list { max-height: 180px; overflow-y: auto; margin-bottom: 8px; display: flex; flex-direction: column; gap: 6px; }
.q-box { border: 1px solid rgb(212, 215, 226); border-radius: 8px; padding: 8px; background: #fff; display: flex; flex-direction: column; gap: 8px; }
.q-box .q-list { margin-bottom: 0; }
.q-box .q-empty { margin-bottom: 0; }
.q-box .textarea { max-width: none; width: 100%; }
.q-item { display: flex; align-items: center; gap: 8px; background: rgb(249, 250, 251); border: 1px solid var(--border-light); border-radius: 8px; padding: 6px 10px; }
.q-item-idx { font-size: 12px; color: rgb(156, 163, 175); width: 16px; flex-shrink: 0; }
.q-item-text { flex: 1; font-size: 13px; color: rgb(17, 24, 39); word-break: break-all; }
.q-item-del { border: none; background: transparent; color: rgb(156, 163, 175); cursor: pointer; font-size: 14px; flex-shrink: 0; }
.q-item-del:hover { color: rgb(220, 38, 38); }
.q-empty { font-size: 12px; color: rgb(156, 163, 175); margin-bottom: 8px; }

/* pill 与智能推荐按钮 */
.pill {
  font-size: 12px; color: rgb(20, 22, 41); background: transparent;
  border: 1px solid var(--border); border-radius: 9999px; padding: 4px 10px;
  cursor: pointer; font-weight: 400;
}
.pill:hover { background: rgb(243, 244, 246); }
.smart-btn {
  font-size: 11px; color: rgb(20, 22, 41); background: #fff;
  border: 1px solid var(--border); border-radius: 12px; padding: 4px 10px;
  cursor: pointer;
}
.smart-btn:hover { background: rgb(249, 250, 251); }

/* 竞品标签 */
.comp-list { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; border: 1px solid rgb(212, 215, 226); border-radius: 8px; padding: 8px; background: #fff; min-height: 42px; }
.comp-tag {
  font-size: 13px; background: rgb(243, 244, 246); color: rgb(55, 65, 81);
  border-radius: 8px; padding: 4px 10px; display: flex; align-items: center; gap: 6px;
}
.comp-input {
  border: none; background: transparent; font-size: 13px; color: rgb(55, 65, 81);
  width: 80px; font-family: inherit; outline: none; padding: 0;
}
.comp-input:focus { border-bottom: 1px solid rgb(67, 56, 202); }
.comp-del { border: none; background: transparent; cursor: pointer; color: rgb(156, 163, 175); font-size: 14px; }
.comp-del:hover { color: rgb(239, 68, 68); }
.comp-empty { font-size: 13px; color: rgb(156, 163, 175); }
.comp-add {
  border: 1px dashed rgb(212, 215, 226); background: transparent; cursor: pointer;
  border-radius: 8px; width: 28px; height: 28px; color: rgb(107, 114, 128); font-size: 16px;
}
.comp-add:hover { border-color: rgb(67, 56, 202); color: rgb(67, 56, 202); }

/* 核心词列表（带序号，可增删） */
.core-list { display: flex; flex-direction: column; gap: 6px; border: 1px solid rgb(212, 215, 226); border-radius: 8px; padding: 8px; background: #fff; }
.core-row {
  display: flex; align-items: center; gap: 6px;
  background: rgb(243, 244, 246); border-radius: 8px; padding: 6px 10px;
  cursor: pointer; border: 1px solid transparent;
}
.core-row.core-active {
  background: rgb(238, 242, 255); border-color: rgb(67, 56, 202);
}
.core-current { font-size: 12px; color: rgb(67, 56, 202); font-weight: 500; }
.core-index { font-size: 12px; color: rgb(156, 163, 175); width: 16px; text-align: center; flex-shrink: 0; }
.core-input {
  flex: 1; border: none; background: transparent; font-size: 13px;
  color: rgb(55, 65, 81); font-family: inherit; outline: none; padding: 2px 0;
}
.core-input:focus { border-bottom: 1px solid rgb(67, 56, 202); }
.core-del { border: none; background: transparent; cursor: pointer; color: rgb(156, 163, 175); font-size: 14px; flex-shrink: 0; }
.core-del:hover { color: rgb(239, 68, 68); }
.core-add {
  border: 1px dashed rgb(212, 215, 226); background: transparent; cursor: pointer;
  border-radius: 8px; padding: 6px; color: rgb(107, 114, 128); font-size: 12px;
}
.core-add:hover { border-color: rgb(67, 56, 202); color: rgb(67, 56, 202); }

/* 模型选择区 */
.model-box { background: rgb(243, 244, 246); border-radius: 10px; padding: 12px; }
.model-tools { display: flex; gap: 16px; margin-bottom: 8px; }
.check-line { font-size: 13px; color: rgb(55, 65, 81); display: flex; align-items: center; gap: 5px; cursor: pointer; }
.check-line input, .mini-check input { accent-color: rgb(79, 70, 229); cursor: pointer; }
.model-list { display: flex; flex-direction: column; gap: 4px; max-height: 280px; overflow-y: auto; }
.model-item { background: #fff; border-radius: 8px; padding: 8px 10px; }
.model-item.model-disabled { opacity: 0.55; }
.model-soon { font-size: 11px; color: rgb(156, 163, 175); margin-left: 4px; }

/* 网页端勾选（真实浏览器口径）：选中高亮 */
.mini-check-web { color: rgb(100, 116, 139); }
.mini-check-web.on { color: rgb(180, 83, 9); font-weight: 600; }
.mini-check-web.on input { accent-color: rgb(217, 119, 6); }
.web-on-dot { color: rgb(217, 119, 6); font-size: 10px; margin-left: 2px; }
.label-disabled { color: rgb(156, 163, 175); cursor: not-allowed; }
.label-disabled input { cursor: not-allowed; }
.model-item-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.model-opts { display: flex; gap: 10px; }
.mini-check { font-size: 12px; color: rgb(107, 114, 128); display: flex; align-items: center; gap: 4px; cursor: pointer; }

/* 频次区 */
.freq-box { background: rgb(243, 244, 246); border-radius: 10px; padding: 14px; }
.freq-row { display: flex; align-items: center; margin-bottom: 10px; }
.field-inline { display: flex; align-items: center; }
/* 20261028：提问次数 + 每核心词抽样数 并排一行（此前两个 .field-inline 各占一行） */
.field-inline-row { display: flex; align-items: center; flex-wrap: wrap; gap: 0 28px; }
.field-inline-row .field-inline { flex: 0 0 auto; }
.num-input { width: 70px; }

/* footer */
.modal-footer {
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 24px; border-top: 1px solid var(--border); flex-shrink: 0; background: #fff;
}
.cost { font-size: 13px; color: var(--muted); }
.cost b { color: rgb(17, 24, 39); }
.footer-btns { display: flex; gap: 10px; }
.btn-cancel {
  background: rgb(243, 244, 246); color: rgb(55, 65, 81); border: none;
  padding: 8px 16px; border-radius: 12px; cursor: pointer; font-size: 14px; font-weight: 500;
}
.btn-cancel:hover { background: rgb(229, 231, 235); }
.btn-secondary {
  background: transparent; color: rgb(79, 70, 229); border: 1px solid rgb(79, 70, 229);
  padding: 8px 20px; border-radius: 12px; cursor: pointer; font-size: 14px; font-weight: 500;
}
.btn-secondary:hover { background: rgb(238, 242, 255); }

/* ===== toast ===== */
.toast {
  position: fixed; bottom: 32px; left: 50%; transform: translateX(-50%);
  background: rgb(20, 22, 41); color: #fff; padding: 11px 22px;
  border-radius: 10px; font-size: 13px; z-index: 200; box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

/* ===== 响应式 ===== */
@media (max-width: 900px) {
  .metrics { grid-template-columns: repeat(2, 1fr); }
  .sidebar { width: 60px; }
  .sidebar .logo, .sidebar nav a span { display: none; }
  .answer-browser-inner { flex-direction: column; }
  .answer-col:first-child { border-right: none; border-bottom: 1px solid var(--border); }
  .cite-layout { grid-template-columns: 1fr; }
  .modal-grid { grid-template-columns: 1fr; }
  .modal-col:first-child { padding-right: 0; border-right: none; }
  .modal-col:last-child { padding-left: 0; }
  .selector-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .statistics-metric-row { grid-template-columns: repeat(2, 1fr); }
  .statistics-metric-row.metrics-row-4 { grid-template-columns: repeat(2, 1fr); }
  .grid.grid-cols-1.lg\:grid-cols-2 { grid-template-columns: 1fr; }
}

/* ============================================================
   复刻模力指数 — 顶部筛选区
   ============================================================ */
.monitor-filter-card {
  background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg);
  padding: 14px 16px; margin-bottom: 20px; box-shadow: var(--shadow-card);
}
.top-filter-sticky { position: sticky; top: 12px; z-index: 20; }
.selector-grid { display: grid; gap: 14px; }
.selector-grid-4 { grid-template-columns: repeat(4, 1fr); }
.selector-item { display: flex; align-items: center; gap: 8px; min-width: 0; }
.selector-label { font-size: 13px; color: var(--muted); font-weight: 500; white-space: nowrap; }
.flex-1 { flex: 1; }
.min-w-0 { min-width: 0; }

/* 发稿统计视图筛选栏：三栏控件一律铺满剩余宽度（2026-09-02 修，20260902f）
   两个病根叠在一起，导致「发布媒体不居中、左右间距不等、日期右不到边」：
   ① .cust-combo 只有 position:relative，不是 flex 容器 —— 它内部 input 上的 class="flex-1"
      是死代码（flex 属性对非 flex item 无效），输入框只剩自然宽度 ≈200px，右边空一大块；
   ② .input 带全局 max-width:400px —— 分享页无侧栏、内容区宽，每栏能分到 500px+，
      select/input 撑到 400px 就停；而日期的 .drp-trigger 没有 max-width，能铺到右边缘。
      于是三栏里只有日期真正铺满，视觉上就是不等距 + 没对齐。
   作用域**限定在 .art-filter-card**，故意不改 .cust-combo 全局定义：它在「添加/编辑监控」
   弹窗的 .field（块级父容器）里还被复用，全局加 display:flex 会把那个客户搜索框从
   200px 撑到 400px，属未经要求的改动。顶部 4 列筛选区（.selector-grid-4）同样不受影响。 */
.art-filter-card .selector-item > .input,
.art-filter-card .selector-item > .cust-combo,
.art-filter-card .selector-item > .drp { flex: 1 1 0; min-width: 0; max-width: none; }
.art-filter-card .selector-item > .cust-combo { display: flex; }
.art-filter-card .selector-item > .cust-combo > .input { flex: 1 1 0; min-width: 0; max-width: none; }

.custom-dropdown { position: relative; }
.dropdown-trigger {
  display: flex; align-items: center; justify-content: space-between; gap: 6px;
  border: 1px solid var(--border-input); border-radius: 8px; padding: 6px 10px;
  background: #fff; cursor: pointer; min-height: 32px; user-select: none;
}
.custom-dropdown.open .dropdown-trigger { border-color: rgb(79, 70, 229); }
.dropdown-trigger-main { display: flex; align-items: center; gap: 6px; min-width: 0; }
.dropdown-selected {
  font-size: 13px; color: rgb(17, 24, 39); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.dropdown-arrow { width: 16px; height: 16px; color: rgb(156, 163, 175); flex-shrink: 0; }
.brand-badge {
  font-size: 11px; font-weight: 500; border-radius: 4px; padding: 1px 6px; flex-shrink: 0;
}
.brand-badge.boost { background: rgb(238, 242, 255); color: rgb(67, 56, 202); }
.brand-badge.competitor { background: rgb(255, 237, 213); color: rgb(194, 65, 12); }
.dropdown-menu {
  position: absolute; top: 100%; left: 0; right: 0; margin-top: 4px;
  background: #fff; border: 1px solid var(--border); border-radius: 8px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.12); z-index: 50; max-height: 260px; overflow-y: auto;
}
.dropdown-option {
  display: flex; align-items: center; gap: 8px; padding: 8px 12px;
  font-size: 13px; color: rgb(55, 65, 81); cursor: pointer;
}
.dropdown-option:hover { background: rgb(249, 250, 251); }
.dropdown-option.selected { background: rgb(238, 242, 255); color: rgb(67, 56, 202); }
.break-words { word-break: break-all; }

/* ============================================================
   日期范围选择器（统一组件：日历弹层 + 快捷选项）
   ============================================================ */
.drp { position: relative; min-width: 0; }
.drp-trigger {
  display: flex; align-items: center; justify-content: space-between; gap: 6px;
  border: 1px solid var(--border-input); border-radius: 8px; padding: 8px 12px;
  background: #fff; cursor: pointer; min-height: 38px; user-select: none;
}
.drp-trigger.on { border-color: rgb(79, 70, 229); box-shadow: 0 0 0 3px rgb(79 70 229 / 0.1); }
.drp-label { font-size: 13px; color: rgb(17, 24, 39); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.drp-label.ph { color: rgb(107, 114, 128); }
.drp-arrow { width: 15px; height: 15px; color: rgb(156, 163, 175); flex-shrink: 0; transition: transform .15s; }
.drp-arrow.up { transform: rotate(180deg); }
.drp-popup {
  position: absolute; top: calc(100% + 6px); left: 0; z-index: 80;
  display: flex; background: #fff; border: 1px solid var(--border-light); border-radius: 12px;
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.14); overflow: hidden;
}
.drp-popup.right { left: auto; right: 0; }
.drp-quick { width: 130px; padding: 10px; border-right: 1px solid var(--border-light); background: #fafafa; }
.drp-quick-item {
  display: flex; align-items: center; justify-content: space-between; gap: 6px;
  padding: 8px 12px; border-radius: 8px; font-size: 13px; color: rgb(55, 65, 81);
  cursor: pointer; margin-bottom: 2px;
}
.drp-quick-item:hover { background: rgb(249, 250, 251); }
.drp-quick-item.on { background: rgb(238, 242, 255); color: rgb(67, 56, 202); font-weight: 500; }
.drp-check { font-size: 12px; }
.drp-cal { width: 320px; padding: 12px 14px; }
.drp-cal-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.drp-nav { background: transparent; border: none; font-size: 18px; color: rgb(107, 114, 128); cursor: pointer; padding: 2px 10px; }
.drp-nav:hover { color: rgb(79, 70, 229); }
.drp-month { font-size: 15px; font-weight: 600; color: rgb(17, 24, 39); }
.drp-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.drp-wd { text-align: center; font-size: 12px; color: rgb(156, 163, 175); padding: 6px 0; }
.drp-day {
  position: relative; text-align: center; font-size: 13px; color: rgb(55, 65, 81);
  padding: 7px 0; border-radius: 50%; cursor: pointer; z-index: 1;
}
.drp-day:hover { background: rgb(243, 244, 246); }
.drp-day.out { color: rgb(200, 207, 217); }
.drp-day.today { color: rgb(124, 58, 237); font-weight: 700; }
.drp-day.inr { background: rgb(238, 242, 255); border-radius: 0; }
.drp-day.sel { background: rgb(124, 58, 237); color: #fff; font-weight: 600; border-radius: 50%; }
.drp-day.sel.inr { border-radius: 50%; }
.drp-footer { display: flex; align-items: center; gap: 8px; margin-top: 10px; }
.drp-range-text { flex: 1; font-size: 12px; color: rgb(107, 114, 128); }
.drp-range-text i { font-style: normal; margin: 0 4px; }
.drp-btn {
  background: #fff; border: 1px solid var(--border); border-radius: 6px;
  padding: 6px 14px; font-size: 13px; color: rgb(55, 65, 81); cursor: pointer;
}
.drp-btn:hover { background: rgb(249, 250, 251); }
.drp-btn.primary { background: rgb(124, 58, 237); border-color: rgb(124, 58, 237); color: #fff; }
.drp-btn.primary:hover { background: rgb(109, 40, 217); }
/* 带文字标签的筛选栏（后台发稿统计：铺满整行 + 标签） */
.calls-filter.fill-row2 { gap: 14px; }
.calls-filter.fill-row2 .flt-item { flex: 1 1 0; display: flex; align-items: center; gap: 8px; min-width: 0; }
.calls-filter.fill-row2 .flt-label { font-size: 13px; color: var(--muted); white-space: nowrap; }
.calls-filter.fill-row2 .flt-item select, .calls-filter.fill-row2 .flt-item .drp { flex: 1 1 0; min-width: 0; }
.calls-filter.fill-row2 > .btn-mini { flex: 0 0 auto; align-self: flex-end; }

/* 日期选择器触发框：全站统一宽度基准 */
.drp-trigger { width: 100%; min-width: 220px; max-width: 320px; }

/* 添加/编辑监控：客户搜索下拉 */
.cust-combo { position: relative; }
.cust-combo-drop {
  position: absolute; top: calc(100% + 4px); left: 0; right: 0; z-index: 60;
  background: #fff; border: 1px solid var(--border); border-radius: 8px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.12); max-height: 240px; overflow-y: auto;
}
.cust-combo-opt {
  padding: 8px 12px; font-size: 13px; color: rgb(55, 65, 81); cursor: pointer;
}
.cust-combo-opt:hover { background: rgb(249, 250, 251); }
.cust-combo-opt.on { background: rgb(238, 242, 255); color: rgb(67, 56, 202); }

.date-range {
  display: flex; align-items: center; gap: 4px; flex: 1; min-width: 0;
  border: 1px solid var(--border-input); border-radius: 8px; padding: 4px 8px;
  background: #fff; min-height: 32px;
}
.date-icon { width: 14px; height: 14px; color: rgb(156, 163, 175); flex-shrink: 0; }
.date-input {
  flex: 1; min-width: 0; border: none; outline: none; font-size: 11px; color: rgb(107, 114, 128);
  background: transparent; text-align: center;
}
.date-sep { font-size: 11px; color: rgb(156, 163, 175); flex-shrink: 0; }
.date-clear { width: 13px; height: 13px; color: rgb(156, 163, 175); flex-shrink: 0; cursor: pointer; }
.date-clear:hover { color: rgb(107, 114, 128); }

/* ============================================================
   复刻模力指数 — 统计卡片（白底容器 + 5 张浅色指标）
   ============================================================ */
.statistics-card {
  background: #fff; border: 1px solid var(--border-light); border-radius: 12px;
  padding: 20px; box-shadow: var(--shadow-card); margin-bottom: 20px;
}
.statistics-card-header {
  font-size: 16px; font-weight: 600; color: rgb(17, 24, 39); margin-bottom: 14px;
}
.statistics-metric-row { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
/* 发稿统计视图：四张指标卡，间距拉大减少两侧空白 */
.statistics-metric-row.metrics-row-4 { grid-template-columns: repeat(4, 1fr); gap: 24px; }
.statistics-metric { border-radius: 8px; padding: 16px; }
.statistics-metric-label { display: flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 500; margin-bottom: 4px; }
.statistics-metric-value { font-size: 24px; font-weight: 700; line-height: 28.8px; }
.statistics-metric-indigo { background: rgb(238, 242, 255); }
.statistics-metric-indigo .statistics-metric-label, .statistics-metric-indigo .statistics-metric-value { color: rgb(67, 56, 202); }
.statistics-metric-purple { background: rgb(250, 245, 255); }
.statistics-metric-purple .statistics-metric-label, .statistics-metric-purple .statistics-metric-value { color: rgb(126, 34, 206); }
.statistics-metric-blue { background: rgb(239, 246, 255); }
.statistics-metric-blue .statistics-metric-label, .statistics-metric-blue .statistics-metric-value { color: rgb(29, 78, 216); }
.statistics-metric-rose { background: rgb(255, 241, 242); }
.statistics-metric-rose .statistics-metric-label { color: rgb(190, 18, 60); }
.statistics-metric-sky { background: rgb(240, 249, 255); }
.statistics-metric-sky .statistics-metric-label { color: rgb(3, 105, 161); }

.statistics-mini-row { display: flex; justify-content: space-between; font-size: 13px; font-weight: 500; margin-top: 6px; }
.statistics-mini-row span:first-child { color: rgb(107, 114, 128); }
.statistics-mini-row span:last-child { font-weight: 700; }
.statistics-mini-progress { height: 6px; border-radius: 3px; margin-top: 3px; background: rgb(229, 231, 235); overflow: hidden; }
.statistics-mini-progress-rose { background: rgb(254, 205, 211); }
.statistics-mini-bar { height: 100%; border-radius: 3px; }
.statistics-mini-bar-rose-strong { background: rgb(244, 63, 94); }
.statistics-mini-bar-rose { background: rgb(251, 113, 133); }
.statistics-mini-bar-emerald { background: rgb(16, 185, 129); }
.statistics-mini-bar-slate { background: rgb(148, 163, 184); }
.statistics-mini-bar-red { background: rgb(220, 38, 38); }
.statistics-mini-bar-sky { background: rgb(14, 165, 233); }
.statistics-empty { text-align: center; color: rgb(156,163,175); font-size: 13px; padding: 10px 4px; }

/* ============================================================
   模型配置弹窗 — API 配置列表（多 API 绑定 + 优先级切换）
   ============================================================ */
.model-api-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2px; }
.model-api-row { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid #e5e7eb; border-radius: 8px; margin-bottom: 8px; background: #fafafa; }
.model-api-info { min-width: 0; flex: 1; }
.model-api-name { font-weight: 600; font-size: 13px; color: #111827; }
.model-api-sub { font-size: 12px; color: #6b7280; word-break: break-all; line-height: 1.5; }
.key-wrap { position: relative; max-width: 400px; }
.key-wrap .input { width: 100%; max-width: 400px; padding-right: 44px; }
.key-eye {
  position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
  width: 32px; height: 32px; display: flex; align-items: center; justify-content: center;
  border: none; background: transparent; color: #374151; font-size: 14px; cursor: pointer;
}
.key-eye:hover { opacity: .7; }
.answer-loading-tip { font-size: 12px; color: #9ca3af; padding: 6px 0; }
/* 20261030：全文加载失败时的重试链接（原先 catch 静默吞错，提示永远停在"正在加载"） */
.answer-loading-tip .ans-retry-link { color: #4a6cf7; text-decoration: underline; cursor: pointer; }
.answer-loading-tip .ans-retry-link:hover { color: #3355e0; }
.model-api-neg { color: #dc2626; }
.model-api-off { color: #dc2626; font-size: 12px; margin-left: 6px; }
.model-api-ops { display: flex; gap: 4px; flex-shrink: 0; flex-wrap: wrap; justify-content: flex-end; max-width: 260px; }
.model-api-form { border: 1px solid #d1d5db; border-radius: 8px; padding: 12px; margin-top: 8px; background: #fff; }
.model-api-form-ops { display: flex; justify-content: flex-end; gap: 8px; margin-top: 4px; }

/* ============================================================
   复刻模力指数 — 词库表彩色药丸
   ============================================================ */
.wordlib-table th { font-size: 14px; font-weight: 500; padding: 10px 8px; text-align: left; background: #fff; color: var(--fg); }
.wordlib-table th .sort-arrow { font-size: 10px; opacity: 0.7; }
.th-idx { color: rgb(107, 114, 128); }
.th-main { color: rgb(55, 65, 81); }
.th-indigo { color: rgb(79, 70, 229); }
.th-purple { color: rgb(147, 51, 234); }
.th-blue { color: rgb(37, 99, 235); }
.th-rose1 { color: rgb(225, 29, 72); }
.th-rose2 { color: rgb(244, 63, 94); }
.th-rose3 { color: rgb(253, 164, 175); }
.th-emerald { color: rgb(5, 150, 105); }
.th-slate { color: rgb(100, 116, 139); }
.th-red { color: rgb(220, 38, 38); }

.cell-badge {
  display: inline-block; font-size: 12px; font-weight: 500; border-radius: 9999px;
  padding: 2px 10px; border: 1px solid transparent; white-space: nowrap;
}
.cell-indigo { background: rgb(238, 242, 255); color: rgb(67, 56, 202); border-color: rgb(199, 210, 254); }
.cell-purple { background: rgb(250, 245, 255); color: rgb(126, 34, 206); border-color: rgb(233, 213, 255); }
.cell-blue { background: rgb(239, 246, 255); color: rgb(29, 78, 216); border-color: rgb(191, 219, 254); }
.cell-rose1 { background: rgb(255, 228, 230); color: rgb(225, 29, 72); border-color: rgb(254, 205, 211); }
.cell-rose2 { background: rgb(255, 228, 230); color: rgb(244, 63, 94); border-color: rgb(254, 205, 211); }
.cell-rose3 { background: rgb(255, 241, 242); color: rgb(251, 113, 133); border-color: rgb(254, 205, 211); }
.cell-emerald { background: rgb(236, 253, 245); color: rgb(5, 150, 105); border-color: rgb(167, 243, 208); }
.cell-slate { background: rgb(241, 245, 249); color: rgb(100, 116, 139); border-color: rgb(226, 232, 240); }
.cell-red { background: rgb(254, 242, 242); color: rgb(220, 38, 38); border-color: rgb(254, 226, 226); }
.td-idx { color: rgb(107, 114, 128); }

/* ============================================================
   复刻模力指数 — 趋势/竞品/模型图表区
   ============================================================ */
/* ===== 趋势分析 tab：线段式（无背景容器） ===== */
.trend-tab-bar { display: flex; align-items: center; gap: 20px; }
.trend-tab-line {
  position: relative; border: none; background: transparent;
  color: rgb(107, 114, 128); font-size: 13px; font-weight: 500;
  padding: 4px 0; cursor: pointer; transition: color 0.15s ease;
}
.trend-tab-line:hover { color: rgb(55, 65, 81); }
.trend-tab-line.on { color: rgb(17, 24, 39); font-weight: 600; }
.trend-tab-line.on::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: -1px;
  height: 2px; background: rgb(17, 24, 39); border-radius: 1px;
}
.chart-box { width: 100%; }

/* 趋势图 DOM tooltip（覆盖层）：兜底 ECharts 原生悬停在部分环境不触发的问题 */
.trend-chart-shell { position: relative; }
.trend-hover-layer {
  position: absolute; inset: 13px; /* 对齐 .chart-box 的 1px 边框 + 12px 内边距 */
  z-index: 2; cursor: default; background: transparent;
}
.trend-tip {
  position: absolute; z-index: 30; pointer-events: none;
  background: #fff; border: 1px solid var(--border); border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  padding: 8px 10px; font-size: 12px; color: #374151; min-width: 150px;
}

/* 两列图 */
.grid-cols-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-bottom: 24px; }
@media (min-width: 1024px) {
  .grid.grid-cols-1.lg\:grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
}
.grid.grid-cols-1 { display: grid; grid-template-columns: 1fr; gap: 24px; margin-bottom: 24px; }
.mb-6 { margin-bottom: 24px; }
.p-6 { padding: 24px; }
.px-6 { padding-left: 24px; padding-right: 24px; }
.pt-6 { padding-top: 24px; }
.pb-4 { padding-bottom: 16px; }
.mb-4 { margin-bottom: 16px; }
.text-lg { font-size: 18px; line-height: 28px; }
.font-semibold { font-weight: 600; }
.text-gray-900 { color: rgb(17, 24, 39); }
.flex { display: flex; }
.items-center { align-items: center; }
.justify-between { justify-content: space-between; }
.gap-2 { gap: 8px; }
.gap-6 { gap: 24px; }

/* ============================================================
   复刻模力指数 — 工具类 + help icon + tooltip
   ============================================================ */
.gap-1 { gap: 4px; }
.w-4 { width: 16px; }
.h-4 { height: 16px; }
.h-6 { height: 24px; }
.h-7 { height: 28px; }
.px-2 { padding-left: 8px; padding-right: 8px; }
.px-3 { padding-left: 12px; padding-right: 12px; }
.p-0\.5 { padding: 2px; }
.rounded { border-radius: 4px; }
.rounded-md { border-radius: 6px; }
.rounded-lg { border-radius: 10px; }
.rounded-xl { border-radius: 12px; }
.text-xs { font-size: 12px; line-height: 16px; }
.text-sm { font-size: 14px; line-height: 20px; }
.font-medium { font-weight: 500; }
.bg-white { background: #fff; }
.bg-gray-100 { background: rgb(243, 244, 246); }
.text-gray-800 { color: rgb(31, 41, 55); }
.text-gray-500 { color: rgb(107, 114, 128); }
.text-gray-700 { color: rgb(55, 65, 81); }
.text-gray-400 { color: rgb(156, 163, 175); }
.text-indigo-500 { color: rgb(99, 102, 241); }
.shadow-sm { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
.flex-shrink-0 { flex-shrink: 0; }
.transition-colors { transition: color .15s ease, background-color .15s ease; }
.hover\:text-gray-700:hover { color: rgb(55, 65, 81); }
.hover\:text-gray-600:hover { color: rgb(75, 85, 99); }

/* help icon + tooltip（模力指数） */
.tooltip-container { position: relative; display: inline-flex; align-items: center; }
.help-icon { cursor: help; }
.metric-help-icon { width: 14px; height: 14px; flex-shrink: 0; }
.metric-help-icon-indigo { color: rgb(129, 140, 248); }
.metric-help-icon-purple { color: rgb(192, 132, 252); }
.metric-help-icon-blue { color: rgb(96, 165, 250); }
.metric-help-icon-rose { color: rgb(251, 113, 133); }
.metric-help-icon-sky { color: rgb(56, 189, 248); }
.tooltip {
  position: absolute; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%);
  background: #fff; color: rgb(17, 24, 39); padding: 12px; border-radius: 8px;
  font-size: 12px; line-height: 16.8px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  border: 1px solid rgb(229, 231, 235); z-index: 99999; width: max-content; max-width: 280px;
  opacity: 0; visibility: hidden; transition: opacity .15s ease, visibility .15s ease;
  pointer-events: none; white-space: normal;
}
.tooltip-container:hover .tooltip { opacity: 1; visibility: visible; }
.tooltip-list { display: flex; flex-direction: column; gap: 2px; }
.tooltip-line { font-size: 12px; line-height: 16.8px; }
.tooltip-line strong { font-weight: 600; }

/* ============================================================
   复刻模力指数 — 问题下拉分组（核心词 + 问句）
   ============================================================ */
.cw-question-dropdown-menu {
  width: 320px;
  /* 单一滚动条（20260924 用户反馈旗舰版问题下拉出现两条）：滚动只交给内层 .dropdown-list-scroll，
     外层菜单自己不限高不滚动——根因是外层 260px 与内层 280px 叠加各出一条滚动条。
     附带收益：搜索框固定在顶部，列表滚动时不再跟着跑 */
  max-height: none; overflow-y: visible;
}
.dropdown-search { padding: 8px; border-bottom: 1px solid var(--border-light); }
.search-input-wrap { position: relative; display: flex; align-items: center; }
.search-icon {
  position: absolute; left: 10px; width: 14px; height: 14px; color: rgb(156, 163, 175); pointer-events: none;
}
.search-input-wrap input {
  width: 100%; padding: 6px 10px 6px 30px; font-size: 13px;
  border: 1px solid var(--border-input); border-radius: 6px; outline: none; color: rgb(17, 24, 39);
}
.search-input-wrap input:focus { border-color: rgb(79, 70, 229); }
.dropdown-list-scroll { max-height: 280px; overflow-y: auto; }
.dropdown-group-header {
  display: flex; align-items: center; gap: 8px; padding: 8px 12px;
  background: rgb(249, 250, 251); cursor: pointer; user-select: none;
  border-top: 1px solid var(--border-light);
}
.dropdown-group-header:hover { background: rgb(243, 244, 246); }
.dropdown-group-checkbox {
  width: 16px; height: 16px; border: 1px solid rgb(209, 213, 219); border-radius: 4px;
  display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
  background: #fff; color: #fff;
}
.dropdown-group-checkbox .check-on { width: 12px; height: 12px; color: rgb(79, 70, 229); }
.dropdown-group-name { font-size: 13px; font-weight: 600; color: rgb(17, 24, 39); }
.dropdown-group-count { font-size: 12px; color: rgb(156, 163, 175); }
.dropdown-group-collapse-icon { margin-left: auto; width: 12px; height: 12px; color: rgb(156, 163, 175); transition: transform 0.15s; }
.dropdown-group-collapse-icon svg { width: 12px; height: 12px; }
.dropdown-group-collapse-icon:not(.is-collapsed) { transform: rotate(180deg); }
.dropdown-question-option { padding: 6px 12px 6px 36px; }
.dropdown-option-inner { display: flex; align-items: center; gap: 8px; width: 100%; }
.dropdown-option-inner.align-start { align-items: flex-start; }
.dropdown-option-inner input[type="checkbox"] { width: 14px; height: 14px; accent-color: rgb(79, 70, 229); flex-shrink: 0; }
.dropdown-option > input[type="checkbox"] { width: 14px; height: 14px; accent-color: rgb(79, 70, 229); flex-shrink: 0; }
.dropdown-group-checkbox.checked { background: rgb(79, 70, 229); border-color: rgb(79, 70, 229); }
.dropdown-group-checkbox.checked .check-on { color: #fff; }
.dropdown-empty { padding: 16px; text-align: center; font-size: 13px; color: var(--muted); }

/* ============================================================
   复刻模力指数 — 日期下拉（点击任意位置弹出）
   ============================================================ */
.date-range-wrap { position: relative; flex: 1; min-width: 0; }
.date-range {
  display: flex; align-items: center; gap: 4px; flex: 1; min-width: 0;
  border: 1px solid var(--border-input); border-radius: 8px; padding: 4px 8px;
  background: #fff; min-height: 32px; cursor: pointer; user-select: none;
}
.date-range:hover { border-color: rgb(79, 70, 229); }
.date-val { font-size: 11px; color: rgb(107, 114, 128); flex: 1; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.date-dropdown {
  position: absolute; top: 100%; left: 0; right: 0; margin-top: 4px;
  background: #fff; border: 1px solid var(--border); border-radius: 8px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.12); z-index: 50; padding: 8px;
}
.date-quick { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.date-quick-btn {
  border: 1px solid var(--border); background: #fff; color: rgb(55, 65, 81);
  font-size: 12px; padding: 4px 10px; border-radius: 6px; cursor: pointer;
}
.date-quick-btn:hover { background: rgb(238, 242, 255); color: rgb(67, 56, 202); border-color: rgb(199, 210, 254); }
.date-custom { display: flex; align-items: center; gap: 6px; }
.date-custom-input {
  flex: 1; min-width: 0; border: 1px solid var(--border-input); border-radius: 6px;
  padding: 4px 6px; font-size: 12px; color: rgb(17, 24, 39); outline: none;
}
.date-custom-input:focus { border-color: rgb(79, 70, 229); }

/* ===== 登录页（抄模力指数） ===== */
.login-page {
  position: fixed; inset: 0; z-index: 9999;
  display: flex; flex-direction: column; align-items: center;
  background: linear-gradient(135deg, rgb(245, 246, 250) 0%, rgb(237, 232, 248) 100%);
  overflow: hidden;
}
/* 分享页防闪登录（20260923）：head 内联脚本在 HTML 解析期给 <html> 加 is-share，
   登录卡片是 fixed 全屏 z-9999，裸模板期先于 Vue 挂载可见 → 直接整个隐藏 */
html.is-share .login-page { display: none !important; }
.login-bg-decor { position: absolute; inset: 0; pointer-events: none; }
.decor-circle {
  position: absolute; border-radius: 50%;
}
.decor-circle-1 { width: 384px; height: 384px; right: -10%; bottom: -10%; background: rgba(139, 92, 246, 0.10); }
.decor-circle-2 { width: 256px; height: 256px; right: -5%; top: 40%; background: rgba(59, 130, 246, 0.10); }
.decor-square { position: absolute; border-radius: 18px; }
.decor-square-1 { width: 128px; height: 128px; right: 10%; top: 15%; border: 2px solid rgba(54, 54, 226, 0.20); transform: translateY(-30px); animation: float-y-1 6s ease-in-out infinite; }
.decor-square-2 { width: 96px; height: 96px; left: 10%; bottom: 15%; border: 2px solid rgba(139, 92, 246, 0.20); transform: translateY(-20px); animation: float-y-2 5s ease-in-out infinite; }
.decor-square-3 { width: 96px; height: 96px; right: 5%; bottom: 35%; background: rgba(139, 92, 246, 0.10); animation: float-y 7s ease-in-out infinite; }
.decor-diamond {
  position: absolute; width: 64px; height: 64px; left: 5%; top: 45%;
  background: rgba(54, 54, 226, 0.10); transform: rotate(45deg);
  border-radius: 12px; animation: float-y 8s ease-in-out infinite;
}
@keyframes float-y {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-16px); }
}
@keyframes float-y-1 {
  0%, 100% { transform: translateY(-30px); }
  50% { transform: translateY(-46px); }
}
@keyframes float-y-2 {
  0%, 100% { transform: translateY(-20px); }
  50% { transform: translateY(-36px); }
}

.login-brand {
  margin-top: 60px; display: flex; align-items: center; justify-content: center;
  position: relative; z-index: 1;
}
.brand-logo-img {
  height: 64px; width: auto; max-width: calc(100vw - 64px);
  object-fit: contain; display: block;
}

.login-card {
  margin-top: 48px; width: 448px; max-width: calc(100vw - 32px);
  background: #fff; border-radius: 16px;
  box-shadow: 0 20px 25px -5px rgba(0,0,0,0.10), 0 8px 10px -6px rgba(0,0,0,0.10);
  padding: 32px; position: relative; z-index: 1;
}
.login-title { font-size: 22px; font-weight: 600; color: rgb(20, 22, 41); text-align: center; margin-bottom: 8px; }
.login-subtitle { font-size: 14px; color: rgb(100, 116, 139); text-align: center; margin-bottom: 24px; }

.login-form { display: flex; flex-direction: column; gap: 16px; }
.form-field { display: flex; flex-direction: column; gap: 6px; }
.form-label { font-size: 13px; font-weight: 500; color: rgb(55, 65, 81); }
.form-input {
  width: 100%; height: 48px; padding: 8px 12px;
  background: rgb(248, 250, 252); border: 1px solid rgb(226, 232, 240);
  border-radius: 12px; font-size: 14px; color: rgb(20, 22, 41);
  outline: none; transition: border-color 0.15s, box-shadow 0.15s;
  box-sizing: border-box;
}
.form-input:focus {
  border-color: rgb(139, 92, 246);
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.12);
}
.form-input:disabled { opacity: 0.6; cursor: not-allowed; }
.form-input.has-icon { padding-right: 40px; }
.form-input-wrap { position: relative; }
.eye-btn {
  position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
  width: 32px; height: 32px; display: flex; align-items: center; justify-content: center;
  background: transparent; border: none; color: rgb(148, 163, 184); cursor: pointer; padding: 0;
}
.eye-btn:hover { color: rgb(79, 70, 229); }
.eye-btn svg { width: 18px; height: 18px; }

.login-error {
  background: rgb(254, 242, 242); border: 1px solid rgb(252, 165, 165);
  color: rgb(185, 28, 28); padding: 8px 12px; border-radius: 8px;
  font-size: 13px; line-height: 18px;
}

.btn-login {
  width: 100%; height: 48px; margin-top: 8px;
  background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);
  color: #fff; border: none; border-radius: 12px;
  font-size: 15px; font-weight: 500; cursor: pointer;
  transition: opacity 0.15s, transform 0.05s;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.25);
}
.btn-login:hover:not(:disabled) { opacity: 0.92; }
.btn-login:active:not(:disabled) { transform: scale(0.99); }
.btn-login:disabled { opacity: 0.6; cursor: not-allowed; }

/* ===== sidebar 底部退出登录 ===== */
.sidebar-foot {
  margin-top: auto;
  display: flex; align-items: center; gap: 10px;
  padding: 12px 16px;
  border-top: 1px solid var(--border-light);
  color: rgb(100, 116, 139); font-size: 13px;
  cursor: pointer; user-select: none;
  transition: background 0.15s, color 0.15s;
}
.sidebar-foot:hover { background: rgb(248, 250, 252); color: rgb(17, 24, 39); }
.logout-avatar {
  width: 28px; height: 28px; border-radius: 50%;
  background: linear-gradient(135deg, #8b5cf6, #3b82f6);
  color: #fff; font-size: 12px; font-weight: 600;
  display: flex; align-items: center; justify-content: center;
}
.logout-text { font-weight: 500; }

/* ===== 分享弹窗（2026-09-02 已移除）=====
   点「分享」现在直接复制链接 + 底部 toast（口径同诊断报告 copyDiagLink），不再弹窗，
   故弹窗用的 mask / panel / link / qr / feature 一整套样式全部删除。
   （这里故意不写出完整类名：本补丁的自检会用正则扫 style.css 里的分享类名残留，
     注释里写全名会把自己绊倒。）
   只保留 .share-close：快照凭证弹窗（index.html 里 snapshotOpen 那块）复用了这个类名来
   定位右上角关闭按钮，一并删掉会让它的关闭按钮跑位。 */
.share-close { position: absolute; top: 14px; right: 14px; }

/* ============================================================
   像素级复刻图一/图二：section-card 双层卡片 + Markdown + 行式来源
   ============================================================ */

/* 通用白色容器 */
.section-card {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  padding: 18px 20px 20px;
}
.section-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}
.section-card-head .sec-title {
  margin: 0;
  flex-shrink: 0;
}
.section-card-head-center {
  flex: 1;
  min-width: 0;
  font-size: 14px;
  font-weight: 500;
  color: rgb(17, 24, 39);
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.section-card-head-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

/* 按钮微调 */
.btn-icon-plain {
  background: transparent;
  border: none;
  color: rgb(107, 114, 128);
  font-size: 16px;
  padding: 4px 8px;
}
.btn-icon-plain:hover {
  background: rgb(243, 244, 246);
  color: rgb(55, 65, 81);
}

/* 答案浏览：问题标题 + 分页 */
.answer-section-head {
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border-light);
}
.answer-question-title {
  flex: 1;
  min-width: 0;
  font-size: 14px;
  font-weight: 600;
  color: rgb(17, 24, 39);
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.answer-pager {
  display: flex;
  align-items: center;
  gap: 4px;
}
.answer-pager .pager-text {
  font-size: 13px;
  color: rgb(107, 114, 128);
  min-width: 44px;
  text-align: center;
}
/* 标签行内的模型切换器：推到行尾，与外层答案浏览切换器同款样式 */
.answer-pager-inline { margin-left: auto; flex-shrink: 0; }

/* 答案内容区元信息 */
.answer-date {
  font-size: 12px;
  color: rgb(107, 114, 128);
  margin-right: 4px;
}
.tag-mode {
  background: rgb(243, 244, 246);
  color: rgb(75, 85, 99);
}

/* 答案正文 Markdown 渲染 */
.answer-body {
  font-size: 14px;
  line-height: 1.75;
  color: rgb(55, 65, 81);
}
.answer-body p { margin-bottom: 10px; }
.answer-body p:last-child { margin-bottom: 0; }
.answer-body h1, .answer-body h2, .answer-body h3, .answer-body h4 {
  font-weight: 600;
  color: rgb(17, 24, 39);
  margin: 16px 0 10px;
}
.answer-body h3 { font-size: 15px; }
.answer-body h4 { font-size: 14px; }
.answer-body ul, .answer-body ol {
  padding-left: 20px;
  margin-bottom: 10px;
}
.answer-body li { margin-bottom: 4px; }
.answer-body strong { color: rgb(17, 24, 39); font-weight: 600; }

/* 品牌高亮：蓝色下划线 */
.brand-highlight {
  color: rgb(37, 99, 235);
  text-decoration: underline;
  text-decoration-color: rgba(37, 99, 235, 0.6);
  text-underline-offset: 2px;
  cursor: default;
}

/* Markdown 表格（图一效果） */
.answer-body table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  margin: 12px 0;
  border: 1px solid rgb(229, 231, 235);
  border-radius: 8px;
  overflow: hidden;
}
.answer-body thead {
  background: rgb(249, 250, 251);
}
.answer-body th, .answer-body td {
  padding: 10px 12px;
  border-bottom: 1px solid rgb(229, 231, 235);
  text-align: left;
  vertical-align: top;
}
.answer-body th {
  font-weight: 600;
  color: rgb(17, 24, 39);
}
.answer-body td {
  color: rgb(55, 65, 81);
}
.answer-body tbody tr:last-child td {
  border-bottom: none;
}
.answer-body tbody tr:hover td {
  background: rgb(249, 250, 251);
}

/* 「品牌未出现」红色角标 */
.brand-missing-badge {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  font-weight: 500;
  color: rgb(190, 18, 60);
  background: rgb(255, 241, 242);
  border: 1px solid rgb(254, 205, 211);
  border-radius: 4px;
  padding: 1px 6px;
  margin-left: 6px;
  white-space: nowrap;
}

/* 答案底部排名汇总条（图二效果：绿★ + 蓝 company #N） */
.answer-rank-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid var(--border-light);
}
.rank-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 6px;
  white-space: nowrap;
}
.rank-star {
  color: rgb(245, 158, 11);
  font-size: 13px;
  line-height: 1;
}
.rank-badge-green {
  background: rgb(240, 253, 244);
  color: rgb(22, 101, 52);
  border: 1px solid rgb(187, 247, 208);
}
.rank-badge-blue {
  background: rgb(238, 242, 255);
  color: rgb(67, 56, 202);
  border: 1px solid rgb(199, 210, 254);
}
.rank-badge-none {
  background: rgb(243, 244, 246);
  color: rgb(107, 114, 128);
  border: 1px solid rgb(229, 231, 235);
}
.rank-badge-teal {
  background: rgb(236, 253, 245);
  color: rgb(6, 95, 70);
  border: 1px solid rgb(167, 243, 208);
}

/* 行式引用来源（图一） */
.source-body {
  padding: 12px 16px;
}
.source-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  margin-bottom: 8px;
  background: #fff;
  border: 1px solid var(--border-light);
  border-radius: 8px;
}
.source-row:last-child {
  margin-bottom: 0;
}
.source-row-main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.source-row-title {
  font-size: 13px;
  font-weight: 600;
  color: rgb(30, 58, 138);
  text-decoration: none;
  line-height: 1.5;
  word-break: break-all;
  /* 20260924 用户反馈：标题最多两行，超出尾部省略号 */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.source-row-title:hover {
  text-decoration: underline;
}
.source-row-url {
  font-size: 11px;
  color: rgb(156, 163, 175);
  text-decoration: none;
  line-height: 1.4;
  /* 20260924 用户反馈：URL 只保留一行，超出尾部省略号 */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.source-row-url:hover {
  color: rgb(37, 99, 235);
}
.source-row-badge {
  flex-shrink: 0;
  max-width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 600;
  color: rgb(55, 65, 81);
  background: rgb(243, 244, 246);
  padding: 3px 8px;
  border-radius: 6px;
}

/* 引用分析：圆角 pill 占比 + 色调调整 */
.cite-layout {
  gap: 16px;
}
.cite-panel {
  border: 1px solid var(--border);
  box-shadow: none;
}
.cite-panel-head {
  padding: 12px 16px;
}
.cite-scroll {
  padding: 0 16px 12px;
}
.cite-table th {
  color: var(--fg);
  font-weight: 600;
  padding: 10px 8px;
}
.cite-table td {
  padding: 4px 8px;
  color: rgb(55, 65, 81);
  border-bottom: none;
}
.cite-bullet {
  color: rgb(37, 99, 235);
  font-size: 9px;
  margin-right: 8px;
}
.cite-link {
  color: rgb(37, 99, 235);
}
.cite-link:hover {
  color: rgb(29, 78, 216);
}
.pct-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 52px;
  padding: 3px 10px;
  background: rgb(243, 244, 246);
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 600;
  color: rgb(31, 41, 55);
  font-variant-numeric: tabular-nums;
}
.td-num {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  color: rgb(31, 41, 55);
}

/* 答案浏览区块高度调整 */
.answer-section-card .answer-browser {
  height: 420px;
  max-height: 420px;
}
.answer-section-card .answer-col-head {
  background: #fff;
}

/* 响应式 */
@media (max-width: 900px) {
  .section-card { padding: 14px; }
  .section-card-head { flex-wrap: wrap; }
  .section-card-head-center,
  .answer-question-title { width: 100%; text-align: left; order: 3; }
  .answer-section-card .answer-browser { height: auto; grid-template-columns: 1fr; }
}

/* ===== 旗舰版看板视图切换（分析/表格） ===== */
.view-switch { display: flex; align-items: center; border: 1px solid var(--border); border-radius: 8px; overflow: hidden; margin-right: 4px; }
.view-switch-btn {
  padding: 8px 16px; font-size: 14px; color: var(--muted); background: #fff; border: none; cursor: pointer;
  transition: all .15s; border-right: 1px solid var(--border);
}
.view-switch-btn:last-child { border-right: none; }
.view-switch-btn:hover { color: var(--fg); background: rgb(248,250,252); }
.view-switch-btn.on { background: rgb(124,58,237); color: #fff; font-weight: 500; }

/* ===== 表格视图（像素级复刻模力指数） ===== */
/* 表格视图整体容器 */
.table-view-wrap { display: flex; flex-direction: column; gap: 0; }
/* 顶部 tab 栏(卡头)：左=统计信息固定黑粗标题；右=紫色切换 */
.table-view-tabs {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  background: #fff; border: 1px solid rgb(229,231,235);
  border-radius: 12px 12px 0 0; padding: 10px 14px;
}
.table-view-title { font-size: 15px; font-weight: 700; color: rgb(17,24,39); cursor: default; }
/* 右侧紫色切换（复用分析/表格视图切换风格） */
.tv-switch { display: flex; align-items: center; border: 1px solid rgb(229,231,235); border-radius: 8px; overflow: hidden; }
.tv-switch-btn {
  height: 34px; padding: 0 18px; font-size: 14px; color: rgb(107,114,128); background: #fff;
  border: none; cursor: pointer; transition: all .15s; border-right: 1px solid rgb(229,231,235);
}
.tv-switch-btn:last-child { border-right: none; }
.tv-switch-btn:hover { color: var(--fg); background: rgb(248,250,252); }
.tv-switch-btn.on { background: rgb(124,58,237); color: #fff; font-weight: 500; }

/* 表格列颜色：Top 用橙色（表头更深），正面/负面用绿色（表头更深） */
.th-orange { color: rgb(194,65,12) !important; font-weight: 700; }
.td-num.td-orange, td.td-orange { color: rgb(249,115,22) !important; }
/* 标准版 Top 用紫色（对应分析/表格视图切换紫 rgb(124,58,237)，表头略深） */
.th-violet { color: rgb(109,40,217) !important; font-weight: 700; }
.td-num.td-violet, td.td-violet { color: rgb(124,58,237) !important; }
.th-green { color: rgb(21,128,61) !important; font-weight: 700; }
.td-num.td-green, td.td-green { color: rgb(34,197,94) !important; }
/* 负面用红色（表头更深） */
.th-red { color: rgb(153,27,27) !important; font-weight: 700; }
.td-num.td-red, td.td-red { color: rgb(239,68,68) !important; }
/* 除首列外居中对齐（center-cell-table 内） */
.center-cell-table .th-center, .center-cell-table .td-center { text-align: center !important; }
.center-cell-table .th-left, .center-cell-table .cell-main.th-left { text-align: left; }
/* 内容引用明细标题超链接 */
.cite-title-link { color: rgb(37,99,235); text-decoration: none; }
.cite-title-link:hover { text-decoration: underline; }
.cite-title-cell { max-width: 420px; }

/* 白色卡片容器（对应参考页 stats-module-shell 内卡片） */
.tv-card {
  background: #fff; border: 1px solid rgb(229,231,235); border-radius: 12px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05); padding: 16px;
}
.tv-card-col { display: flex; flex-direction: column; gap: 16px; }

/* 统计信息/信源统计：左右分栏（媒体排行 320px | 内容明细 1fr） */
.reference-layout { display: grid; grid-template-columns: 320px 1fr; gap: 16px; }
.reference-panel { display: flex; flex-direction: column; min-width: 0; min-height: 0; border: 1px solid rgb(229,231,235); border-radius: 8px; background: #fff; overflow: hidden; }
.reference-panel-head {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  padding: 12px 14px; border-bottom: 1px solid rgb(243,244,246); background: rgb(249,250,251);
}
.reference-panel-title { font-size: 14px; font-weight: 600; color: rgb(17,24,39); margin: 0; }
.reference-panel-meta { font-size: 12px; color: rgb(107,114,128); white-space: nowrap; }
.reference-panel-body { padding: 8px 10px; overflow-y: auto; max-height: 520px; }

/* 媒体排行行（列表式） */
.media-row { display: flex; align-items: center; gap: 10px; padding: 7px 6px; border-radius: 6px; }
.media-row:hover { background: rgb(249,250,251); }
/* 媒体引用排行表头分隔线：与「内容引用明细」表头一致（下边框 + 底部留白） */
.media-row.media-head {
  border-bottom: 1px solid var(--border);
  border-radius: 0;
  padding-bottom: 8px;
  margin-bottom: 4px;
}
.media-row.media-head:hover { background: transparent; }
.media-rank { width: 20px; font-size: 12px; color: rgb(156,163,175); text-align: right; flex-shrink: 0; }
.media-name { flex: 1; min-width: 0; font-size: 13px; color: rgb(31,41,55); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.media-num { font-size: 12px; color: rgb(107,114,128); font-family: monospace; flex-shrink: 0; }
.media-pct { font-size: 12px; color: rgb(107,114,128); font-family: monospace; width: 52px; text-align: right; flex-shrink: 0; }
.tv-card .reference-panel-body { max-height: 360px; }

/* 内容引用明细表格滚动 */
.table-scroll { overflow-x: auto; }
.tv-card .table-scroll table th { font-size: 14px; color: var(--fg); font-weight: 500; }

/* 模型/竞品统计：模块内上下两块 */
.tv-inner { border: 1px solid rgb(229,231,235); border-radius: 8px; overflow: hidden; background: #fff; }
.tv-inner-head { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; border-bottom: 1px solid rgb(243,244,246); background: rgb(249,250,251); }
.sticky-head { position: sticky; top: 0; z-index: 5; }
.tv-inner .table-scroll { max-height: 420px; overflow: auto; }
.tv-inner table th { position: sticky; top: 0; background: #fff; z-index: 4; }

/* 监控问题明细单元格 */
.question-cell { max-width: 420px; }
.q-model-tag { display: inline-block; font-size: 11px; color: rgb(79,70,229); background: rgb(238,242,255); border-radius: 4px; padding: 1px 6px; margin-bottom: 4px; }
.q-text { font-size: 13px; color: rgb(17,24,39); font-weight: 500; line-height: 1.45; }
.q-meta { font-size: 11px; color: rgb(156,163,175); margin-top: 2px; }
.answer-cell { font-size: 12px; color: rgb(75,85,99); line-height: 1.5; white-space: pre-wrap; min-width: 300px; max-width: 560px; }

/* 视图切换按钮组（置于最右侧） */
.view-switch-btn-group { display: flex; align-items: center; }
.page-head .head-title-wrap { display: flex; align-items: center; height: 36px; }
.page-head .head-actions { margin-left: 8px; }
.page-head .head-actions.view-switch-btn-group { margin-left: auto; }

/* 卡体：与 tab 栏同卡（去掉上圆角/顶部边框，由 tab 栏的 border-b 分隔） */
.tv-card-body {
  background: #fff; border: 1px solid rgb(229,231,235); border-top: none;
  border-radius: 0 0 12px 12px; padding: 14px;
}
.tv-card-body .tv-inner { border: 1px solid rgb(229,231,235); border-radius: 8px; overflow: hidden; }
.tv-card-body > .tv-inner:not(:last-child) { margin-bottom: 0; }
/* 诊断视图：模型/竞品/信源统计拆为三张独立表卡，卡间纵向间距 24px（非诊断 tab 卡不受影响） */
.table-view-wrap .tv-card-body + .diag-stat-head { margin-top: 24px; }
/* 诊断页：统计三表（.table-view-wrap，信源统计收尾）与紧随的分析区第一个板块（答案浏览）间留 24px，
   与其他板块间距（.section margin-bottom:24px）一致；非诊断视图不会命中（table-view-wrap 仅在表格/诊断视图渲染） */
.table-view-wrap + div #answer-section { margin-top: 24px; }
/* 诊断视图：竞品排名+模型对比图表网格夹在模型统计与信源统计表卡之间，上下各 24px 与其他板块间距一致 */
.table-view-wrap .diag-chart-grid { margin: 24px 0; }

/* ===== 监控问题分页 + 快照凭证 ===== */
.q-pager { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.q-pager .q-page-size { height: 26px; border: 1px solid var(--border); border-radius: 6px; font-size: 12px; padding: 0 4px; color: var(--fg); background: #fff; }
.q-pager .btn-mini { font-size: 12px; padding: 3px 9px; }
.q-pager .word-pager-num { min-width: 26px; text-align: center; }
.q-pager .word-pager-num.word-pager-active { background: rgb(124,58,237); color: #fff; border-color: rgb(124,58,237); font-weight: 600; }
.q-pager .btn-mini:disabled { opacity: .45; cursor: not-allowed; }

.q-table .q-model-tag { margin-right: 6px; }
.snapshot-badge {
  display: inline-block; margin-left: 6px; padding: 0 6px; font-size: 11px; line-height: 1.6;
  color: rgb(37,99,235); background: rgb(239,246,255); border: 1px solid rgb(191,219,254); border-radius: 4px;
  font-weight: 500; vertical-align: middle;
}
.snapshot-link {
  padding: 1px 8px; font-size: 11px; color: rgb(37,99,235); background: rgb(239,246,255);
  border: 1px solid rgb(191,219,254); border-radius: 4px; cursor: pointer; transition: all .15s;
}
a.snapshot-link { text-decoration: none; display: inline-block; }
.snapshot-link:hover { background: rgb(219,234,254); }

/* 快照凭证弹窗 */
.snapshot-mask { position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 200; display: flex; align-items: center; justify-content: center; }
.snapshot-panel {
  background: #fff; border-radius: 14px; width: min(860px, 92vw); max-height: 88vh; display: flex; flex-direction: column;
  box-shadow: 0 20px 50px rgba(0,0,0,.25); overflow: hidden;
}
.snapshot-head { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--border); }
.snapshot-head h3 { font-size: 16px; font-weight: 600; margin: 0; }
.snapshot-meta { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; padding: 12px 20px; background: rgb(249,250,251); border-bottom: 1px solid var(--border); font-size: 12px; color: var(--muted); }
.snapshot-body { padding: 18px 20px; overflow-y: auto; flex: 1 1 auto; min-height: 180px; }
.snapshot-section-title { font-size: 12px; font-weight: 600; color: rgb(107,114,128); margin: 14px 0 8px; }
.snapshot-section-title:first-child { margin-top: 0; }
.snapshot-answer { font-size: 14px; line-height: 1.8; color: var(--fg); white-space: pre-wrap; }
.snap-cite { color: rgb(124,58,237); font-weight: 600; }
.snapshot-sources { margin: 0; padding-left: 20px; font-size: 13px; }
.snapshot-sources li { margin-bottom: 6px; }
.snapshot-sources a { color: rgb(37,99,235); text-decoration: none; }
.snapshot-sources a:hover { text-decoration: underline; }
.snapshot-site { color: var(--muted); font-size: 12px; }
.snapshot-mentioned { font-size: 13px; color: rgb(5,150,105); }

/* 原版样式快照（20260923）：沙箱 iframe 还原各 AI 原版排版；宽屏自适应、白底 */
.answer-html-wrap { margin-top: 8px; }
.snap-html-body {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
  padding: 14px 16px;
  overflow-wrap: break-word;
}
/* 作用域限定的自适应规则（仅作用于快照内容，不影响本站其它表格/图片）：
   快照元素带原平台固定像素宽度，塞进更窄面板会横向溢出（20260924 用户反馈） */
.snap-html-body * { max-width: 100% !important; }
.snap-html-body table { width: 100% !important; table-layout: fixed !important; }
.snap-html-body td, .snap-html-body th { word-break: break-word !important; }
.snap-html-body img { max-width: 100% !important; height: auto !important; }
.snap-html-body pre, .snap-html-body code { white-space: pre-wrap !important; word-break: break-word !important; }
.btn-mini-active { background: rgb(238, 242, 255) !important; color: rgb(67, 56, 202) !important; border-color: rgb(199, 210, 254) !important; }

/* 文本视图自适应宽度（20260923 用户反馈：消除横向滚动条）：表格收缩到容器宽 + 长词断行 */
.answer-body, .snapshot-answer { overflow-wrap: break-word; }
.answer-body table, .snapshot-answer table { table-layout: fixed; }
.snapshot-answer table { width: 100%; border-collapse: collapse; }

/* AI收录明细：完全展示（无内部滚动），分页在底部 */
.q-table-scroll { overflow-x: auto; }
.q-table-scroll table { width: 100%; border-collapse: collapse; }
.q-pager-bottom { padding: 12px 14px; border-top: 1px solid rgb(243,244,246); display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.q-pager-bottom .q-page-size { height: 26px; border: 1px solid var(--border); border-radius: 6px; font-size: 12px; padding: 0 4px; color: var(--fg); background: #fff; }
.q-pager-bottom .btn-mini { font-size: 12px; padding: 3px 9px; }
.q-pager-bottom .word-pager-num { min-width: 26px; text-align: center; }
.q-pager-bottom .word-pager-num.word-pager-active { background: rgb(124,58,237); color: #fff; border-color: rgb(124,58,237); font-weight: 600; }
.q-pager-bottom .btn-mini:disabled { opacity: .45; cursor: not-allowed; }

/* 信源统计：媒体引用排行与内容明细等高（360px）滚动，避免左栏限高导致下方留白 */
.tv-card .reference-panel-body.media-limit { max-height: 360px; overflow-y: auto; }

/* ===== 添加自定义模型弹窗 ===== */
.custom-model-panel { max-width: 560px; }
.custom-model-sub { margin-left: 8px; font-size: 12px; font-weight: 400; color: var(--muted); }
.key-input-wrap { position: relative; display: flex; align-items: center; }
.key-input-wrap .input { padding-right: 40px; }
.eye-toggle {
  position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
  width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;
  background: none; border: none; color: var(--muted); cursor: pointer; border-radius: 6px;
}
.eye-toggle:hover { color: var(--fg); background: rgb(243,244,246); }
.feature-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px 12px; }
.feature-check { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--fg); cursor: pointer; }
.feature-check input { width: 15px; height: 15px; accent-color: rgb(124,58,237); }
.think-tip { margin: 2px 0 14px; font-size: 12px; color: var(--muted); line-height: 1.6; }
.modal-footer { display: flex; justify-content: flex-end; gap: 10px; padding: 14px 24px; border-top: 1px solid rgb(243,244,246); }
.btn-ghost { padding: 8px 20px; font-size: 13px; border: 1px solid rgb(209,213,219); border-radius: 8px; background: #fff; color: var(--fg); cursor: pointer; transition: all .15s; }
.btn-ghost:hover { background: rgb(248,250,252); }
.btn-save { padding: 8px 24px; font-size: 13px; border: none; border-radius: 8px; background: rgb(17,24,39); color: #fff; cursor: pointer; transition: opacity .15s; font-weight: 500; }
.btn-save:hover { opacity: .88; }
.btn-mini.danger { color: rgb(220,38,38); border-color: rgb(252,165,165); }
.btn-mini.danger:hover { background: rgb(254,226,226); }

/* ============================================================
   采集任务（跨端全局可见）：进度条 / 暂停继续停止 / 批量 / 定时徽标 / 模型告警
   ============================================================ */
/* 项目卡左上角批量多选框 */
.batch-check {
  width: 16px; height: 16px; accent-color: rgb(124,58,237);
  flex-shrink: 0; cursor: pointer;
}
/* 每日定时徽标 */
.schedule-badge {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 12px; font-weight: 500; color: rgb(180, 83, 9);
  background: rgb(254, 243, 199); border: 1px solid rgb(253, 230, 138);
  border-radius: 20px; padding: 2px 10px; white-space: nowrap;
}
/* 定时采集因客户服务到期而停止：灰化，与「正在定时」明确区分 */
.schedule-badge.stopped {
  color: rgb(107, 114, 128); background: rgb(243, 244, 246); border-color: rgb(229, 231, 235);
}

/* ===== 客户服务期限（2026-09-03）===== */
/* 卡片右上角可能同时挂「倒计时」+「N 个项目」两个徽标，
   包一层 flex 免得 card-top 的 space-between 把它们扯到两端 */
.card-badges { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.svc-badge {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 12px; font-weight: 600; border-radius: 20px;
  padding: 2px 10px; white-space: nowrap; cursor: help;
}
/* 临近到期（剩 30 天内）：橙色提醒，与 schedule-badge 同色系 */
.svc-badge.warn { color: rgb(180, 83, 9); background: rgb(254, 243, 199); border: 1px solid rgb(253, 230, 138); }
/* 已到期：红色，采集已停用 */
.svc-badge.expired { color: rgb(153, 27, 27); background: rgb(254, 226, 226); border: 1px solid rgb(252, 165, 165); }
/* 「服务期：未设置（不限期）」弱化显示，不与真实服务期抢注意力 */
.svc-none { color: #c0c4cc; }
/* 弹窗里的到期日实时预览（.modal-fields 是 gap:16px 的 flex 列，直接当子元素即可） */
.svc-preview {
  font-size: 12px; line-height: 1.6; color: var(--muted);
  background: rgb(249, 250, 251); border: 1px solid var(--border);
  border-radius: 8px; padding: 8px 12px;
}
.svc-preview.warn { color: rgb(180, 83, 9); background: rgb(255, 251, 235); border-color: rgb(253, 230, 138); }
.svc-preview.expired { color: rgb(153, 27, 27); background: rgb(254, 242, 242); border-color: rgb(252, 165, 165); }
.svc-preview.off { color: #9ca3af; }
/* 到期后「立即执行」置灰；:hover 也要压住，否则看着还能点 */
.btn-mini:disabled { opacity: .45; cursor: not-allowed; }
.btn-mini:disabled:hover { background: #fff; }
/* 批量执行按钮有勾选时高亮 */
.btn-batch-ready {
  background: rgb(124,58,237); border-color: rgb(124,58,237); color: #fff; font-weight: 500;
}
.btn-batch-ready:hover { background: rgb(109,40,217); }
/* 项目卡「立即执行」按钮 */
.btn-run { background: rgb(238,242,255); border-color: rgb(199,210,254); color: rgb(67,56,202); font-weight: 500; }
.btn-run:hover { background: rgb(224,231,255); }

/* 模型 API 失效告警（项目卡：横向小标签） */
.model-warns { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 12px; }
.model-warn {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 12px; font-weight: 500; color: rgb(190, 18, 60);
  background: rgb(255, 241, 242); border: 1px solid rgb(254, 205, 211);
  border-radius: 6px; padding: 3px 10px; cursor: pointer; white-space: nowrap;
}
.model-warn:hover { background: rgb(254, 226, 226); }
/* 看板顶部告警条 */
.model-warn-bar {
  display: flex; flex-wrap: wrap; gap: 10px; align-items: center;
  background: rgb(255, 241, 242); border: 1px solid rgb(254, 205, 211);
  border-radius: 10px; padding: 10px 14px; margin-bottom: 16px;
}

/* 进行中任务（项目卡内嵌） */
.card-job {
  background: rgb(248, 250, 252); border: 1px solid var(--border-light);
  border-radius: 10px; padding: 8px 12px; margin: 4px 0 12px;
}
.card-job.job-paused { background: rgb(255, 251, 235); border-color: rgb(253, 230, 138); }
.job-line { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; flex-wrap: wrap; }
.job-status-icon {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 12px; font-weight: 600; white-space: nowrap;
}
.job-status-icon::before {
  content: ''; width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; background: currentColor;
}
.job-status-icon.pending { color: rgb(107, 114, 128); }
.job-status-icon.running { color: rgb(79, 70, 229); }
.job-status-icon.running::before { animation: job-pulse 1.2s ease-in-out infinite; }
.job-status-icon.paused { color: rgb(217, 119, 6); }
.job-status-icon.done { color: rgb(5, 150, 105); }
.job-status-icon.cancelled { color: rgb(107, 114, 128); }
.job-status-icon.error { color: rgb(220, 38, 38); }
@keyframes job-pulse { 0%,100% { opacity: 1; } 50% { opacity: .35; } }
.job-num { font-size: 13px; font-weight: 700; color: rgb(17, 24, 39); font-variant-numeric: tabular-nums; white-space: nowrap; }
.job-current {
  flex: 1; min-width: 0; font-size: 12px; color: var(--muted);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.job-actions { display: flex; gap: 6px; flex-shrink: 0; }
.job-btn { font-size: 12px; padding: 3px 9px; }
/* 进度条 */
.progress { height: 6px; border-radius: 3px; background: rgb(229, 231, 235); overflow: hidden; }
.progress.grow { flex: 1; min-width: 120px; }
.progress-bar {
  height: 100%; border-radius: 3px;
  background: linear-gradient(90deg, rgb(139,92,246), rgb(59,130,246));
  transition: width .4s ease;
}
/* 看板顶部任务进度条 */
.dash-job-bar {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  background: rgb(248, 250, 252); border: 1px solid var(--border-light);
  border-radius: 10px; padding: 10px 14px; margin-bottom: 16px;
}
.dash-job-bar.job-paused { background: rgb(255, 251, 235); border-color: rgb(253, 230, 138); }

/* ===== 每日定时表单 ===== */
.tab-switch { display: inline-flex; align-items: center; border: 1px solid var(--border); border-radius: 8px; overflow: hidden; }
.tab-btn {
  padding: 5px 14px; font-size: 12px; color: var(--muted); background: #fff;
  border: none; cursor: pointer; transition: all .15s; border-right: 1px solid var(--border);
}
.tab-btn:last-child { border-right: none; }
.tab-btn:hover { color: var(--fg); background: rgb(248,250,252); }
.tab-btn.on { background: rgb(124,58,237); color: #fff; font-weight: 500; }
.freq-sep { color: rgb(209, 213, 219); font-size: 13px; }
.opt-disabled { opacity: .55; cursor: not-allowed; }
.time-input { width: 130px; }
.freq-tip { margin-top: 8px; font-size: 12px; color: rgb(79, 70, 229); line-height: 1.6; }
.freq-tip b { font-weight: 600; }
.freq-tip-muted { color: var(--muted); }

/* ===== 执行采集弹窗 / 批量执行弹窗 ===== */
.run-panel { max-width: 520px; }
.run-body { padding: 18px 24px; }
.run-tip { margin: 0 0 8px; font-size: 13px; color: rgb(55, 65, 81); }
.run-tip-list { margin: 0 0 14px; padding-left: 18px; }
.run-tip-list li { font-size: 12px; color: var(--muted); line-height: 1.8; }
.run-model-list { display: flex; flex-direction: column; gap: 6px; max-height: 320px; overflow-y: auto; }
.run-model-list .model-item { justify-content: flex-start; padding: 8px 12px; }
.run-empty-tip { margin-top: 12px; font-size: 12px; color: var(--muted); }
.run-warn { margin-top: 12px; font-size: 12px; color: rgb(180, 83, 9); background: rgb(254, 243, 199); border-radius: 6px; padding: 6px 10px; }
.run-count { font-size: 12px; color: var(--muted); align-self: center; }


/* ===== 调用记录页 ===== */
.calls-filter { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-bottom: 14px; }
.calls-filter .input { max-width: 180px; }
.mv-name { font-size:12px; font-weight:600; color:#111827; line-height:1.3; word-break:break-all; }
.mv-ver { font-size:11px; color:#9ca3af; line-height:1.3; word-break:break-all; margin-top:1px; }
.calls-summary { font-size: 13px; color: rgb(107,114,128); margin-right: 6px; }
.calls-pager { display: flex; gap: 12px; align-items: center; margin-top: 12px; font-size: 13px; color: rgb(107,114,128); }
.calls-detail { margin-top: 16px; padding: 14px 16px; background: rgb(249,250,251); border: 1px solid var(--border); border-radius: 10px; font-size: 13px; color: rgb(55,65,81); line-height: 1.8; }
.calls-detail h3 { margin: 0 0 6px; font-size: 14px; color: rgb(17,24,39); }
.cell-q { max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cell-sub { color: rgb(156,163,175); font-size: 12px; }
.cell-mono { font-variant-numeric: tabular-nums; white-space: nowrap; }
tr.row-clicked td { background: rgb(238, 242, 255) !important; }
.badge-success { background: rgb(240,253,244); color: rgb(22,101,52); }
.badge-failed { background: rgb(254,242,242); color: rgb(185,28,28); }
.badge-pending { background: rgb(255,247,237); color: rgb(154,52,18); }
.badge-skipped { background: rgb(243,244,246); color: rgb(107,114,128); }


/* 调用记录：横向滚动 + 表格最小宽（避免右列被裁切）+ 分页弹性间隔 */
.calls-table-wrap { overflow-x: auto; }
.calls-table-wrap .data-table { min-width: 1180px; }
.calls-pager-spacer { flex: 1; }


/* ===== 侧边栏收缩 ===== */
.sidebar-top { display: flex; align-items: center; justify-content: space-between; padding: 0 4px 16px; }
.sidebar-toggle { background: none; border: none; cursor: pointer; color: var(--muted); padding: 6px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; }
.sidebar-toggle:hover { background: rgb(243, 244, 246); color: var(--fg); }
.nav-mark { display: none; }
.sidebar nav a { display: flex; align-items: center; gap: 8px; }
.sidebar.collapsed { width: 58px; padding: 16px 8px; }
.sidebar.collapsed .logo { display: none; }
.sidebar.collapsed .sidebar-top { justify-content: center; padding: 0 0 16px; }
.sidebar.collapsed nav { width: 100%; }
.sidebar.collapsed nav a { justify-content: center; padding: 10px 0; }
.sidebar.collapsed .nav-mark { display: inline-block; font-size: 15px; }
.sidebar.collapsed .nav-text { display: none; }
.sidebar.collapsed .sidebar-foot { justify-content: center; }
.sidebar.collapsed .logout-text { display: none; }

/* ===== 调用记录日期筛选 ===== */
.calls-date-sep { color: rgb(107, 114, 128); font-size: 13px; }

/* ===== 登录记住密码 ===== */
.remember-row { margin: 2px 0 12px; display: flex; }
.remember-label { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: rgb(107, 114, 128); cursor: pointer; user-select: none; }
.remember-label input { cursor: pointer; }


/* ===== 发稿统计页 ===== */
.art-bars { display: flex; flex-direction: column; gap: 8px; }
/* 后台发稿统计：分布图最多显示约 10 条，超出滚动 */
.art-bars.art-bars-limit { max-height: 372px; overflow-y: auto; }
.art-bar-row { display: flex; align-items: center; gap: 8px; font-size: 13px; color: rgb(55,65,81); padding: 3px 12px; }
.art-bar-label { width: 96px; flex-shrink: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.art-bar-track { flex: 1; background: rgb(243,244,246); border-radius: 6px; height: 14px; overflow: hidden; }
.art-bar-fill { height: 100%; background: linear-gradient(90deg, rgb(99,102,241), rgb(139,92,246)); border-radius: 6px; min-width: 2px; }
.art-bar-num { width: 32px; text-align: right; font-variant-numeric: tabular-nums; color: rgb(107,114,128); }
.art-collect-badge { background: rgb(240,253,244); color: rgb(22,101,52); font-size: 12px; padding: 2px 8px; border-radius: 12px; font-weight: 500; }
.art-import-tip { font-size: 12px; color: rgb(107,114,128); margin-bottom: 10px; line-height: 1.6; }
.art-import-status { margin-top: 10px; padding: 10px 12px; border-radius: 8px; font-size: 13px; line-height: 1.6; }
.art-import-status.ok { background: rgb(240,253,244); color: rgb(22,101,52); }
.art-import-status.bad { background: rgb(254,242,242); color: rgb(185,28,28); }
.art-fail-list { margin: 6px 0 0 18px; padding: 0; }

/* ===== 统计版发稿视图：大气面板（借鉴 reference-panel 骨架，客户报告风） ===== */
.stat-panel {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(16,24,40,0.04);
  overflow: hidden;
}
.stat-panel-head {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 8px;
  padding: 20px 24px 12px;
}
.stat-panel-head h3 {
  font-size: 16px; font-weight: 600; color: rgb(17,24,39); margin: 0; line-height: 1.45;
}
.stat-panel-meta { font-size: 13px; color: rgb(107,114,128); white-space: nowrap; padding-bottom: 2px; }
.stat-panel-body { padding: 4px 14px 20px; }
.stat-panel .data-table th {
  background: #fff; font-size: 14px; font-weight: 500; color: var(--fg);
  padding: 10px 14px; border-bottom: 1px solid var(--border); white-space: nowrap;
}
.stat-panel .data-table td {
  font-size: 14px; color: rgb(75,85,99); padding: 14px; border-bottom: 1px solid var(--border-light);
}
.stat-panel .data-table tr:last-child td { border-bottom: none; }
.stat-panel .data-table tbody tr:hover td { background: rgb(250,250,252); }
/* 序号列 */
.stat-panel th.th-idx, .stat-panel td.idx-cell {
  width: 44px; text-align: center; font-variant-numeric: tabular-nums;
}
.stat-panel td.idx-cell { color: rgb(156,163,175); font-size: 13px; }
/* 表格内链接 / 数字列补充定位 */
.stat-panel .idx-cell + td { padding-left: 4px; }
/* 发稿明细分页条 */
.stat-pager { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 18px; }
.stat-pager button {
  border: 1px solid var(--border); background: #fff; color: rgb(55,65,81);
  font-size: 13px; line-height: 1; padding: 9px 18px; border-radius: 8px; cursor: pointer;
  transition: all .15s;
}
.stat-pager button:hover:not(:disabled) { border-color: rgb(167,139,250); color: rgb(79,70,229); background: rgb(250,250,255); }
.stat-pager button:disabled { opacity: .45; cursor: not-allowed; }
.stat-pager-info { font-size: 13px; color: rgb(107,114,128); display: inline-flex; align-items: center; gap: 6px; }
.stat-pager-input {
  width: 52px; text-align: center; border: 1px solid var(--border-input); border-radius: 8px;
  padding: 5px 4px; font-size: 13px; color: rgb(55,65,81); outline: none; background: #fff;
}
.stat-pager-input:focus { border-color: rgb(139,92,246); }
/* 空状态单元格（发稿统计视图用） */
.stat-panel .empty-td { text-align: center; color: rgb(156,163,175); padding: 28px 14px; font-size: 13px; }

/* 看板发稿明细：固定列宽（标题列自适应但不过宽），标题溢出省略 */
.art-detail-table { table-layout: fixed; }
.art-detail-table th, .art-detail-table td { overflow: hidden; }
.art-detail-table .th-idx, .art-detail-table td.idx-cell { width: 56px; }
.art-detail-table .th-media-type, .art-detail-table td:nth-child(3) { width: 110px; }
.art-detail-table .th-media-col, .art-detail-table td:nth-child(4) { width: 170px; }
.art-detail-table .th-date-col, .art-detail-table td:nth-child(5) { width: 130px; }
.art-detail-table .art-title-cell { padding-right: 10px; }
.art-detail-table .art-title-cell a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* 渠道名称设置：自动发现候选列表 */
.chan-auto-list { display: flex; flex-direction: column; gap: 6px; max-height: 240px; overflow-y: auto; margin-bottom: 8px; }
.chan-auto-item { display: flex; align-items: center; gap: 10px; padding: 6px 10px; border: 1px solid var(--border-light); border-radius: 8px; }
.chan-auto-domain { font-size: 14px; font-weight: 600; color: var(--fg); }
.chan-auto-meta { font-size: 12px; }
.chan-matched-badge { font-size: 12px; color: rgb(22,101,52); background: rgb(220,252,231); border: 1px solid rgb(187,247,208); border-radius: 4px; padding: 2px 8px; white-space: nowrap; }

/* 批量编辑：未勾选字段的禁用态 */
.muted { opacity: 0.45; }


/* 发稿统计-客户版 曲线图（参考趋势分析的 DOM 悬停弹窗） */
.dash-art-chart-shell { position: relative; }
.dash-art-hover-layer { position: absolute; inset: 13px; z-index: 2; cursor: default; background: transparent; }
.dash-art-tip { position: absolute; z-index: 30; pointer-events: none; background: #fff; border: 1px solid var(--border); border-radius: 8px; box-shadow: 0 4px 16px rgba(0,0,0,0.12); padding: 8px 10px; font-size: 12px; color: #374151; min-width: 150px; }


/* ============================================================
   统计分页器（发稿记录/收录排名/发稿明细通用：每页条数+页码圆点）
   ============================================================ */
.sp-pager { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-top: 12px; }
.sp-size { font-size: 13px; color: rgb(107,114,128); display: inline-flex; align-items: center; gap: 6px; margin-right: 6px; }
.sp-size select {
  height: 28px; border: 1px solid var(--border); border-radius: 6px;
  font-size: 13px; padding: 0 4px; color: var(--fg); background: #fff; cursor: pointer;
}
.sp-btn {
  background: #fff; border: 1px solid var(--border); border-radius: 9999px;
  padding: 5px 14px; font-size: 13px; color: rgb(75,85,99); cursor: pointer;
  transition: background .15s ease, color .15s ease;
}
.sp-btn:hover:not(:disabled) { background: rgb(249,250,251); color: rgb(79,70,229); }
.sp-btn:disabled { opacity: .45; cursor: not-allowed; }
.sp-num {
  min-width: 30px; height: 30px; border: 1px solid var(--border); border-radius: 50%;
  background: #fff; font-size: 13px; color: rgb(75,85,99); cursor: pointer;
  transition: background .15s ease, color .15s ease;
}
.sp-num:hover { background: rgb(243,244,246); }
.sp-num.on { background: rgb(124,58,237); border-color: rgb(124,58,237); color: #fff; font-weight: 600; }
.sp-dots { color: rgb(156,163,175); font-size: 13px; padding: 0 2px; }
.sp-total { font-size: 13px; color: rgb(107,114,128); margin-left: 6px; }

/* 启动骨架屏（Vue 挂载前显示，挂载后随 #app 内容替换消失） */
.boot-loading {
  position: fixed; inset: 0; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 14px;
  background: rgb(249, 250, 251); z-index: 9999;
}
.boot-logo { font-size: 22px; font-weight: 700; color: rgb(124,58,237); letter-spacing: 1px; }
.boot-spinner {
  width: 34px; height: 34px; border-radius: 50%;
  border: 3px solid rgb(229,231,235); border-top-color: rgb(124,58,237);
  animation: boot-spin .8s linear infinite;
}
.boot-text { font-size: 13px; color: rgb(107,114,128); }
@keyframes boot-spin { to { transform: rotate(360deg); } }


/* 设置页：情感词/渠道名称 左右两列布局 */
.senti-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.chan-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 20px; }
.chan-grid textarea { width: 100%; }
.chan-grid .chan-auto-list { max-height: 330px; }

/* 统计分页器：板块底部居中 */
.sp-pager { justify-content: center; }


/* 渠道名称：结构化映射表格 */
.chan-table { display: flex; flex-direction: column; gap: 8px; }
.chan-row { display: grid; grid-template-columns: 1fr 1.2fr 1.4fr 70px 70px; gap: 8px; align-items: center; }
.chan-row input { min-width: 0; }
.chan-row-head { font-size: 12px; color: rgb(156,163,175); font-weight: 500; padding: 0 2px; }
.chan-src { font-size: 12px; color: rgb(79,70,229); background: rgb(238,242,255); border-radius: 4px; padding: 2px 6px; text-align: center; }
.chan-src.auto { color: rgb(180,83,9); background: rgb(254,243,199); }


/* 模型 logo（API 设置上传/模型统计/添加项目模型选择） */
.model-logo-box {
  width: 44px; height: 44px; flex-shrink: 0; border: 1px dashed var(--border);
  border-radius: 8px; display: flex; align-items: center; justify-content: center;
  cursor: pointer; overflow: hidden; background: #fff; position: relative;
}
.model-logo-box:hover { border-color: rgb(124,58,237); }
.model-logo-box img { width: 100%; height: 100%; object-fit: contain; }
.model-logo-add { font-size: 11px; color: rgb(156,163,175); text-align: center; line-height: 1.2; }
.model-logo-img { width: 22px; height: 22px; object-fit: contain; vertical-align: middle; margin-right: 6px; border-radius: 4px; }

/* ===== 诊断报告 ===== */
.diag-tip { font-size: 13px; color: rgb(107, 114, 128); margin: 0 0 14px; line-height: 1.7; }
/* 后台「诊断报告」列表右侧被截断（2026-09-02 修，20260902d 定稿）
   根因：.data-table th/td 默认 white-space:nowrap，叠加操作列 5 个按钮，表格自然宽 ≈1200px；
   而容器可用宽 1440 窗口仅 1120px（220 侧栏 + 72 .main padding + 28 .stat-panel-body padding），
   外层 .stat-panel 又是 overflow:hidden → 超宽部分被硬裁且无滚动条。
   修法：table-layout:fixed + 百分比列宽，表格宽度恒等于容器宽（不靠滚动兜底）；
   仅当可用宽 < min-width 时才由 .diag-table-wrap 触发横向滚动。
   2026-09-03：列数 7 -> 5（删「行业」「竞品」），min-width 同步 900 -> 780，
   窄屏不再无谓地出横向滚动条。 */
.diag-table-wrap { overflow-x: auto; }
.diag-table-wrap .data-table { table-layout: fixed; width: 100%; min-width: 780px; }
.diag-table-wrap .data-table th,
.diag-table-wrap .data-table td {
  white-space: normal; word-break: break-word; overflow-wrap: anywhere; vertical-align: top;
}
/* 列宽合计 100%：品牌20 平台18 状态14 时间16 操作32
   2026-09-03：删掉「行业」「竞品」两列后 7 -> 5 列，腾出的 22% 重新分配：
   操作列 26->32（5 个按钮更宽裕）、状态列 9->14（进度条 + 「AI分析中」不挤）、
   品牌 16->20、平台 14->18、时间 13->16。
   table-layout:fixed 下百分比必须合计 100%，少一列不重算会让表格右侧留白。 */
.diag-table-wrap .data-table th:nth-child(1) { width: 20%; }
.diag-table-wrap .data-table th:nth-child(2) { width: 18%; }
.diag-table-wrap .data-table th:nth-child(3) { width: 14%; }
.diag-table-wrap .data-table th:nth-child(4) { width: 16%; }
.diag-table-wrap .data-table th:nth-child(5) { width: 32%; }
/* 创建时间保持一行更整齐（13% 足够放 "2026-09-02 17:49"） */
.diag-table-wrap .data-table td.cell-mono { white-space: nowrap; word-break: keep-all; overflow-wrap: normal; }
/* 操作列：紧凑按钮 + 允许折行，32% 宽下 5 个按钮可排 2 行（原 26% 时更挤） */
.diag-ops { white-space: normal; }
.diag-ops .btn-mini { padding: 4px 9px; font-size: 12px; margin: 3px 5px 3px 0; }
/* 「重新诊断」弹窗提示：覆盖原报告是有后果的操作（旧采集数据与研判被替换），
   措辞要比新建时醒目。基础排版复用 .art-import-tip，这里只加背景/边框/内距做强调。 */
.diag-rerun-tip { background: rgb(255,247,237); border-left: 3px solid rgb(245,90,11); padding: 8px 10px; border-radius: 4px; color: rgb(120,53,15); }
.diag-rerun-tip b { color: rgb(180,83,9); }
.diag-status { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; padding: 3px 12px; border-radius: 20px; font-weight: 500; }
.ds-pending { background: rgb(243, 244, 246); color: rgb(107, 114, 128); }
.ds-collecting { background: rgb(239, 246, 255); color: rgb(29, 78, 216); }
.ds-analyzing { background: rgb(245, 243, 255); color: rgb(109, 40, 217); }
.ds-done { background: rgb(240, 253, 244); color: rgb(22, 101, 52); }
.ds-error { background: rgb(255, 241, 242); color: rgb(190, 18, 60); }
.ds-spin { width: 12px; height: 12px; border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: diagSpin 0.9s linear infinite; flex: none; }
@keyframes diagSpin { to { transform: rotate(360deg); } }
.diag-prog { display: flex; align-items: center; gap: 8px; margin-top: 6px; max-width: 220px; }
.diag-prog-bar { flex: 1; height: 6px; border-radius: 4px; background: rgb(229, 231, 235); overflow: hidden; }
.diag-prog-bar i { display: block; height: 100%; border-radius: 4px; background: linear-gradient(90deg, rgb(79, 70, 229), rgb(99, 102, 241)); transition: width 0.4s; }
.diag-prog-num { font-size: 12px; color: rgb(107, 114, 128); white-space: nowrap; }
.diag-err { color: rgb(190, 18, 60); max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.diag-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }


/* ---------- 诊断看板（诊断视图专属板块） ---------- */
.diag-ab-tabs{display:flex;gap:8px;margin-left:16px}
.diag-ab-tab{border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:4px 14px;font-size:12px;color:#6b7280;cursor:pointer}
.diag-ab-tab.on{background:#7c3aed;border-color:#7c3aed;color:#fff}
/* ===== 诊断「关键词词云」板块：螺旋布局（renderWordClouds 绝对定位填充） ===== */
.wc-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.wc-col { position: relative; border: 1px solid rgb(229,231,235); border-radius: 12px; padding: 20px; }
.wc-col-title { font-size: 14px; font-weight: 600; color: #374151; margin-bottom: 8px; }
.wc-cloud { position: relative; overflow: hidden; height: 300px; }
.wc-word { font-weight: 600; line-height: 1.2; white-space: nowrap; }
.wc-word-pos { color: #10b981; }
.wc-word-neg { color: #ef4444; }
.wc-empty-tip { position: absolute; top: 55%; left: 0; right: 0; text-align: center; color: #9ca3af; font-size: 13px; }
@media (max-width: 768px) { .wc-cols { grid-template-columns: 1fr; } }
.diag-info-body{padding:18px 22px}
.diag-brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px 18px;margin-bottom:14px}
.diag-brand-item{display:flex;gap:8px;font-size:13px;line-height:1.6}
.diag-k{color:#9ca3af;flex:0 0 64px}
.diag-v{color:#111827;word-break:break-all}
.diag-pc-note{font-size:12px;color:#9ca3af;margin-bottom:10px}
.diag-pc-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.diag-pc-col{border:1px solid #f1f5f9;border-radius:10px;padding:14px;background:#fafafa}
.diag-pc-pro{background:#f0fdf4;border-color:#dcfce7}
.diag-pc-con{background:#fef2f2;border-color:#fee2e2}
.diag-pc-title{font-size:13px;font-weight:600;margin-bottom:8px;color:#111827}
.diag-pc-item{font-size:13px;line-height:1.7;margin-bottom:6px;color:#374151}
.diag-pc-item b{color:#111827;margin-right:6px}
.diag-kw-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.diag-kw-col{border:1px solid #ede9fe;border-radius:10px;padding:14px;background:#faf5ff}
.diag-kw-title{font-size:13px;font-weight:600;color:#6b21a8;margin-bottom:6px}
.diag-kw-desc{font-size:12px;color:#6b7280;margin-bottom:8px;line-height:1.6}
.diag-kw-words{display:flex;flex-wrap:wrap;gap:6px}
.diag-kw-word{background:#fff;border:1px solid #ddd6fe;color:#5b21b6;border-radius:999px;padding:2px 10px;font-size:12px}
.diag-opt{display:flex;gap:12px;padding:10px 0;border-bottom:1px dashed #f1f5f9}
.diag-opt:last-child{border-bottom:none}
.diag-opt-idx{flex:0 0 26px;height:26px;border-radius:50%;background:#7c3aed;color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center}
.diag-opt-h{font-size:14px;font-weight:600;color:#111827;margin-bottom:2px}
.diag-opt-p{font-size:13px;color:#4b5563;line-height:1.7}
@media (max-width:900px){.diag-pc-cols,.diag-kw-cols{grid-template-columns:1fr}}

/* ==== 诊断 banner（图一：蓝色渐变标题区）==== */
.diag-hero{text-align:center;padding:50px 30px;background:linear-gradient(135deg,#1e3a5f 0%,#2563eb 50%,#0ea5e9 100%);border-radius:20px;margin-bottom:24px;color:#fff;box-shadow:0 20px 40px rgba(37,99,235,.15)}
.diag-hero-title{font-size:2.5rem;font-weight:700;margin-bottom:10px;letter-spacing:-.5px;color:#fff}
.diag-hero-sub{font-size:1.1rem;opacity:.9;font-weight:300}
.diag-hero-meta{margin-top:15px;font-size:.9rem;opacity:.7}
/* ==== 企业在AI平台上展现的信息（图二"01"样式）==== */
.diag-ov-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:6px}
.diag-ov-no{flex:none;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-weight:800;font-size:1.05rem;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px -8px rgba(79,70,229,.6)}
.diag-ov-title{font-size:1.45rem;font-weight:750;letter-spacing:-.01em;margin:0}
.diag-ov-divider{height:1px;background:linear-gradient(90deg,#e9edf4,transparent);margin:22px 0 26px}
.diag-ov{display:grid;grid-template-columns:1fr 1fr;gap:2px 0}
.diag-ov-row{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:14px 4px;border-bottom:1px solid #e9edf4}
.diag-ov-k{color:#6b7280;font-weight:600;font-size:.9rem}
.diag-ov-v{font-size:.95rem;color:#0f172a}
.diag-ov-v a{color:#4f46e5;text-decoration:none}
.diag-ov-full{grid-column:1/-1}
.diag-ov-full .diag-ov-v{line-height:1.8;color:#334155}
.diag-pc-head{font-size:1rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:9px;margin-bottom:10px}
.diag-pc-head::before{content:"";width:4px;height:17px;border-radius:4px;background:linear-gradient(135deg,#4f46e5,#7c3aed)}
@media (max-width:900px){.diag-ov{grid-template-columns:1fr}.diag-hero{padding:35px 20px}.diag-hero-title{font-size:1.8rem}}

/* ===== 品牌别名（2026-09-03）：监控品牌卡片 + 竞品标签 + 别名编辑对话框 + 重算进度 ===== */
.brand-card {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  border: 1px solid rgb(212, 215, 226); border-radius: 8px; padding: 8px 12px;
  cursor: pointer; background: #fff; transition: border-color .15s, box-shadow .15s; min-height: 38px;
}
.brand-card:hover { border-color: rgb(67, 56, 202); box-shadow: 0 0 0 2px rgba(67, 56, 202, .08); }
.brand-card-name { font-size: 14px; color: rgb(31, 41, 55); font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.brand-card-name.placeholder { color: rgb(156, 163, 175); font-weight: 400; }
.brand-card-alias { font-size: 12px; color: rgb(67, 56, 202); background: rgb(238, 242, 255); border-radius: 6px; padding: 2px 8px; white-space: nowrap; }
.brand-card-alias.empty { color: rgb(156, 163, 175); background: rgb(243, 244, 246); }

.comp-tag2 {
  font-size: 13px; background: rgb(243, 244, 246); color: rgb(55, 65, 81);
  border-radius: 8px; padding: 4px 8px 4px 10px; display: inline-flex; align-items: center; gap: 4px;
  cursor: pointer; border: 1px solid transparent; transition: border-color .15s, background .15s;
}
.comp-tag2:hover { border-color: rgb(67, 56, 202); background: rgb(238, 242, 255); }
.comp-tag2-name { max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.comp-acount { font-size: 11px; color: rgb(67, 56, 202); }

/* 自动建议竞品（20260924）：独立于竞品框，默认折叠，展开后 chip 间留间距 */
.comp-suggest { margin-top: 8px; }
.comp-suggest-head { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.comp-suggest-head .cell-sub { margin: 0; }
.comp-suggest-toggle {
  flex: none; border: 1px solid rgb(199, 210, 254); background: #fff; border-radius: 6px;
  font-size: 12px; color: rgb(67, 56, 202); cursor: pointer; padding: 2px 10px; line-height: 18px;
  transition: border-color .15s, background .15s;
}
.comp-suggest-toggle:hover { border-color: rgb(67, 56, 202); background: rgb(238, 242, 255); }
.comp-suggest-grid { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 2px 0 4px; }
.comp-suggest-tag { border: 1px dashed rgb(199, 210, 254); background: rgb(238, 242, 255); }
.comp-suggest-plus { font-weight: 700; color: rgb(67, 56, 202); }

.alias-mask { z-index: 200; }
.alias-panel { width: min(92vw, 480px); }
.alias-chips {
  display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
  border: 1px solid rgb(212, 215, 226); border-radius: 8px; padding: 8px; min-height: 42px; background: #fff;
}
.alias-chip {
  font-size: 13px; background: rgb(238, 242, 255); color: rgb(55, 65, 81);
  border-radius: 6px; padding: 3px 6px 3px 10px; display: inline-flex; align-items: center; gap: 4px;
}
/* 发稿关键词组合词（A+B）醒目样式：琥珀底 + 描边 + 加粗 */
.alias-chip.kw-combo {
  background: rgb(255, 247, 214); color: rgb(146, 64, 14);
  border: 1px solid rgb(252, 211, 77); font-weight: 600; padding: 2px 6px 2px 9px;
}
.alias-del { border: none; background: transparent; cursor: pointer; color: rgb(156, 163, 175); font-size: 14px; line-height: 1; }
.alias-del:hover { color: rgb(239, 68, 68); }
.alias-input { border: none; outline: none; font-size: 13px; font-family: inherit; color: rgb(55, 65, 81); flex: 1; min-width: 140px; padding: 2px; }
.field-tip { font-size: 12px; color: rgb(107, 114, 128); margin-top: 6px; line-height: 1.5; }
.reanalyze-job .job-status-icon.running { color: rgb(67, 56, 202); }


/* ===== 页顶 API 异常铃铛 + 提醒弹框 ===== */
.alert-bell { position: relative; display: inline-flex; align-items: center; justify-content: center; margin-left: 10px; padding: 6px; border: none; background: transparent; color: rgb(156, 163, 175); cursor: pointer; border-radius: 8px; vertical-align: middle; line-height: 0; }
.alert-bell:hover { color: rgb(107, 114, 128); background: rgb(243, 244, 246); }
.alert-bell.has-unread { color: rgb(239, 68, 68); }
.alert-bell-dot { position: absolute; top: 3px; right: 3px; width: 8px; height: 8px; border-radius: 50%; background: rgb(239, 68, 68); box-shadow: 0 0 0 2px #fff; }
.alert-row { padding: 10px 12px; border: 1px solid rgb(243, 244, 246); border-radius: 10px; margin-bottom: 8px; background: rgb(250, 250, 251); }
.alert-row-top { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.alert-proj { font-weight: 600; color: rgb(31, 41, 55); font-size: 13px; }
.alert-model { color: rgb(55, 65, 81); font-size: 12px; }
.alert-type { font-size: 11px; color: rgb(185, 28, 28); background: rgb(254, 226, 226); border-radius: 999px; padding: 2px 8px; }
.alert-time { margin-left: auto; color: rgb(156, 163, 175); font-size: 12px; }
.alert-msg { margin-top: 6px; color: rgb(107, 114, 128); font-size: 12px; line-height: 1.6; word-break: break-all; }


/* ===== 表格视图：模型统计 logo+文字垂直居中；AI 明细平台列 logo+文字 ===== */
.center-cell-table td.cell-main { display: flex; align-items: center; }
.center-cell-table td.cell-main .model-logo-img { flex: 0 0 auto; }
.cell-main-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.q-model-cell { display: inline-flex; align-items: center; max-width: 220px; vertical-align: middle; }


/* ===== AI 明细：模型名与快照凭证按钮留出间距 ===== */
.q-model-cell + .snapshot-link { margin-left: 12px; }

/* ===== API 异常小标签（设置页模型行 / API 预览框）===== */
.api-alert-tag {
  display: inline-flex; align-items: center; margin-left: 8px; padding: 1px 9px;
  font-size: 11px; line-height: 18px; color: #fff; background: rgb(239, 68, 68);
  border: none; border-radius: 999px; cursor: pointer; vertical-align: middle; font-weight: 500;
}
.api-alert-tag:hover { background: rgb(220, 38, 38); }

.alert-api { margin-top: 4px; font-size: 12px; color: rgb(55, 65, 81); }

.model-api-cooling { display: inline-block; margin-left: 8px; padding: 1px 8px; font-size: 11px; line-height: 18px; color: rgb(146, 64, 14); background: rgb(254, 243, 199); border-radius: 999px; vertical-align: middle; }


/* ===== 成本中心 ===== */
.cost-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.cost-card { border: 1px solid rgb(229, 231, 235); border-radius: 10px; padding: 12px 14px; background: rgb(250, 250, 251); }
.cost-card.ok { border-color: rgb(187, 247, 208); background: rgb(240, 253, 244); }
.cost-card.err { border-color: rgb(254, 202, 202); background: rgb(254, 242, 242); }
.cost-card-name { font-size: 13px; font-weight: 600; color: rgb(31, 41, 55); }
.cost-card-sub { margin-left: 6px; font-size: 11px; color: rgb(156, 163, 175); font-weight: 400; }
.cost-card-bal { margin-top: 6px; font-size: 22px; font-weight: 700; color: rgb(22, 163, 74); }
.cost-card-msg { margin-top: 6px; font-size: 12px; color: rgb(107, 114, 128); line-height: 1.5; }

.cost-card-month { margin-top: 4px; font-size: 12px; color: rgb(55, 65, 81); }
.cost-card-prods { margin-top: 6px; display: flex; flex-wrap: wrap; gap: 4px; }
.cost-prod-tag { font-size: 11px; color: rgb(75, 85, 99); background: rgb(243, 244, 246); border-radius: 4px; padding: 1px 6px; }

/* ===== 模型选择卡片（20260911 卡片化改版）===== */
.model-card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(172px, 1fr)); gap: 8px; max-height: 320px; overflow-y: auto; padding: 2px; }
.model-card { background: #fff; border: 1.5px solid rgb(229, 231, 235); border-radius: 10px; padding: 8px 10px; cursor: pointer; user-select: none; transition: border-color .15s, box-shadow .15s; }
.model-card:hover { border-color: rgb(165, 180, 252); }
.model-card.sel { border-color: rgb(99, 102, 241); box-shadow: 0 0 0 2px rgba(99, 102, 241, .12); }
.model-card.model-disabled { opacity: .55; cursor: not-allowed; }
.mc-top { display: flex; align-items: center; gap: 6px; }
.mc-logo { width: 20px; height: 20px; object-fit: contain; border-radius: 4px; flex: 0 0 auto; }
.mc-name { font-size: 13px; font-weight: 600; color: rgb(31, 41, 55); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1 1 auto; }
.mc-badge { font-size: 10px; line-height: 1; padding: 3px 6px; border-radius: 999px; flex: 0 0 auto; font-weight: 600; }
.mc-badge-api { color: rgb(67, 56, 202); background: rgb(224, 231, 255); }
.mc-badge-web { color: rgb(21, 128, 61); background: rgb(220, 252, 231); }
.mc-radio { width: 14px; height: 14px; border-radius: 50%; border: 1.5px solid rgb(209, 213, 219); flex: 0 0 auto; position: relative; background: #fff; }
.mc-radio.on { border-color: rgb(99, 102, 241); }
.mc-radio.on::after { content: ''; position: absolute; inset: 2.5px; border-radius: 50%; background: rgb(99, 102, 241); }
.mc-mode { display: flex; align-items: center; gap: 14px; margin-top: 6px; padding-left: 26px; min-height: 18px; }
.mc-opt { font-size: 12px; color: rgb(107, 114, 128); display: flex; align-items: center; gap: 4px; cursor: pointer; }
.mc-opt input { accent-color: rgb(79, 70, 229); cursor: pointer; margin: 0; }
.mc-opt.on { color: rgb(55, 48, 163); font-weight: 600; }
.mc-opt-web.on { color: rgb(21, 128, 61); }
.mc-opt-web.on input { accent-color: rgb(22, 163, 74); }
.mc-nosup { font-size: 12px; color: rgb(156, 163, 175); }

/* ===== 答案角标（DeepSeek 引用角标 [N]，20260911）===== */
.cite-sup { display: inline-flex; align-items: center; justify-content: center; min-width: 15px; height: 15px; padding: 0 3px; margin: 0 1px; border-radius: 999px; background: rgb(224, 231, 255); color: rgb(67, 56, 202); font-size: 10px; font-weight: 700; line-height: 1; vertical-align: super; text-decoration: none; cursor: default; }
a.cite-sup { cursor: pointer; }
a.cite-sup:hover { background: rgb(199, 210, 254); }

/* ===== 客户端账号页表格版（20260911，布局对齐采集客户端账号管理）===== */
.acct-toolbar { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; flex-wrap: wrap; }
.acct-tabs { display: flex; gap: 6px; }
.acct-tab-on { background: rgb(238, 242, 255) !important; color: rgb(67, 56, 202) !important; font-weight: 600; }
.acct-filter-sel { width: 160px; }
.acct-search { width: 180px; }
.acct-table td { vertical-align: middle; }
.acct-avatar { width: 38px; height: 38px; border-radius: 8px; background: rgb(243, 244, 246); display: flex; align-items: center; justify-content: center; overflow: hidden; font-size: 18px; }
.acct-avatar img { width: 100%; height: 100%; object-fit: contain; }
.acct-platform { display: flex; align-items: center; gap: 6px; }
.acct-platform img { width: 20px; height: 20px; object-fit: contain; border-radius: 4px; }
.acct-status-ok { color: rgb(22, 101, 52); background: rgb(240, 253, 244); font-size: 12px; padding: 3px 10px; border-radius: 20px; font-weight: 500; }

/* 子账号表（20260917）：操作三钮一行不换行，行高收紧 */
.subacct-row { grid-template-columns: 1.1fr 1.1fr 0.8fr 130px 240px; }
.subacct-row .subacct-ops { display: flex; gap: 6px; flex-wrap: nowrap; }
.subacct-row .btn-mini { white-space: nowrap; }

/* ===== 收录统计·问题统计表（20261009 根除"幽灵空列"：fixed 布局列宽一致、行纹贯通）=====
   根因：首列数据格被 cell-main 的 max-width:320 截住、表头盒却被 auto 布局撑到更宽，
   同一列两盒不一致 → 中间"列内空白"不属于任何 td，白底/hover 纹/行线在边界断开。
   table-layout:fixed 下 td 盒严格等于列宽，空带物理上不可能存在。 */
.incl-q-table { table-layout: fixed; }
.incl-q-table th:nth-child(1) { width: 18%; }
.incl-q-table th:nth-child(2) { width: 17%; }
.incl-q-table td:first-child { max-width: none; }
.incl-q-table td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.incl-q-table td:nth-child(2) { overflow: visible; text-overflow: clip; }
/* 20261009l："还是错位"根因定案——本表首列 td 带类 cell-main，被通用规则
   .center-cell-table td.cell-main{display:flex}(style.css 2385)改成 flex 盒，
   脱离 table-cell 身份后不随行高拉伸（首列 49px vs 行高 53.5px，行高由 logo 列
   的行内盒撑大），底部行线画在自身盒底 → 首列与第 2 列交界处行分隔线错位约 3px、
   匿名 cell 区露白底。这里覆盖为真表格单元：td 撑满行高，行线全表贯通，
   vertical-align 承担原 flex 的垂直居中（模型统计表已实测行线本就对齐，不受影响，故只覆盖本表）。 */
.incl-q-table td.cell-main { display: table-cell; vertical-align: middle; }

/* 收录平台筛选按钮（紫色胶囊，报告色标醒目款） */
.incl-q-trigger { display: inline-flex; align-items: center; gap: 5px; background: rgb(124, 58, 237); color: #fff; font-size: 12px; font-weight: 600; padding: 6px 14px; border-radius: 999px; box-shadow: 0 2px 8px rgba(124, 58, 237, .28); transition: background .15s, box-shadow .15s; }
.incl-q-trigger:hover { background: rgb(109, 40, 217); box-shadow: 0 3px 12px rgba(124, 58, 237, .4); }
.incl-q-trigger .cell-sub { color: rgba(255, 255, 255, .85); }
/* 20261009l：筛选菜单改 JS 固定定位（.incl-q-drop 菜单加此类）。此前内联 absolute+left:0
   锚在列(th)左缘而按钮在列内居中，打开时菜单整体偏左约 1/3 列宽，用户视觉即"弹到侧边"；
   fixed 由 app.js 打开时按触发器 rect 摆位（正下方 6px、水平对中、防越屏），同时免疫
   .tv-inner/.table-scroll 的 overflow 裁剪。横竖两条定位都由 JS 每次打开时写入。 */
.incl-q-menu { position: fixed; top: -9999px; left: -9999px; z-index: 40; min-width: 120px; background: #fff; border: 1px solid rgb(229, 231, 235); border-radius: 8px; box-shadow: 0 8px 24px rgba(0, 0, 0, .14); text-align: left; }

/* ===== 发稿记录「收录」列排序小按钮 + 收录明细弹框（20261011 拍板） ===== */
/* 列头 ⇅ 小按钮：点击在 发布日期↔收录次数 之间乒乓切换；on=当前按收录次数 */
.sort-mini {
  border: 1px solid var(--border); background: #fff; border-radius: 4px;
  font-size: 10px; line-height: 1; padding: 2px 5px; margin-left: 4px; color: rgb(156, 163, 175);
  cursor: pointer; vertical-align: middle; transition: color .12s, border-color .12s, background .12s;
}
.sort-mini:hover { color: rgb(79, 70, 229); border-color: rgb(79, 70, 229); }
.sort-mini.on { color: #fff; background: rgb(79, 70, 229); border-color: rgb(79, 70, 229); }
/* 收录徽标可点（hover 轻反馈，与不可点的"未收录"区分） */
.sort-badge, .art-collect-badge.clickable { cursor: pointer; transition: box-shadow .12s; }
.sort-badge:hover, .art-collect-badge.clickable:hover { box-shadow: 0 0 0 3px rgba(22, 163, 74, .14); }
/* 收录明细弹框：标题条 + 每模型一行（logo+名称+占比条+次数） */
.collect-detail-title {
  font-size: 12px; color: rgb(107, 114, 128); background: rgb(249, 250, 251); border-radius: 6px;
  padding: 6px 10px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.collect-detail-loading, .collect-detail-empty { padding: 22px 0; text-align: center; color: rgb(156, 163, 175); font-size: 13px; }
.collect-detail-row { display: flex; align-items: center; gap: 10px; padding: 7px 4px; border-bottom: 1px dashed rgb(243, 244, 246); }
.collect-detail-row:last-child { border-bottom: none; }
.collect-detail-row .model-logo-img { margin-right: 0; flex-shrink: 0; }
.cdr-name { flex-shrink: 0; width: 104px; font-size: 13px; color: rgb(55, 65, 81); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cdr-nologo { flex-shrink: 0; font-size: 11px; color: rgb(156, 163, 175); text-align: center; }
.cdr-bar { flex: 1; height: 8px; border-radius: 999px; background: rgb(243, 244, 246); overflow: hidden; }
.cdr-bar i { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, rgb(124, 58, 237), rgb(167, 139, 250)); transition: width .25s; }
.cdr-count { flex-shrink: 0; width: 56px; text-align: right; font-size: 13px; font-weight: 600; color: rgb(17, 24, 39); }

/* ===== 收录明细 · 模型下钻问句（20261020） ===== */
.collect-detail-row.clickable { cursor: pointer; border-radius: 6px; }
.collect-detail-row.clickable:hover { background: rgb(249, 250, 251); }
.collect-detail-row.on { background: rgb(245, 243, 255); }
.cdr-caret { flex-shrink: 0; width: 12px; font-size: 11px; color: rgb(156, 163, 175); }
.collect-detail-row.on .cdr-caret { color: rgb(109, 40, 217); }
.cdr-qwrap { margin: 2px 0 8px 12px; padding: 6px 0 2px 12px; border-left: 2px solid rgb(233, 213, 255); }
.cdr-qhead { display: flex; align-items: center; justify-content: space-between; padding: 0 4px 4px; }
.cdr-qtitle { font-size: 12px; color: rgb(109, 40, 217); font-weight: 600; }
.cdr-qrow { display: flex; align-items: center; gap: 8px; padding: 5px 4px; border-bottom: 1px dashed rgb(243, 244, 246); }
.cdr-qrow:last-child { border-bottom: none; }
.cdr-qtext { flex: 1; min-width: 0; font-size: 12.5px; color: rgb(55, 65, 81); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cdr-qdate { flex-shrink: 0; width: 78px; text-align: right; font-size: 11.5px; color: rgb(156, 163, 175); }
.cdr-qbtn { flex-shrink: 0; padding: 3px 8px !important; font-size: 11.5px !important; }
.cdr-qbtn.dim { color: rgb(203, 213, 225) !important; border-color: rgb(229, 231, 235) !important; cursor: not-allowed; }

/* ===== AI查询排名计算一体卡（20261011：自 API 设置迁入 总览→调用记录，表格上方） ===== */
.rank-card {
  background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg, 12px);
  box-shadow: var(--shadow-card); padding: 10px 16px; margin-bottom: 14px;
  display: flex; flex-direction: column; gap: 2px;
}
.rank-card-row1 { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 6px; border-bottom: 1px dashed rgb(243, 244, 246); }
.rank-card-line { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
/* 一体卡合并行（20261013 B 布局）：筛选集/提及/智能/规则/无排名 竖线分隔，窄屏自动折行 */
.rank-stat-inline { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: rgb(75, 85, 99); flex-wrap: wrap; }
.rank-stat-inline > span { padding-right: 8px; position: relative; }
.rank-stat-inline > span + span::before {
  content: ""; position: absolute; left: -3px; top: 50%; transform: translateY(-50%);
  width: 1px; height: 12px; background: rgb(229, 231, 235);
}
.rank-stat-inline b { font-weight: 600; }
.rank-card-row2, .rank-card-row3 {
  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
  padding: 6px 0 2px; font-size: 12px; color: rgb(75, 85, 99);
}
.rank-card-row2 b, .rank-card-row3 b { font-weight: 600; }
.rank-card .setting-label { font-size: 13px; }

/* ===== AI 调用台账（20261013"专门记本账"）：快照弹窗「AI 详情」展开 ===== */
.snapshot-ai-link {
  border: 1px solid rgb(67, 56, 202); background: #fff; color: rgb(67, 56, 202);
  border-radius: 999px; font-size: 11px; padding: 1px 10px; cursor: pointer; margin-left: 6px;
  flex-shrink: 0;
}
.snapshot-ai-link:hover { background: rgb(238, 242, 255); }
/* AI 调用台账（20261013e 用户拍板"完整展示框、不用上下滑动"）：去掉 46vh 内部滚动上限，
   内容完整展开、弹窗自动撑高；整体仍受 panel 88vh 约束，超限时由 snapshot-body 统一滚动 */
.snapshot-ai-detail {
  border: 1px solid rgb(224, 231, 255); background: rgb(250, 250, 255);
  border-radius: 8px; padding: 10px 12px; margin: 8px 0 4px;
  display: flex; flex-direction: column; gap: 10px; flex-shrink: 0;
}
.ai-call-row { display: flex; flex-direction: column; gap: 6px; border-bottom: 1px dashed rgb(224, 231, 255); padding-bottom: 8px; }
.ai-call-row:last-child { border-bottom: none; padding-bottom: 0; }
.ai-call-line { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 12px; color: rgb(55, 65, 81); }
.ai-call-ts { font-size: 11px; color: rgb(156, 163, 175); font-variant-numeric: tabular-nums; }
.ai-call-result { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: rgb(55, 65, 81); }
.ai-comp-line { font-size: 12px; color: rgb(75, 85, 99); }
/* 20261014a：榜单结构（ai-boards）展示已按用户要求移除，样式一并清理 */
.ai-self-badge {
  font-size: 10px; color: rgb(21, 128, 61); background: rgb(220, 252, 231);
  border: 1px solid rgb(134, 239, 172); border-radius: 4px; padding: 0 4px;
}

/* ===== 发稿统计表头媒体下拉（20261013e：收录排名·发布媒体；发稿记录·媒体类型/发布媒体）=====
   定位完全沿用 incl-q 的 JS fixed 方案（app.js 打开时按触发器 rect 摆位：正下方6px、水平对中、
   防越屏），免疫 .stat-panel 的 overflow:hidden 裁剪；选项复用 .dropdown-option 及其 selected 态。 */
.art-hdr-menu { position: fixed; top: -9999px; left: -9999px; z-index: 40; min-width: 176px; max-width: 300px; background: #fff; border: 1px solid rgb(229, 231, 235); border-radius: 8px; box-shadow: 0 8px 24px rgba(0, 0, 0, .14); text-align: left; }
.art-hdr-search { padding: 6px 8px; border-bottom: 1px solid rgb(241, 245, 249); }
.art-hdr-search input { width: 100%; box-sizing: border-box; border: 1px solid rgb(229, 231, 235); border-radius: 6px; padding: 5px 8px; font-size: 12px; outline: none; }
.art-hdr-search input:focus { border-color: rgb(99, 102, 241); }
.art-hdr-list { max-height: 260px; overflow-y: auto; padding: 4px 0; }
.art-hdr-list .dropdown-option { padding: 7px 12px; }

/* ============================================================
   诊断弹窗 v3 重设计（20261015，样稿 _diag_modal_mockup_1015c.html 批准版）
   全部 .diag-* 作用域类：与「编辑监控项目」弹窗共用的 core-list/q-box 等
   老样式完全隔离，两边互不影响。改这里不会波及任何其他弹窗。
   ============================================================ */
.diag-sec { margin-bottom: 20px; }
.diag-sec:last-child { margin-bottom: 0; }
.diag-sec-head { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; flex-wrap: wrap; }
.diag-sec-no {
  width: 20px; height: 20px; border-radius: 6px; background: rgb(238, 242, 255); color: rgb(79, 70, 229);
  font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.diag-sec-title { font-size: 14px; font-weight: 600; color: var(--fg-soft); }
.diag-sec-sub { font-size: 12px; color: var(--muted-light); font-weight: 400; }
.diag-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.diag-mt10 { margin-top: 10px; }
/* 弹窗内输入件一律撑满（.input 自带 max-width:400px，这里覆盖） */
.diag-sec .input { max-width: none; width: 100%; }

/* ---- 问句区：双框卡 ---- */
.diag-qframe { display: grid; grid-template-columns: 290px 1fr; gap: 12px; }
.diag-qcard {
  border: 1px solid var(--border); border-radius: var(--radius-lg); background: #fff;
  padding: 12px 14px; display: flex; flex-direction: column; gap: 10px; min-height: 210px;
}
.diag-qcard-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.diag-qcard-title { font-size: 14px; font-weight: 600; color: var(--fg-soft); }
.diag-qcard-spacer { flex: 1; }
.diag-qcard-body { flex: 1; display: flex; flex-direction: column; gap: 10px; }

/* 左卡栏头「＋ 添加核心词」 */
.diag-core-add-btn {
  border: none; background: transparent; color: rgb(79, 70, 229); font-size: 18px; font-weight: 600;
  cursor: pointer; line-height: 1; padding: 2px 7px; border-radius: 6px; font-family: inherit;
}
.diag-core-add-btn:hover { background: rgb(238, 242, 255); }

/* 右卡栏头「每句轮数」（占原推荐问题按钮位） */
.diag-repeat-inline { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--muted); }
.diag-repeat-inline input {
  width: 48px; border: 1px solid var(--border-input); border-radius: 8px; padding: 3px 6px;
  font-size: 14px; text-align: center; font-family: inherit; outline: none; color: var(--fg);
}
.diag-repeat-inline input:focus { border-color: rgb(67, 56, 202); }

/* 核心词行：序号 + 输入 + N问 + 删×（无开关） */
.diag-core-list { display: flex; flex-direction: column; gap: 8px; }
.diag-core-row {
  display: flex; align-items: center; gap: 8px; border: 1px solid var(--border); border-radius: var(--radius-md);
  padding: 7px 10px; cursor: pointer; background: #fff; transition: border-color .12s, background .12s;
}
.diag-core-row.diag-core-active { border-color: rgb(99, 102, 241); background: rgb(238, 242, 255); }
.diag-core-index { font-size: 12px; color: var(--muted-light); width: 12px; flex-shrink: 0; text-align: center; }
.diag-core-input {
  border: none; outline: none; font-size: 14px; flex: 1; min-width: 0; font-family: inherit;
  background: transparent; color: var(--fg); padding: 0;
}
.diag-core-count { font-size: 11px; color: var(--muted-light); flex-shrink: 0; white-space: nowrap; }
.diag-core-count.zero { color: rgb(209, 213, 219); }
.diag-core-del { border: none; background: transparent; color: var(--muted-light); cursor: pointer; font-size: 14px; flex-shrink: 0; line-height: 1; padding: 2px; }
.diag-core-del:hover { color: rgb(220, 38, 38); }

/* 右卡：问句 chips（有才有）+ 常驻输入框 + 计数 */
.diag-q-list { display: flex; flex-direction: column; gap: 6px; max-height: 216px; overflow-y: auto; }
.diag-q-item { display: flex; align-items: center; gap: 8px; background: rgb(249, 250, 251); border: 1px solid var(--border-light); border-radius: 8px; padding: 6px 10px; }
.diag-q-item-idx { font-size: 11px; color: var(--muted-light); width: 14px; flex-shrink: 0; }
.diag-q-item-text { flex: 1; font-size: 14px; word-break: break-all; }
.diag-q-item-del { border: none; background: transparent; color: var(--muted-light); cursor: pointer; font-size: 14px; flex-shrink: 0; padding: 2px; line-height: 1; }
.diag-q-item-del:hover { color: rgb(220, 38, 38); }
.diag-q-textarea { resize: vertical; min-height: 72px; line-height: 1.6; }
.diag-q-count { font-size: 12px; color: var(--muted-light); }

/* 舆论类问句：常驻卡（用户经常改，不收进选填区） */
.diag-op-card { border: 1px solid var(--border); border-radius: var(--radius-lg); background: #fff; padding: 12px 14px; margin-top: 12px; }
.diag-op-hint { font-size: 12px; color: var(--muted-light); font-weight: 400; }
.diag-op-textarea { resize: vertical; min-height: 72px; line-height: 1.6; }
.diag-opt-tag { font-size: 11px; color: var(--muted); background: rgb(243, 244, 246); border-radius: 4px; padding: 1px 6px; font-weight: 400; }

/* ④ 更多信息：选填折叠（默认收起） */
.diag-opt-bar {
  width: 100%; display: flex; align-items: center; gap: 10px; border: 1px dashed var(--border-input);
  background: rgb(250, 251, 252); border-radius: var(--radius-md); padding: 11px 14px; cursor: pointer;
  font-family: inherit; font-size: 14px; color: var(--fg-secondary); text-align: left;
}
.diag-opt-bar:hover { border-color: rgb(165, 180, 252); background: rgb(245, 247, 255); }
.diag-opt-ico { color: rgb(79, 70, 229); font-size: 15px; flex-shrink: 0; }
.diag-opt-title { font-weight: 600; flex-shrink: 0; }
.diag-opt-desc { font-size: 12px; color: var(--muted-light); }
.diag-opt-arrow { margin-left: auto; color: var(--muted-light); font-size: 12px; transition: transform .15s; flex-shrink: 0; }
.diag-opt-bar.open .diag-opt-arrow { transform: rotate(180deg); }
.diag-opt-body { border: 1px solid var(--border); border-radius: var(--radius-md); padding: 14px; margin-top: 8px; background: rgb(252, 252, 253); }

/* 窄屏时双框卡降级为单列（客户端窗口较小也不挤烂） */
@media (max-width: 720px) {
  .diag-qframe { grid-template-columns: 1fr; }
  .diag-grid2 { grid-template-columns: 1fr; }
}

/* ===== 表头口径说明小问号（20261020） ===== */
.th-help {
  display: inline-flex; align-items: center; justify-content: center;
  width: 14px; height: 14px; margin-left: 3px; border-radius: 50%;
  background: rgb(229, 231, 235); color: rgb(107, 114, 128);
  font-size: 10px; font-weight: 700; line-height: 1; cursor: help;
  position: relative; vertical-align: middle; user-select: none;
}
.th-help:hover { background: rgb(196, 181, 253); color: rgb(76, 29, 149); }

/* 全局悬停提示浮层（20261020b）
 * 原实现用 .th-help:hover::after 画气泡，气泡被表格卡片/滚动容器裁掉（伪元素无法逃离父级 overflow，
 * 抬 z-index 也没用——裁切发生在祖先的 overflow 层，不是层叠顺序问题）。
 * 改为 body 级 position:fixed 单例浮层，由 app.js 的委托事件定位，彻底不受任何容器裁切。 */
.tip-layer {
  position: fixed; left: -9999px; top: 0; z-index: 99999;
  max-width: 320px; padding: 9px 11px; border-radius: 8px;
  background: rgba(17, 24, 39, .96); color: #fff;
  font-size: 12px; font-weight: 400; line-height: 1.65; text-align: left;
  /* 20261022：pre-line 让 data-tip 里的 &#10; 真正换行（表头逐列口径一项一行），
     没有换行符的旧提示渲染结果与 normal 完全一致 */
  white-space: pre-line; word-break: break-word;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .22);
  pointer-events: none; opacity: 0; visibility: hidden;
  transition: opacity .12s ease;
}
.tip-layer.show { opacity: 1; visibility: visible; }

/* ===== 信源异动（20261020） ===== */
.anomaly-section-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.anomaly-count-chip { display: inline-flex; align-items: center; height: 18px; padding: 0 7px; margin-left: 6px;
  border-radius: 9px; background: rgb(254, 226, 226); color: rgb(185, 28, 28); font-size: 11px; font-weight: 600; }
.anomaly-head-meta { display: flex; align-items: center; gap: 10px; font-size: 12px; color: rgb(107, 114, 128); }
.anomaly-reload { padding: 4px 10px; border: 1px solid rgb(229, 231, 235); background: #fff; border-radius: 6px;
  font-size: 12px; color: rgb(55, 65, 81); cursor: pointer; }
.anomaly-reload:hover:not(:disabled) { border-color: rgb(196, 181, 253); color: rgb(79, 70, 229); }
.anomaly-reload:disabled { opacity: .6; cursor: default; }

/* 20261021m 用户要求「涨跌依然分开、但要框起来」：原来只有极淡的分隔色（243,244,246）
   加近白底（252,252,253），嵌在 section-card 里几乎看不出边界；
   改为与「引用分析 / 渠道引用」同款白卡（1px 边框 + 12px 圆角 + 极轻投影）。 */
.anomaly-card {
  border: 1px solid var(--border); border-radius: 12px;
  padding: 14px 16px; background: #fff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}
.anomaly-card-wide { margin-bottom: 12px; }
.anomaly-card-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 8px; flex-wrap: wrap; }
.anomaly-card-title { font-size: 13px; font-weight: 600; color: rgb(17, 24, 39); }
.anomaly-chart-tall { height: 250px; }
.anomaly-chart { height: 250px; }

/* 异动列表：固定列宽，渠道名超长省略（与内容引用表一致的做法） */
.anomaly-row-head, .anomaly-row {
  display: grid; grid-template-columns: 58px minmax(0, 1fr) 84px 96px 58px 44px;
  align-items: center; gap: 8px; padding: 6px 2px;
}
.anomaly-row-head { font-size: 11px; color: rgb(156, 163, 175); border-bottom: 1px solid rgb(243, 244, 246); }
.anomaly-row-head .ar { text-align: right; }
.anomaly-row-head .ac { text-align: center; }
.anomaly-row { border-bottom: 1px dashed rgb(243, 244, 246); font-size: 12px; }
.anomaly-row:last-child { border-bottom: none; }
.anomaly-row:hover { background: rgb(249, 250, 251); }
.anomaly-name { color: rgb(31, 41, 55); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.anomaly-num, .anomaly-pct { color: rgb(55, 65, 81); font-variant-numeric: tabular-nums; text-align: right; }
.anomaly-num i, .anomaly-pct i { font-style: normal; color: rgb(156, 163, 175); }
.anomaly-delta { font-weight: 600; font-variant-numeric: tabular-nums; text-align: right; }
.anomaly-rank { text-align: center; color: rgb(107, 114, 128); }
.is-up { color: rgb(185, 28, 28); }
.is-down { color: rgb(22, 101, 52); }

/* 异动类型徽标 */
.anomaly-tag { display: inline-flex; align-items: center; justify-content: center; height: 18px; padding: 0 5px;
  border-radius: 4px; font-size: 11px; font-weight: 600; white-space: nowrap; }
.at-real_up { background: rgb(254, 226, 226); color: rgb(185, 28, 28); }
.at-pushed { background: rgb(254, 243, 199); color: rgb(146, 64, 14); }
.at-new { background: rgb(219, 234, 254); color: rgb(29, 78, 216); }
.at-drop { background: rgb(241, 245, 249); color: rgb(71, 85, 105); }
.at-rank_up { background: rgb(237, 233, 254); color: rgb(91, 33, 182); }

/* ===== 信源异动：站内红点 + 横幅（20261020 用户拍板「站内红点/横幅」） ===== */
.view-switch-btn { position: relative; }
.anomaly-dot { position: absolute; top: 5px; right: 6px; width: 6px; height: 6px; border-radius: 50%;
  background: #dc2626; box-shadow: 0 0 0 2px #fff; pointer-events: none; }
.anomaly-banner { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; padding: 10px 14px;
  border: 1px solid rgb(254, 202, 202); border-radius: 10px; background: rgb(254, 242, 242); }
.anomaly-banner-badge { flex-shrink: 0; padding: 2px 8px; border-radius: 5px; background: rgb(220, 38, 38);
  color: #fff; font-size: 11px; font-weight: 600; }
.anomaly-banner-text { flex: 1; min-width: 0; font-size: 13px; color: rgb(127, 29, 29); line-height: 1.5; }
.anomaly-banner-go { flex-shrink: 0; padding: 4px 10px; border: 1px solid rgb(252, 165, 165); background: #fff;
  border-radius: 6px; font-size: 12px; color: rgb(185, 28, 28); cursor: pointer; }
.anomaly-banner-go:hover { background: rgb(254, 226, 226); }
.anomaly-banner-x { flex-shrink: 0; width: 22px; height: 22px; border: none; background: transparent;
  font-size: 16px; line-height: 1; color: rgb(153, 27, 27); cursor: pointer; border-radius: 4px; }
.anomaly-banner-x:hover { background: rgb(254, 226, 226); }

/* ===== 信源雷达：增减榜 + 投放对照（20261020 C 方案） ===== */
/* 20261021o 榜单重排五列；20261021q 用户改口径：相对涨幅排行（过去/现在/涨幅三列），
   删横条（「不要柱状图」）。排行=(今−前)÷前，列位：色点+渠道名+过去+现在+涨幅。 */
.radar-row { display: grid; grid-template-columns: 7px minmax(0, 1fr) 64px 64px 76px; align-items: center;
  gap: 8px; padding: 0 8px; min-height: 40px; border-bottom: 1px solid rgb(249, 250, 251);
  cursor: pointer; border-radius: 6px; }
/* 20261021n 表头行：与 .radar-row 完全同列宽，否则列错位 */
.radar-head-row {
  display: grid; grid-template-columns: 7px minmax(0, 1fr) 64px 64px 76px; align-items: center;
  gap: 8px; padding: 0 8px 6px; border-bottom: 1px solid rgb(243, 244, 246); margin-bottom: 4px;
  font-size: 11px; color: rgb(156, 163, 175); white-space: nowrap;
}
.radar-head-row .ar { text-align: right; }
.radar-row:last-child { border-bottom: none; }
.radar-row:hover { background: rgb(249, 250, 251); }
.radar-row.on { background: rgb(238, 242, 255); }
.radar-dot { width: 7px; height: 7px; border-radius: 50%; }
.radar-name { font-size: 12px; color: rgb(31, 41, 55); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.radar-num { font-size: 12px; color: rgb(107, 114, 128); text-align: right; font-variant-numeric: tabular-nums; }
.radar-chg { font-size: 12px; font-weight: 600; text-align: right; font-variant-numeric: tabular-nums; }
.radar-chg.is-up { color: rgb(220, 38, 38); }
/* 20261021z：新进徽标做成 pill——纯文字太容易被误读成「小渠道也能上榜」 */
.new-pill { display: inline-block; padding: 1px 6px; border-radius: 4px; font-size: 10.5px;
  font-weight: 600; background: rgb(254, 226, 226); color: rgb(185, 28, 28); }
.radar-chg.is-down { color: rgb(22, 163, 74); }

.radar-place-head, .radar-place-row { display: grid;
  grid-template-columns: minmax(0, 1fr) 40px 46px 44px 64px 56px; align-items: center; gap: 5px; padding: 5px 2px; }
.radar-place-head { font-size: 11px; color: rgb(156, 163, 175); border-bottom: 1px solid rgb(243, 244, 246); }
.radar-place-row { font-size: 12px; color: rgb(55, 65, 81); border-bottom: 1px dashed rgb(243, 244, 246);
  font-variant-numeric: tabular-nums; }
.radar-place-row:last-child { border-bottom: none; }
.radar-place-row .strong { font-weight: 600; color: rgb(17, 24, 39); }
.radar-place-head .ar, .radar-place-row .ar { text-align: right; }

/* ===== 新晋与复活榜（20261022 从涨幅榜拆出）=====
   列：色点 | 渠道 | 类型 | 之前 | 现在 | 占比——不照抄涨跌幅榜的「过去/现在/涨幅」，
   因为这张榜讲的是"从无到有/沉寂后回来"，次数比占比直观（0.05% 会显示成 0%）。 */
.radar-nk-head, .radar-nk-row {
  display: grid; grid-template-columns: 7px minmax(0, 1fr) 54px 86px 62px 48px;
  align-items: center; gap: 8px; padding: 0 8px;
}
.radar-nk-head { padding-bottom: 6px; border-bottom: 1px solid rgb(243, 244, 246); margin-bottom: 4px;
  font-size: 11px; color: rgb(156, 163, 175); white-space: nowrap; }
.radar-nk-row { min-height: 40px; border-bottom: 1px solid rgb(249, 250, 251); cursor: pointer;
  border-radius: 6px; font-size: 12px; color: rgb(31, 41, 55); font-variant-numeric: tabular-nums; }
.radar-nk-row:hover { background: rgb(249, 250, 251); }
.radar-nk-row.on { background: rgb(245, 243, 255); }
/* 类型列头＝筛选触发器 */
.nk-filter { position: relative; cursor: pointer; user-select: none; }
.nk-filter:hover { color: rgb(109, 40, 217); }
.nk-tag { display: inline-block; padding: 1px 7px; border-radius: 4px; font-size: 11px; font-weight: 500; }
.nk-tag.nk-new { color: rgb(91, 33, 182); background: rgb(237, 233, 254); }
.nk-tag.nk-back { color: rgb(146, 64, 14); background: rgb(254, 243, 199); }
.radar-nk-row .nk-now { font-weight: 600; color: rgb(17, 24, 39); }
.radar-nk-row .radar-nk-pct { color: rgb(156, 163, 175); font-size: 11px; }
.radar-nk-head .ar, .radar-nk-row .ar { text-align: right; }
/* 翻页器 */
.radar-pager { display: flex; align-items: center; justify-content: center; gap: 10px; padding-top: 8px; }
.radar-pager .btn-mini[disabled] { opacity: .45; cursor: not-allowed; }
.radar-sel { padding: 1px 4px; border: 1px solid rgb(229, 231, 235); border-radius: 4px; font-size: 11px;
  color: rgb(55, 65, 81); background: #fff; }

/* 涨跌两张趋势图并排（20261020） */

/* 渠道机会表（20261021t：改 data-table 与发稿效果同款表头；进度条独立列「引用规模」在域名后；
   域名黑色；名称/域名/条/数字紧凑，消掉域名与数字之间的空白） */
/* 20261021v 用户「表格里面字体大小颜色统一」：两张表 td 全量统一 12.5px / rgb(55,65,81)，
   名称/域名/数字同字号同色（只有判定徽章带彩、提及率加粗强调） */
.opp-table td, .place-table td {
  font-size: 12.5px; color: rgb(31, 41, 55); font-variant-numeric: tabular-nums;
  vertical-align: middle;
}
.opp-table td.strong, .place-table td.strong { font-weight: 600; color: rgb(17, 24, 39); }
.opp-table th, .opp-table td { vertical-align: middle; }
.opp-table th:nth-child(1) { width: 120px; }
.opp-table th:nth-child(2) { width: 180px; }
.opp-table th:nth-child(3) { width: 150px; }
.opp-table th:nth-child(4), .opp-table th:nth-child(5) { width: 124px; }
.opp-table th:nth-child(6) { width: 118px; }
.opp-table th:nth-child(7) { width: 96px; }
/* 20261021x 用户「每列内容居中而不是靠右」：两表数字列统一居中（原 ar 右对齐） */
.opp-table th.ar, .opp-table td.ar { text-align: center; }
.opp-table th.ac, .opp-table td.ac { text-align: center; }
/* 注意：opp-name/opp-dom 就是 td 本身，写 color:inherit 会继承到 body 的色（不是 td 规则），必须显式给值 */
.opp-table td.opp-name, .opp-table td.opp-dom {
  color: rgb(31, 41, 55);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
/* 引用规模条：长度=该渠道引用数÷表内最大值。填充用**实色**（20261021u 用户「灰度太难看」——
   之前复用 ot-* 徽章背景类是浅粉/浅绿，条上发灰）；ob-* 是条专用饱和填充，ot-* 仍是徽章底色 */
.opp-bar { display: block; height: 7px; background: rgb(243, 244, 246);
  border-radius: 4px; overflow: hidden; min-width: 100px; }
.opp-bar i { display: block; height: 100%; border-radius: 4px; }
.ob-chance { background: rgb(239, 68, 68); }   /* 机会 · 红 */
.ob-hold { background: rgb(34, 197, 94); }      /* 优势 · 绿 */
.ob-self { background: rgb(100, 116, 139); }    /* 自留地 · 灰蓝 */
.ob-tail { background: rgb(203, 213, 225); }    /* 尾部 · 浅灰 */
.opp-tag { display: inline-flex; align-items: center; justify-content: center; height: 18px; padding: 0 6px;
  border-radius: 4px; font-size: 11px; font-weight: 600; white-space: nowrap; }
.ot-chance { background: rgb(254, 226, 226); color: rgb(185, 28, 28); }
.ot-hold { background: rgb(220, 252, 231); color: rgb(22, 101, 52); }
.ot-self { background: rgb(241, 245, 249); color: rgb(71, 85, 105); }
.ot-tail { background: rgb(249, 250, 251); color: rgb(156, 163, 175); }
/* 20261021af：发稿效果「效果评级」六档徽章（样本少→渠道空白→几乎无效→低效→有效→高效）
   颜色从"灰→橙→红→琥珀→青→绿"排，视觉上就是一条从差到好的梯度 */
.pt-few { background: rgb(241, 245, 249); color: rgb(100, 116, 139); }
.pt-gap { background: rgb(255, 237, 213); color: rgb(194, 65, 12); }
.pt-void { background: rgb(254, 226, 226); color: rgb(185, 28, 28); }
.pt-low { background: rgb(254, 249, 195); color: rgb(161, 98, 7); }
.pt-ok { background: rgb(204, 251, 241); color: rgb(15, 118, 110); }
.pt-strong { background: rgb(220, 252, 231); color: rgb(22, 101, 52); }
.pt-normal { background: rgb(241, 245, 249); color: rgb(71, 85, 105); }   /* 旧缓存兜底 */

/* 平台生态对照（20261021k 第四版）：五个平台合并成一张矩阵表（行＝名次，列＝平台）。
   用户要求「得像渠道引用/内容引用那样框起来」→ 套同款白卡（边框+圆角+卡片阴影），
   但按他选的方案不另加载头分隔线，标题留在卡内左上。高度自适应（10 行没必要固定高）。
   格内排版：原 justify-content:space-between 把渠道名和占比顶到列两端，中间大片空白，
   读的时候眼睛要横跳 → 改为整块居中 + 名区定宽，百分比落在同一竖线；列间加竖分隔线补回
   删掉「#」列后失去的视觉参照。 */
.plat-eco {
  background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  padding: 14px 16px 8px; margin-bottom: 18px;
}
.plat-eco-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 6px; }
.plat-matrix { table-layout: fixed; }
.plat-matrix th, .plat-matrix td { padding: 6px 12px; vertical-align: middle; }
.plat-matrix td { font-size: 11.5px; line-height: 1.45; }
.plat-matrix th {
  font-size: 12px; color: rgb(75, 85, 99); font-weight: 600; white-space: nowrap;
  padding-bottom: 9px;
}
/* 20261021n 恢复左侧位次列（上一轮删过，用户要回来）：淡灰数字做行参照 */
.plat-matrix th.plat-rank, .plat-matrix td.plat-rank {
  width: 34px; text-align: center; font-weight: 400;
  color: rgb(156, 163, 175); font-size: 11px; font-variant-numeric: tabular-nums;
  border-left: none !important;
}
.plat-matrix th + th, .plat-matrix td + td { border-left: 1px solid rgb(233, 236, 241); }
.plat-matrix tbody tr:hover td { background: rgb(249, 250, 251); }
.plat-matrix tbody tr:first-child .plat-cname { font-weight: 600; color: rgb(17, 24, 39); }
.plat-cell {
  display: flex; align-items: baseline; justify-content: flex-start; gap: 7px;
  min-width: 0; overflow: hidden;
  cursor: pointer; border-radius: 5px; padding: 2px 4px; margin: -2px -4px;
}
/* 20261021o 点击联动：选中格高亮（内容引用已跟随下钻到该渠道；点渠道引用行会取消本高亮） */
.plat-cell.on { background: rgb(238, 242, 255); box-shadow: inset 0 0 0 1px rgb(196, 181, 253); }
.plat-cname {
  max-width: 8.6em;
  font-size: 11.5px; color: rgb(55, 65, 81);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.plat-pct { font-size: 11px; color: rgb(124, 58, 237); font-variant-numeric: tabular-nums; flex-shrink: 0; }

/* ===== 涨跌卡：左曲线 + 右榜（20261021 用户要求） ===== */
/* 20261021m：右栏从 1fr 放到 1.15fr（≈400px）——五列榜单（色点/名字/横条/Δ/前→今）
   在 1fr 下名字只剩约 110px，长渠道名频繁省略；加宽后名字约 135px。
   20261021o：①左右各自套浅底子框（用户「得再分别框起来」）②榜可到 10 行，210px 固定高
   放不下——chart 改 min-height + stretch 跟榜拉伸，5 行时仍是 210px、10 行时整卡变高。 */
.radar-pair-body {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1.15fr);
  gap: 14px; align-items: stretch;
}
@media (max-width: 1200px) { .radar-pair-body { grid-template-columns: 1fr; gap: 10px; } }
.radar-pair-chart {
  min-width: 0; min-height: 210px;
  background: rgb(249, 250, 251); border: 1px solid rgb(233, 236, 241);
  border-radius: 10px; padding: 8px 8px 4px;
}
@media (max-width: 1200px) { .radar-pair-chart { min-height: 190px; } }
/* space-evenly：只有 2~3 行时也让行均匀铺开，不再全挤在垂直中间 */
.radar-pair-list {
  display: flex; flex-direction: column; justify-content: space-evenly; min-width: 0;
  background: rgb(249, 250, 251); border: 1px solid rgb(233, 236, 241);
  border-radius: 10px; padding: 10px 12px;
}

/* 稿件卡（20261021m 收录排名/发稿记录合并）右上角：补录按钮 + 页签 */
.art-panel-head-right { display: flex; align-items: center; gap: 18px; }

/* ===== 发稿效果表（20261021 独立成块；20261021p 渠道拆名称+域名两列；
   20261021af 删「被引篇数/被引次数/渠道总量」三列、加「未提品牌」「AI 收录率」，共 8 列；
   20261022 被引规模列改为「渠道声量」柱状图（不再显示百分比数字），8 列 → 7 列） ===== */
.place-table th:nth-child(1) { width: 128px; }   /* 渠道名称 */
.place-table th:nth-child(2) { width: 190px; }   /* 渠道域名 */
.place-table th:nth-child(3) { width: 168px; }   /* 渠道声量（柱状） */
.place-table th:nth-child(4) { width: 108px; }   /* 未提品牌占比 */
.place-table th:nth-child(5) { width: 112px; }   /* AI 收录率 */
.place-table th:nth-child(6) { width: 122px; }   /* 单稿被引数 */
.place-table th:nth-child(7) { width: 96px; }    /* 效果评级（可筛选） */
/* 20261022 用户：「未提及那列，数据要居中」——.opp-table 有这条规则，place-table 之前漏了 */
.place-table th.ac, .place-table td.ac { text-align: center; }
.place-table td.strong { font-weight: 600; color: rgb(17, 24, 39); }
.place-table td.place-host {
  max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  color: rgb(31, 41, 55);
}
.place-table td.place-host, .place-table td.place-dom {
  max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  color: rgb(31, 41, 55);   /* 显式色值（inherit 会跑到 body 的 --fg） */
}
/* 20261021v：发稿效果「被引规模」条（与渠道机会同构，紫色主色）
   20261022：数据换成渠道声量，条长仍按显示行最大值归一 */
.place-bar { display: block; height: 7px; background: rgb(243, 244, 246);
  border-radius: 4px; overflow: hidden; min-width: 100px; }
.place-bar i { display: block; height: 100%; border-radius: 4px; background: rgb(124, 58, 237); }
/* 20261022：未提品牌列——只显示未提及占比（居中、等宽数字） */
.place-table td.place-nobrand { white-space: nowrap; line-height: 1.35; }
.place-table td.place-nobrand b { font-weight: 600; color: rgb(17, 24, 39); font-variant-numeric: tabular-nums; }

/* ===== 表头排版（20261022）=====
   用户口径（两轮定稿）：表头里**不再有**独立小问号，也**不要**表头下面的灰字副标题；
   每个字段的解释统一放进「区块标题旁那个 ?」的气泡里，一项一行（.tip-layer 白空格 pre-line）。
   两张表的数字列点表头可排序（降序 → 升序 → 恢复默认），评级列点表头弹筛选菜单。 */
.data-table th.th-sort { cursor: pointer; user-select: none; }
.data-table th.th-sort:hover, .data-table th.vf-th:hover { color: rgb(109, 40, 217); }
.data-table th.th-sort.on { color: rgb(109, 40, 217); }
.sort-ar { margin-left: 3px; font-style: normal; font-size: 9px; color: rgb(124, 58, 237);
  vertical-align: 1px; }

/* 评级列筛选菜单（点表头弹出，单选；点表格外任意处收起） */
.data-table th.vf-th { position: relative; cursor: pointer; user-select: none; }
.vf-funnel { margin-left: 3px; font-size: 10px; color: rgb(156, 163, 175); }
.vf-funnel.on { color: rgb(124, 58, 237); }
.vf-menu {
  position: absolute; z-index: 60; top: calc(100% + 4px); right: 0; min-width: 136px;
  background: #fff; border: 1px solid rgb(229, 231, 235); border-radius: 8px;
  box-shadow: 0 8px 24px rgba(17, 24, 39, .13); padding: 5px;
  text-align: left; font-weight: 400; white-space: nowrap;
}
.vf-item { display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 6px 9px; border-radius: 6px; font-size: 12px; color: rgb(55, 65, 81); cursor: pointer; }
.vf-item:hover { background: rgb(245, 243, 255); }
.vf-item.on { color: rgb(109, 40, 217); background: rgb(245, 243, 255); font-weight: 600; }
.vf-item i { font-style: normal; font-size: 11px; color: rgb(156, 163, 175); font-variant-numeric: tabular-nums; }

/* 20261022 用户：「渠道机会几个字的字体要跟发稿效果的大小一样」→ 对齐 .sec-title 的 18px */
.anomaly-card-title.sec-title-lg { font-size: 18px; }

/* ===== 弹框折叠区（20261022）：未提及品牌 / 我方被引用稿件 默认折叠，点标题展开 ===== */
.chan-collapse { border-top: 1px solid rgb(243, 244, 246); margin-top: 10px; }
.chan-collapse-head { display: flex; align-items: center; gap: 7px; padding: 9px 2px;
  cursor: pointer; user-select: none; border-radius: 6px; }
.chan-collapse-head:hover { background: rgb(249, 250, 251); }
.chan-collapse-head.on .cdr-caret { color: rgb(109, 40, 217); }
.chan-collapse-title { font-size: 12px; font-weight: 600; color: rgb(55, 65, 81); }
.chan-collapse-n { font-size: 11.5px; color: rgb(156, 163, 175); font-variant-numeric: tabular-nums; }
.chan-collapse-body { padding: 0 0 8px 19px; }
/* 未提及问句是跨平台平铺的，每条前面标平台名（宽 62px，长了省略） */
.cdr-qmodel { flex-shrink: 0; width: 62px; font-size: 11.5px; color: rgb(107, 114, 128);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ===== 渠道明细弹框（20261021aa）与可点行 ===== */
/* 20261021ad 多域名渠道（列举网 24 个分站 / 八方资源网 / 黄页88 等）合并成一行后：
   表格域名列「主域名 +N」，弹框头部「共 N 个域名 ▾」可展开看全部 */
.dom-more {
  display: inline-block; margin-left: 5px; padding: 0 4px; border-radius: 3px;
  font-size: 10.5px; color: rgb(107, 114, 128); background: rgb(243, 244, 246);
  font-variant-numeric: tabular-nums;
}
.chan-doms-more { font-size: 11.5px; color: rgb(124, 58, 237); cursor: pointer; user-select: none; }
.chan-doms-more:hover { text-decoration: underline; }
.chan-doms-list {
  display: flex; flex-wrap: wrap; gap: 6px 14px; padding: 8px 10px; margin-bottom: 10px;
  background: rgb(249, 250, 251); border-radius: 8px; max-height: 132px; overflow-y: auto;
}
.chan-doms-list .chan-dom-link { font-size: 11.5px; color: rgb(75, 85, 99); }

/* 注意：类名不能叫 chan-row——设置页「渠道分组/子账号」早就用了 .chan-row 且是
   display:grid; grid-template-columns: 1fr 1.2fr 1.4fr 70px 70px;
   撞上去会让 <tr> 变成 5 列网格容器，td 被当网格项排成两行、列宽全错（20261021ac 修复） */
.chan-click-row { cursor: pointer; }
.chan-click-row:hover td { background: rgb(249, 250, 251); }
/* 域名链接：与表内文字同色，hover 下划线提示可点（点它打开站点，不触发行弹框） */
.chan-dom-link { color: inherit; text-decoration: none; }
.chan-dom-link:hover { color: rgb(124, 58, 237); text-decoration: underline; }
.chan-dom-row { display: flex; align-items: baseline; gap: 10px; margin-bottom: 10px; }
.chan-dom-row .chan-dom-link { font-size: 13px; color: rgb(124, 58, 237); font-weight: 500; }
.chan-sum { display: flex; flex-wrap: wrap; gap: 18px; padding: 10px 12px; margin-bottom: 10px;
  background: rgb(249, 250, 251); border-radius: 8px; font-size: 12px; color: rgb(107, 114, 128); }
.chan-sum b { font-size: 15px; color: rgb(17, 24, 39); font-weight: 600; margin-right: 3px;
  font-variant-numeric: tabular-nums; }
/* 弹框内数字列：主数字 + 小字补充（避免长文本换行） */
.chan-cnt { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.35; white-space: nowrap; }
.chan-cnt i { font-style: normal; font-size: 10.5px; color: rgb(156, 163, 175); font-weight: 400; }
.chan-sec-title { font-size: 12px; font-weight: 600; color: rgb(55, 65, 81); margin: 12px 0 6px; }
.chan-art { display: flex; align-items: baseline; justify-content: space-between; gap: 10px;
  padding: 5px 0; border-bottom: 1px dashed rgb(243, 244, 246); font-size: 12px; }
.chan-art:last-child { border-bottom: none; }
.chan-art a { color: rgb(31, 41, 55); text-decoration: none; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; }
.chan-art a:hover { color: rgb(124, 58, 237); text-decoration: underline; }
.chan-art-n { color: rgb(156, 163, 175); flex-shrink: 0; font-variant-numeric: tabular-nums; }

/* 雷达周期下拉 */
.anomaly-head-meta .radar-sel { padding: 3px 6px; }

/* ===== 本周小结弹窗（20261031）===== */
.weekly-box { background: rgb(248, 250, 252); border: 1px solid rgb(238, 240, 244); border-radius: 8px; padding: 14px 16px; }
.weekly-msg { font-family: inherit; font-size: 13.5px; line-height: 1.85; color: rgb(31, 41, 55); margin: 0; white-space: pre-wrap; word-break: break-word; }
.weekly-raw { margin-top: 12px; padding: 10px 12px; background: #fff; border: 1px dashed rgb(226, 232, 240); border-radius: 8px; font-size: 12.5px; line-height: 1.8; color: rgb(71, 85, 105); }
.weekly-points { margin: 0; padding-left: 20px; }
.weekly-points li { font-size: 13px; line-height: 1.8; color: rgb(55, 65, 81); margin-bottom: 4px; }
.weekly-points li:last-child { margin-bottom: 0; }

/* ============================================================
   客户编辑弹窗（2026-11-05 重排）
   原来是一长串裸字段、复用 .modal-panel 的 1400px 宽度，两列内容被拉得很散。
   现在：限宽 820px + 五个分区（基本信息 / 对接信息 / 企业介绍 / 服务与发稿 / 备注），
   分区标题带主题色竖条，段间虚线分隔，视线有落点。
   ============================================================ */
.cust-modal { width: min(94vw, 820px); }
/* 全局 .input 有 max-width:400px（行内表单场景），弹窗里输入框只占半列、右边留白，
   企业介绍这种多行框尤其难看；这里作用域内放开，不影响其他弹窗 */
.cust-modal .input, .cust-modal .alias-chips { max-width: none; }
.cust-sec { display: flex; flex-direction: column; gap: 14px; }
.cust-sec + .cust-sec {
  margin-top: 2px; padding-top: 18px; border-top: 1px dashed var(--border-light);
}
.cust-sec-h {
  display: flex; align-items: center; gap: 8px;
  font-size: 14px; font-weight: 600; color: rgb(17, 24, 39); line-height: 20px;
}
.cust-sec-h::before {
  content: ''; flex: none; width: 3px; height: 14px; border-radius: 2px;
  background: hsl(var(--primary));
}
.cust-sec-desc { font-size: 12px; font-weight: 400; color: rgb(107, 114, 128); }
.cust-intro { min-height: 132px; line-height: 1.7; }
.cust-count {
  display: flex; align-items: center; justify-content: space-between;
  font-size: 12px; color: var(--muted);
}
.cust-count .warn { color: rgb(180, 83, 9); }
.cust-count-hint { color: #9ca3af; }
/* footer：默认 .modal-footer 在别处被改成了 flex-end，这里显式改回两端对齐，
   左侧放必填说明，右侧放按钮 */
.cust-modal .modal-footer { justify-content: space-between; gap: 16px; }
.cust-req-tip { font-size: 12px; color: rgb(107, 114, 128); line-height: 1.5; }
/* 窄屏（笔记本分屏、手机）字段两列改一列，避免输入框被压成一条缝 */
@media (max-width: 720px) {
  .cust-modal .field-pair { grid-template-columns: 1fr; }
  .cust-req-tip { display: none; }
}

/* ============================================================
   提及率预警（2026-11-05）
   三档语义色：严重=红、偏低=橙、样本不足=灰；今日新增=紫。
   注意：表里 delta（环比变化）也用红=下滑、绿=上升——这是告警语义，不是涨跌配色，
   弹窗底部有文字图例，避免和股票那套红涨绿跌混淆。
   ============================================================ */
.ma-banner {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  background: rgb(255, 251, 235); border: 1px solid rgb(253, 230, 138);
  border-radius: 10px; padding: 10px 14px; margin-bottom: 14px;
}
.ma-banner.severe { background: rgb(254, 242, 242); border-color: rgb(252, 165, 165); }
.ma-banner-main { display: flex; align-items: center; gap: 10px; min-width: 0; }
.ma-banner-icon {
  flex: none; width: 22px; height: 22px; border-radius: 50%;
  background: rgb(245, 158, 11); color: #fff; font-weight: 700; font-size: 14px;
  display: flex; align-items: center; justify-content: center;
}
.ma-banner.severe .ma-banner-icon { background: rgb(220, 38, 38); }
.ma-banner-text { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 13px; color: rgb(55, 65, 81); }
.ma-banner-text b { font-size: 13px; color: rgb(17, 24, 39); }
.ma-banner-asof { font-size: 12px; color: rgb(156, 163, 175); }
.ma-banner-actions { display: flex; align-items: center; gap: 8px; flex: none; }
.ma-banner-btn {
  padding: 5px 14px; font-size: 13px; border-radius: 7px; cursor: pointer;
  background: rgb(17, 24, 39); color: #fff; border: none;
}
.ma-banner-btn:hover { opacity: .88; }
.ma-banner-x {
  width: 24px; height: 24px; border-radius: 6px; border: none; background: transparent;
  color: rgb(156, 163, 175); font-size: 18px; line-height: 1; cursor: pointer;
}
.ma-banner-x:hover { background: rgb(243, 244, 246); color: rgb(55, 65, 81); }

.ma-chip {
  display: inline-flex; align-items: center; height: 20px; padding: 0 8px;
  border-radius: 10px; font-size: 12px; font-weight: 500; white-space: nowrap;
}
.ma-chip.severe { background: rgb(254, 226, 226); color: rgb(185, 28, 28); }
.ma-chip.low { background: rgb(255, 237, 213); color: rgb(154, 52, 18); }
.ma-chip.watch { background: rgb(243, 244, 246); color: rgb(107, 114, 128); }
.ma-chip.new { background: rgb(237, 233, 254); color: rgb(109, 40, 217); }

/* 客户卡片上的提及率徽标 */
.ma-card-badge {
  background: rgb(255, 237, 213); color: rgb(154, 52, 18); cursor: pointer;
  border: 1px solid rgb(253, 186, 116);
}
.ma-card-badge.severe { background: rgb(254, 226, 226); color: rgb(185, 28, 28); border-color: rgb(252, 165, 165); }
.ma-card-badge:hover { filter: brightness(.96); }

/* 明细弹窗 */
.ma-panel { width: min(94vw, 900px); }
.ma-panel-sub { font-size: 12px; font-weight: 400; color: rgb(107, 114, 128); margin-left: 8px; }
.ma-body { padding: 12px 18px 18px; }
.ma-group { border: 1px solid var(--border-light); border-radius: 10px; margin-bottom: 10px; overflow: hidden; }
.ma-group-head {
  display: flex; align-items: center; gap: 8px; padding: 10px 12px; cursor: pointer;
  background: rgb(249, 250, 251); user-select: none;
}
.ma-group-head:hover { background: rgb(243, 244, 246); }
.ma-caret { color: rgb(156, 163, 175); font-size: 12px; transition: transform .15s; display: inline-block; }
.ma-caret.on { transform: rotate(90deg); }
.ma-group-name { font-size: 14px; font-weight: 600; color: rgb(17, 24, 39); }
.ma-group-th, .ma-group-n { font-size: 12px; color: rgb(107, 114, 128); margin-left: auto; }
.ma-group-n { margin-left: 0; }
.ma-table-wrap { border-top: 1px solid var(--border-light); }
.ma-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.ma-table th {
  text-align: left; font-weight: 500; font-size: 12px; color: rgb(107, 114, 128);
  padding: 7px 12px; background: #fff; border-bottom: 1px solid var(--border-light); white-space: nowrap;
}
.ma-table td { padding: 8px 12px; border-bottom: 1px solid rgb(246, 247, 249); color: rgb(55, 65, 81); }
.ma-table tr:last-child td { border-bottom: none; }
.ma-table .num { text-align: right; white-space: nowrap; }
.ma-th-cw { width: 40%; }
.ma-cw { max-width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(17, 24, 39); }
.ma-rate { font-size: 13px; }
.ma-lv-severe .ma-rate { color: rgb(185, 28, 28); }
.ma-lv-low .ma-rate { color: rgb(154, 52, 18); }
.ma-lv-watch .ma-rate { color: rgb(107, 114, 128); }
.ma-delta { font-size: 11px; margin-left: 6px; color: rgb(22, 101, 52); }
.ma-delta.down { color: rgb(185, 28, 28); }
.ma-prev { color: rgb(107, 114, 128); }
.ma-samples { color: rgb(156, 163, 175); font-variant-numeric: tabular-nums; }
.ma-foot-tip { font-size: 12px; color: rgb(107, 114, 128); line-height: 1.5; }
.ma-panel .modal-footer { justify-content: space-between; gap: 16px; }

@media (max-width: 760px) {
  .ma-banner { flex-direction: column; align-items: flex-start; }
  .ma-banner-actions { align-self: flex-end; }
  .ma-foot-tip { display: none; }
}

/* 长期未覆盖（20261105）：本期 0% 且上期也 0，不是"掉了"而是"没做" —— 灰化 + 沉底 */
.ma-chip.stale { background: rgb(244, 245, 247); color: rgb(120, 128, 140); }
.ma-stale-row td { color: rgb(140, 148, 160); }
.ma-stale-row .ma-rate { color: rgb(140, 148, 160) !important; }
.ma-stale-tag {
  display: inline-block; margin-left: 6px; padding: 0 6px; height: 18px; line-height: 18px;
  border-radius: 9px; background: rgb(244, 245, 247); color: rgb(120, 128, 140); font-size: 11px;
}

/* 项目弹窗里的「提及率预警」配置块（20261105 四版） */
.ma-proj-block {
  background: rgb(249, 250, 251); border: 1px solid var(--border-light);
  border-radius: 10px; padding: 12px 14px; gap: 10px;
}
.ma-proj-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ma-proj-key { font-size: 13px; color: rgb(107, 114, 128); flex: none; width: 56px; }
.ma-proj-unit { font-size: 13px; color: rgb(107, 114, 128); }
.ma-proj-hint { font-size: 12px; color: rgb(156, 163, 175); }
.ma-proj-chips { display: flex; flex-wrap: wrap; gap: 6px; flex: 1; min-width: 0; }
.ma-pick {
  padding: 3px 10px; font-size: 12px; border-radius: 12px; cursor: pointer;
  border: 1px solid rgb(212, 215, 226); background: #fff; color: rgb(107, 114, 128);
  transition: all .12s;
}
.ma-pick:hover { border-color: rgb(165, 180, 252); color: rgb(67, 56, 202); }
.ma-pick.on { background: rgb(238, 242, 255); border-color: rgb(129, 140, 248); color: rgb(67, 56, 202); font-weight: 500; }
.ma-proj-empty { font-size: 12px; color: rgb(156, 163, 175); }
.ma-group-cust { font-size: 12px; color: rgb(107, 114, 128); }

/* ===== 20261105f 监控项目 UI 重排 =================================== */
/* 项目卡片徽标：跟「客户管理」同一套 .card-badges，右对齐、统一尺寸 */
.pj-badges { margin-left: auto; flex-wrap: wrap; justify-content: flex-end; }
/* 20261105l：勾选框 / 项目名 / 每日定时 收成一组。
   原来 card-top 用 space-between，前两个 flex 项被右侧 margin-left:auto 挤得几乎贴在一起；
   包一层用固定 gap 才留得出间距，名字过长时省略，不挤压右侧徽标。 */
.card-head-left { display: flex; align-items: center; gap: 12px; min-width: 0; flex: 1; }
.card-head-left .card-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pj-sched {
  flex-shrink: 0; font-size: 12px; font-weight: 500;
  padding: 2px 10px; border-radius: 20px; white-space: nowrap;
  background: rgb(240, 253, 244); color: rgb(22, 101, 52);
}
.pj-badges .badge,
.pj-badges .svc-badge { font-size: 12px; font-weight: 500; padding: 2px 10px; border-radius: 20px; white-space: nowrap; }
.pj-badges .badge.ma-card-badge { font-weight: 500; }

/* 左栏：所属客户 + 看板版本 同一行（客户搜索框要宽一点） */
/* 与下方「监控名称 / 监控品牌」保持同一列宽，两行左右边缘严格对齐（20261105h） */
.proj-head-pair { grid-template-columns: 1fr 1fr; }

/* 监控频次：标题行 / 排期行 / 三列参数 */
.freq-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.freq-tip-inline { font-size: 12px; color: rgb(79, 70, 229); margin-left: 2px; }
.freq-tip-inline.muted { color: var(--muted); }
.freq-tip-inline b { font-weight: 600; }
.freq-params { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 12px; padding-top: 12px; border-top: 1px solid rgb(229, 231, 235); }
.freq-param { display: flex; flex-direction: column; gap: 6px; min-width: 0; background: #fff; border: 1px solid rgb(229, 231, 235); border-radius: 8px; padding: 8px 10px; }
.freq-param-key { font-size: 12px; color: rgb(107, 114, 128); white-space: nowrap; }
.freq-param .input { width: 100%; max-width: none; }
.freq-param .num-input { width: 100%; }

/* 提及率预警：跟 .model-box / .freq-box 同一套灰底圆角盒 */
.ma-proj-block { display: flex; flex-direction: column; gap: 10px; background: rgb(243, 244, 246); border: none; border-radius: 10px; padding: 14px; }
.ma-box-head { display: flex; align-items: baseline; gap: 8px; }
.ma-box-hint { font-size: 12px; color: var(--muted); }
.ma-proj-key { width: 60px; flex: none; font-size: 12px; color: rgb(107, 114, 128); }
.ma-proj-unit { font-size: 12px; color: rgb(107, 114, 128); }
.ma-proj-hint { font-size: 12px; color: rgb(156, 163, 175); }
.ma-proj-chips { display: flex; flex-wrap: wrap; gap: 6px; flex: 1; min-width: 0; }
.ma-pick { padding: 4px 10px; font-size: 12px; border-radius: 6px; cursor: pointer; background: #fff; border: 1px solid var(--border); color: var(--muted); transition: all .15s; }
.ma-pick:hover { color: var(--fg); background: rgb(248, 250, 252); }
.ma-pick.on { background: rgb(124, 58, 237); border-color: rgb(124, 58, 237); color: #fff; font-weight: 500; }
/* .input 全局是 flex:1，只写 width 会被 flex-grow 撑满整行，必须连 flex 一起锁死 */
.ma-proj-block .num-input { flex: 0 0 80px; width: 80px; max-width: 80px; }
.ma-proj-block .field-tip { margin-top: 0; }
/* 20261105h 方案 C：关注词 / 关注平台各包一张白底圆角卡，标题在上、chips 在下；
   阈值那行保持裸行不框。前缀 .ma-proj-block 提高特异性，压过上面的 .ma-proj-row 横向布局。 */
.ma-proj-block .ma-proj-card {
  display: flex; flex-direction: column; align-items: stretch; gap: 7px;
  background: #fff; border: 1px solid rgb(229, 231, 235); border-radius: 8px; padding: 9px 11px;
}
.ma-proj-block .ma-proj-card .ma-proj-key { width: auto; flex: none; font-size: 12px; color: rgb(107, 114, 128); }
.ma-proj-block .ma-proj-card .ma-proj-chips { flex: 1; min-width: 0; }
/* 「＋新建客户」按钮把左标签撑成 26px、右标签只有 21px，会让两个输入框差 5px 不齐 */
.proj-head-pair .field-label { min-height: 26px; }
/* .cust-combo 是 block 不是 flex，内部 input 的 flex-1 无效，会退回默认 185px。
   跟 .art-filter-card 那处同一个坑，这里作用域限定在编辑监控左栏头部。 */
.proj-head-pair .cust-combo > .input { width: 100%; max-width: none; box-sizing: border-box; }

/* 发稿日期异常标记（20261111）：库里历史脏数据 2026-32-05 不再原样显示，
   也不再让趋势图整块空白；悬停可见原始值，去编辑发稿可修正。 */
.art-date-bad { color: #b45309; background: #fffbeb; border: 1px solid #fcd34d;
  border-radius: 4px; padding: 1px 6px; font-size: 11px; white-space: nowrap; cursor: help; }