/* ===== v3.422：打字时的「重复提醒」浮层（dup.422.css） =====
   业主 2026-10-29：「要全部罗列啊文档的主题的文件夹的，列表的框框大一点」。
   v3.422：四类分组全列（文档 / 主题 / 文件夹 / 本文），浮层加宽加高，中间独立滚动。
   一律用主题变量，暗色 / 玻璃 / pixso 都跟着走，不写死颜色。 */

#dqTip{
  position:fixed;z-index:9990;display:none;box-sizing:border-box;
  background:var(--panel,#fff);color:var(--tx,#21252b);
  border:1px solid var(--line,#eceef1);border-radius:12px;
  box-shadow:0 18px 44px rgba(23,42,77,.20),0 2px 6px rgba(23,42,77,.08);
  font-size:13px;line-height:1.5;
  overflow:hidden;                         /* 滚动交给里面的 .dq-scroll，头脚不动 */
  animation:dqIn .13s ease-out;
}
@keyframes dqIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* 顶部汇总：一眼看出哪几类撞了 */
#dqTip .dq-hd{
  display:flex;align-items:center;gap:10px;justify-content:space-between;
  padding:9px 12px 8px;border-bottom:1px solid var(--line,#eceef1);
  background:color-mix(in srgb,var(--panel,#fff) 92%,var(--hov,#f2f3f5) 8%);
  font-size:12px;white-space:nowrap;overflow:hidden;
}
#dqTip .dq-sum{
  color:var(--danger,#d9534f);font-weight:600;overflow:hidden;text-overflow:ellipsis;
}
#dqTip .dq-tot{flex:0 0 auto;color:var(--sub,#8a919c);font-size:11px}

/* 滚动区：420px 是「能看见 12 行左右」的舒服高度，屏幕矮就按 vh 收 */
#dqTip .dq-scroll{
  max-height:min(66vh,420px);overflow:auto;overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;padding:6px 8px 8px;
}

/* 组标题：贴顶吸附，滚到哪儿都知道自己在看哪一类 */
#dqTip .dq-gp{
  position:sticky;top:0;z-index:2;
  display:flex;align-items:center;gap:6px;
  margin:2px -8px 3px;padding:6px 14px 5px;
  font-size:11px;font-weight:600;letter-spacing:.4px;
  color:var(--sub,#8a919c);
  background:color-mix(in srgb,var(--panel,#fff) 96%,var(--hov,#f2f3f5) 4%);
  border-bottom:1px solid color-mix(in srgb,var(--line,#eceef1) 70%,transparent);
}
#dqTip .dq-gp i{
  font-style:normal;font-weight:500;font-size:10px;line-height:15px;
  padding:0 5px;border-radius:8px;color:var(--sub,#8a919c);
  background:var(--hov,#f2f3f5);
}
#dqTip .dq-gp[data-g=doc]{color:var(--acc,#3370ff)}
#dqTip .dq-gp[data-g=tag]{color:#7a5af8}
#dqTip .dq-gp[data-g=folder]{color:#0f9d76}
#dqTip .dq-gp[data-g=row]{color:#b07d00}

/* 条目 */
#dqTip .dq-it{
  display:flex;align-items:center;gap:10px;
  padding:7px 10px;border-radius:8px;cursor:pointer;
  white-space:nowrap;overflow:hidden;
}
#dqTip .dq-it:hover,#dqTip .dq-it.on{background:var(--acc2,#eaf1ff)}
#dqTip .dq-it.on{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 35%,transparent)}

#dqTip .dq-t{
  flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;
}

/* 右边的小字：文档显示所在目录、主题显示「N 篇」、本文显示「第 N 行」 */
#dqTip .dq-p{
  flex:0 1 auto;min-width:0;max-width:44%;overflow:hidden;text-overflow:ellipsis;
  font-size:11px;color:var(--sub,#8a919c);
  padding-left:8px;border-left:1px solid color-mix(in srgb,var(--line,#eceef1) 80%,transparent);
}

/* 底部快捷键 */
#dqTip .dq-ft{
  display:flex;align-items:center;gap:12px;
  padding:7px 12px 8px;border-top:1px solid var(--line,#eceef1);
  font-size:11px;color:var(--sub,#8a919c);
  background:color-mix(in srgb,var(--panel,#fff) 94%,var(--hov,#f2f3f5) 6%);
}
#dqTip .dq-ft .dq-n{margin-left:auto;opacity:.85}

/* 手机：铺满可用宽度，一屏多列几条 */
@media (hover:none),(pointer:coarse){
  #dqTip{font-size:14px}
  #dqTip .dq-scroll{max-height:58vh;padding:4px 6px 6px}
  #dqTip .dq-it{padding:10px 8px}
  #dqTip .dq-p{max-width:40%}
  #dqTip .dq-ft{display:none}
}

/* 点「这一行」时，滚到那一行并闪一下 */
.dqHit{animation:dqHit 1.3s ease-out}
@keyframes dqHit{
  0%,40%{background:color-mix(in srgb,var(--acc) 22%,transparent)}
  100%{background:transparent}
}

/* 「查过了，没重复」的一声轻响 */
#dqOk{
  position:fixed;z-index:9990;display:none;
  font-size:12px;line-height:22px;padding:0 9px;border-radius:11px;
  color:#1a8f4d;background:rgba(26,143,77,.09);border:1px solid rgba(26,143,77,.22);
  white-space:nowrap;pointer-events:none;transition:opacity .26s ease;
  box-shadow:0 2px 8px rgba(23,42,77,.06);
}
html[data-theme=dark] #dqOk{color:#5fd68f;background:rgba(95,214,143,.12);border-color:rgba(95,214,143,.28)}