/* 课堂讲解标注 · 共享样式（teach-marks.js 配套）
   房规：不用 emoji、不用阴影。 */

/* ---- 老师：每题下方的三档标注条 ---- */
.tm-bar{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin-top:9px;
  padding-top:9px; border-top:1px dashed #e3ddf0; }
.tm-bar .tm-l{ font-size:11px; font-weight:700; color:#9a93a8; letter-spacing:.04em; margin-right:2px; }
.tm-b{ border:1px solid #e5e7eb; background:#fff; color:#6b7280; border-radius:8px;
  padding:4px 11px; font-size:12px; font-weight:700; cursor:pointer; font-family:inherit; transition:.14s; }
.tm-b:hover{ border-color:#c9a9ee; color:#4a1380; }
.tm-b.tm-taught.on{ background:#eef7f1; border-color:#a9d5bd; color:#2f6b4f; }
.tm-b.tm-review.on{ background:#fdf1e9; border-color:#f0c3a4; color:#a2532a; }
.tm-b.tm-none.on{ background:#f4f4f6; border-color:#d9d7de; color:#55505e; }

/* ---- 学生：只看得到「要巩固」 ---- */
.tm-pill{ display:inline-flex; align-items:center; margin-top:9px;
  background:#fdf1e9; border:1px solid #f0c3a4; color:#a2532a;
  border-radius:99px; padding:3px 11px; font-size:11.5px; font-weight:700; }

/* 被标「要巩固」的题整体给一点提示（两端都用；不压暗、不抢答案的视觉） */
[data-qid].tm-review{ box-shadow:inset 3px 0 0 #e79a6a; }

/* ---- 顶栏上的「正在标注：XXX」 ---- */
.tm-chip{ display:inline-flex; align-items:center; gap:5px; padding:6px 11px; border-radius:9px;
  border:1px solid rgba(128,128,128,.32); background:transparent; color:inherit;
  font-family:inherit; font-size:12.5px; font-weight:600; cursor:pointer; white-space:nowrap; }
.tm-chip:hover{ border-color:#c9a9ee; color:#6b1fb8; }
.tm-chip.on{ background:#f3ebff; border-color:#c9a9ee; color:#4a1380; }

/* ---- 选学生弹层 ---- */
.tm-pick{ position:fixed; inset:0; z-index:9000; background:rgba(20,10,35,.42);
  display:flex; align-items:center; justify-content:center; padding:20px; }
.tm-pick-c{ background:#fff; border-radius:16px; width:min(420px,94vw); max-height:80vh;
  display:flex; flex-direction:column; overflow:hidden; }
.tm-pick-h{ display:flex; align-items:center; gap:9px; padding:14px 18px; border-bottom:1px solid #f1eefb;
  font-size:15.5px; font-weight:800; color:#4a1380; }
.tm-pick-h .tm-x{ margin-left:auto; border:0; background:none; font-size:21px; color:#9ca3af;
  cursor:pointer; line-height:1; padding:0 4px; }
.tm-pick-b{ overflow-y:auto; overscroll-behavior:contain; padding:10px 12px; display:flex; flex-direction:column; gap:4px; }
.tm-stu{ text-align:left; border:1px solid #eee; background:#fff; border-radius:10px; padding:11px 14px;
  font-size:14.5px; font-weight:600; color:#26222e; cursor:pointer; font-family:inherit; }
.tm-stu:hover{ background:#f6f0ff; border-color:#c9a9ee; color:#4a1380; }
/* 当前正在标注的那位：带勾 + 右侧写明再点一下的后果（这一行就是「结束」按钮，不另设按钮） */
.tm-stu{ display:flex; align-items:center; gap:8px; }
.tm-stu.on{ background:#f3ebff; border-color:#c9a9ee; color:#4a1380; font-weight:600; }
.tm-stu.on:hover{ background:#ece0ff; }
.tm-stu .tm-ck{ flex:none; color:#7a2fd0; }
.tm-stu .tm-nm{ flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tm-stu .tm-off{ flex:none; font-size:11.5px; font-weight:400; color:#8b7aa8; letter-spacing:.01em; }
.tm-pick-f{ padding:11px 18px 14px; font-size:12px; color:#9a93a8; line-height:1.6; border-top:1px solid #f4f2f8; }

@media(prefers-reduced-motion:reduce){ .tm-b{ transition:none; } }