/* ============================================================
   工作台增强层 v1（2026-08-20 大厂模式学习融入）
   🔴 只追加，不动原内容/结构。注入位置：</body> 前。
   含：吸顶表头 / 状态彩色标签 / Tooltip / 抽屉详情 / 可信度标注条
   ============================================================ */
.enh-sticky-wrap { max-height: 62vh; overflow-y: auto; border-radius: 10px; }
.enh-sticky-wrap table thead th { position: sticky; top: 0; z-index: 5; box-shadow: 0 1px 0 rgba(0,0,0,.06); }
.enh-sticky-wrap table thead th::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #e5e7eb; }

/* 状态标签（彩色） */
.enh-tag { display: inline-block; padding: 2px 10px; border-radius: 20px; font-size: 11.5px; font-weight: 700; line-height: 18px; }
.enh-tag-red { background: #fee2e2; color: #dc2626; }
.enh-tag-green { background: #dcfce7; color: #16a34a; }
.enh-tag-yellow { background: #fef9c3; color: #ca8a04; }
.enh-tag-blue { background: #dbeafe; color: #2563eb; }
.enh-tag-gray { background: #f3f4f6; color: #6b7280; }

/* Tooltip 悬浮提示 */
.enh-tip { position: relative; cursor: help; border-bottom: 1px dashed #cbd5e1; }
.enh-tip::after {
  content: attr(data-tip);
  position: absolute; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%);
  background: #1e293b; color: #f1f5f9; font-size: 12px; line-height: 1.5;
  padding: 8px 12px; border-radius: 8px; white-space: pre-line; max-width: 340px;
  opacity: 0; pointer-events: none; transition: opacity .18s; z-index: 999;
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
}
.enh-tip::before {
  content: ''; position: absolute; bottom: calc(100% + 2px); left: 50%; transform: translateX(-50%);
  border: 6px solid transparent; border-top-color: #1e293b;
  opacity: 0; transition: opacity .18s; z-index: 999;
}
.enh-tip:hover::after, .enh-tip:hover::before { opacity: 1; }

/* 抽屉详情面板 */
.enh-drawer-mask { position: fixed; inset: 0; background: rgba(15,23,42,.35); z-index: 9998; opacity: 0; pointer-events: none; transition: opacity .25s; }
.enh-drawer-mask.show { opacity: 1; pointer-events: auto; }
.enh-drawer {
  position: fixed; top: 0; right: -560px; width: 540px; max-width: 92vw; height: 100vh;
  background: #fff; z-index: 9999; box-shadow: -12px 0 40px rgba(0,0,0,.18);
  transition: right .3s cubic-bezier(.4,0,.2,1); display: flex; flex-direction: column;
  font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
}
.enh-drawer.show { right: 0; }
.enh-drawer-head { padding: 18px 20px; border-bottom: 1px solid #f1f5f9; display: flex; align-items: center; justify-content: space-between; }
.enh-drawer-head .t { font-size: 16px; font-weight: 800; color: #0f172a; }
.enh-drawer-head .x { cursor: pointer; font-size: 20px; color: #94a3b8; padding: 4px 10px; border-radius: 8px; }
.enh-drawer-head .x:hover { background: #f1f5f9; color: #334155; }
.enh-drawer-body { flex: 1; overflow-y: auto; padding: 16px 20px; }
.enh-kv { display: flex; gap: 12px; padding: 9px 0; border-bottom: 1px dashed #eef2f7; font-size: 13px; }
.enh-kv .k { width: 130px; flex-shrink: 0; color: #64748b; font-weight: 600; }
.enh-kv .v { color: #0f172a; word-break: break-all; }

/* 可信度标注条 */
.enh-note {
  display: flex; align-items: center; gap: 8px;
  background: #fffbeb; border: 1px solid #fde68a; color: #92400e;
  font-size: 12px; padding: 7px 14px; border-radius: 10px; margin-bottom: 14px;
}
.enh-note b { color: #b45309; }