/* ==================================================================
   R14 · 昵称联想下拉（public/assets/nickname-dropdown.js 的配套样式）
   ------------------------------------------------------------------
   只用全站既有 token（tokens.css 的 --card / --line / --ink / --t1 / --t2 /
   --wash / --sh-2 / --r-m），不新增配色。手机端在 mobile.css 里把 --nd-*
   重映射到 --mb-*，深色随之生效。

   定位：绝对定位挂在输入框父级下方（父级需 position:relative），
   盖在页面之上但不占布局高度，因此不会撑破页面、不会产生横向溢出。
   ================================================================== */
.nd-list{
  --nd-bg:var(--card);
  --nd-line:var(--line);
  --nd-ink:var(--t1);
  --nd-sub:var(--t2);
  --nd-on:var(--wash);
  --nd-badge-bg:var(--blue-soft);
  --nd-badge-fg:var(--blue);
  --nd-ban-bg:var(--red-soft);
  --nd-ban-fg:var(--red);
  --nd-shadow:var(--sh-2);
  --nd-radius:var(--r-m);

  position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;
  margin:0;padding:6px;list-style:none;
  max-height:296px;overflow-y:auto;-webkit-overflow-scrolling:touch;
  background:var(--nd-bg);
  border:1px solid var(--nd-line);
  border-radius:var(--nd-radius);
  box-shadow:var(--nd-shadow);
  text-align:left;
}
.nd-list[hidden]{display:none}

.nd-opt{
  display:flex;align-items:center;gap:8px;
  min-height:44px;padding:9px 12px;
  border-radius:var(--r-s);
  cursor:pointer;
}
.nd-opt.is-on,.nd-opt:hover{background:var(--nd-on)}

.nd-n{
  flex:1 1 auto;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:var(--t-sm);font-weight:500;color:var(--nd-ink);
}
.nd-p{
  flex:0 0 auto;
  font-size:var(--t-xs);
  padding:2px 8px;border-radius:999px;
  background:var(--nd-badge-bg);color:var(--nd-badge-fg);
}
/* 有封禁（官方 TemporaryBan / PermanentBan）：平台徽标转红，沿用旧 /api/suggest
   那套配色（--red-soft / --red），不新造样式。电脑端的 ul 没有 .nd-list 祖先，
   所以 var() 都带兜底值，令牌取不到时照样生效。 */
.nd-opt.is-ban .nd-p{
  background:var(--nd-ban-bg,var(--red-soft));
  color:var(--nd-ban-fg,var(--red));
}