/* 拼音下拉（U-202）：替代浏览器自带的 datalist 下拉 */
.py-pop { position: fixed; z-index: 2000; overflow-y: auto; padding: 4px; border-radius: 10px; background: var(--bg, #fffdf9); color: var(--ink-1, #1f1710);
  border: 1px solid var(--line-2, rgba(48, 32, 20, .17)); box-shadow: 0 10px 28px rgba(48, 32, 20, .18); font-size: 14px; max-width: min(520px, calc(100vw - 8px)); }
.py-pop[hidden] { display: none; }
.py-o { display: flex; gap: 10px; align-items: baseline; padding: 8px 10px; border-radius: 7px; cursor: pointer; }
.py-o b { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.py-o span { color: var(--ink-3, #75655a); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.py-o:hover, .py-o.on { background: var(--panel-2, #f8f3eb); }
.py-none { padding: 10px; color: var(--ink-3, #75655a); font-size: 13px; }
@media (pointer: coarse) { .py-o { padding: 11px 10px; } }