/* ============================================================
 * Complete IELTS EXAM · 锁定考试模式样式
 * 仅在 exam 站引用；students / book 站不受影响。
 * ============================================================ */

/* ---------- 顶部锁定条 ---------- */
#exam-lockbar {
  position: fixed; top: 0; left: 0; right: 0; z-index: 9999;
  display: flex; align-items: center; gap: 14px;
  background: #8f1d1d; color: #fff;
  padding: 7px 16px; font-size: 14px; font-weight: 600;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
}
#exam-lockbar .lk { letter-spacing: .08em; }
#exam-lockbar #exam-clock {
  font-variant-numeric: tabular-nums;
  background: rgba(255, 255, 255, .16);
  padding: 1px 10px; border-radius: 6px;
}
#exam-lockbar .who { opacity: .95; }
#exam-lockbar .lk-hint { margin-left: auto; font-weight: 400; font-size: 12.5px; opacity: .9; }

/* 锁定期间：顶栏让出锁定条的高度（topbar 为 sticky top:0） */
body.exam-locked header.topbar { top: 33px; }
/* 离开窗口宽限期内：整页变灰提示正在计时 */
body.exam-away::after {
  content: ""; position: fixed; inset: 0; z-index: 9998;
  background: rgba(90, 10, 10, .18); pointer-events: none;
}

/* ---------- 警告横幅（第一次违规） ---------- */
#exam-warn {
  position: fixed; top: 44px; left: 50%; transform: translateX(-50%);
  z-index: 10001; max-width: min(680px, 92vw);
  background: #b45309; color: #fff;
  padding: 12px 20px; border-radius: 10px;
  font-size: 15px; line-height: 1.5; text-align: center;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .3);
}

/* ---------- 取消资格覆盖层（第二次违规 / 3 秒未归） ---------- */
#exam-void-overlay {
  position: fixed; inset: 0; z-index: 10000;
  background: rgba(84, 10, 10, .96); color: #fff;
  display: flex; align-items: center; justify-content: center;
  text-align: center; padding: 24px;
}
#exam-void-overlay .vo-card { max-width: 560px; }
#exam-void-overlay .vo-ic { font-size: 56px; }
#exam-void-overlay h2 { font-size: 34px; margin: 10px 0 14px; letter-spacing: -.01em; }
#exam-void-overlay p { font-size: 17px; margin: 6px auto; }
#exam-void-overlay .vo-sub { font-size: 14px; opacity: .85; margin-top: 12px; }