/* ============================================================
   通用下拉浮层（js/uiselect.js）：把系统画的 <select> 弹层换成自绘的
   （负责人 2026-08-14：「看看还有没有其他难看的下拉组，也弄好」）
   两套皮：.on-paper 用在卡里（纸卡族），.on-shell 用在顶栏/落地页（外壳族）。
   ============================================================ */
.uisel-pop {
  display: none; position: fixed; z-index: 300;
  max-height: 46vh; overflow-y: auto; padding: 4px;
  border-radius: 9px; box-shadow: 0 12px 30px rgba(0, 0, 0, .24);
  font: inherit;
}
.uisel-pop.is-open { display: block; }
.uisel-opt {
  display: flex; align-items: center; gap: 7px; width: 100%;
  font: inherit; font-size: 12.5px; line-height: 1.5; text-align: left; white-space: nowrap;
  padding: 6px 9px; border: 0; border-radius: 6px; background: transparent; cursor: pointer;
}
.uisel-opt[disabled] { opacity: .45; cursor: default; }
.uisel-opt.is-on { font-weight: 600; }
/* 勾与占位同宽：选中项不会比别的行往右挪一格 */
.uisel-tick { flex: none; width: 12px; height: 12px; }
.uisel-opt > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }

.uisel-pop.on-paper { background: var(--paper, #fff); border: 1px solid var(--paper-line, var(--line, #ddd7c9)); }
.uisel-pop.on-paper .uisel-opt { color: var(--paper-ink, var(--ink, #222522)); }
.uisel-pop.on-paper .uisel-opt:hover:not([disabled]) { background: var(--paper-2, #f0ece1); }
.uisel-pop.on-paper .uisel-tick { color: var(--paper-focus, var(--accent, #287966)); }

/* 外壳皮的字色是 --text，**不是 --ink**（负责人 2026-08-14 报障：「底色直接使到文字一点都看不到」）。
   画布页压根没有 --ink 这个变量（它只存在于 landing.css），于是 var(--ink, #222522) 一路退到
   硬编码的深色；而底色 --surface 在纸卡/墨纸/青焰三套主题里是深色——深底深字，实测对比度 1.04。
   兜底链保留 --ink 是给落地页用的：那边有 --ink 没有 --text，两页共用这一份样式。 */
.uisel-pop.on-shell { background: var(--surface, var(--paper, #fff)); border: 1px solid var(--line-strong, #c9c3b4); }
.uisel-pop.on-shell .uisel-opt { color: var(--text, var(--ink, #222522)); }
.uisel-pop.on-shell .uisel-opt:hover:not([disabled]) { background: var(--surface-3, var(--paper-2, #f0ece1)); }
.uisel-pop.on-shell .uisel-tick { color: var(--accent, #287966); }

/* 浮层开着时给下拉本体一个"正在编辑"的边（原生 :focus 在 preventDefault 后不一定会来） */
select.uisel-active { border-color: var(--paper-focus, var(--accent, #287966)) !important; }