/**
 * 句子收藏目录浮层 · 样式（doc/16 §3，紫色 elearn）
 */
.sfd-pop {
  position: fixed; z-index: 1300; width: min(240px, 84vw);
  background: var(--surface, #fff); border: 1px solid var(--border, #e5e7eb); border-radius: 12px;
  box-shadow: 0 16px 44px rgba(15, 23, 42, .22); padding: 8px;
  font-family: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}
.sfd-pop[hidden] { display: none; }
.sfd-head { font-size: 12px; color: var(--text-3, #94a3b8); padding: 4px 8px 8px; }
.sfd-list { max-height: 240px; overflow: auto; display: flex; flex-direction: column; gap: 2px; }
.sfd-dir {
  display: flex; align-items: center; gap: 8px; width: 100%; text-align: left; cursor: pointer;
  border: none; background: transparent; border-radius: 8px; padding: 9px 10px; font-size: 14px; color: var(--text, #1e293b);
}
.sfd-dir > i:first-child { color: #f59e0b; font-size: 13px; }
.sfd-dir span { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sfd-dir .fa-check { color: #16a34a; font-size: 12px; }
.sfd-dir:hover { background: var(--surface-2, #f8fafc); }
.sfd-dir.is-cur { background: var(--primary-soft, #f3e8ff); color: var(--primary-strong, #7c3aed); }
.sfd-remove, .sfd-new {
  display: flex; align-items: center; gap: 8px; width: 100%; text-align: left; cursor: pointer;
  border: none; background: transparent; border-radius: 8px; padding: 9px 10px; font-size: 13px; margin-top: 4px;
}
.sfd-remove { color: #e11d48; border-top: 1px solid var(--border, #f1f5f9); border-radius: 0; margin-top: 6px; padding-top: 10px; }
.sfd-remove:hover { background: rgba(225, 29, 72, .12); }
.sfd-new { color: var(--primary-strong, #7c3aed); }
.sfd-new:hover { background: var(--primary-soft, #f3e8ff); }