/* ============================================================
   成公有道 · WorkBuddy 考官模式（wb-mode）隐藏样式  v2
   —— 基于线上 practice.html 真实 DOM 结构编写
   用法（二选一）：
   A. practice.html <head> 加：
      <link rel="stylesheet" href="/wb-hide.css">
      并在其后加：
      <script>if(new URLSearchParams(location.search).get('wb')){document.addEventListener('DOMContentLoaded',function(){document.body.classList.add('wb-mode')})}</script>
   B. 或由连接器/专家让内置浏览器打开：
      https://chenggongyoudao.com/gwy-interview/practice.html?wb=1&cate=xxx
   普通访问（无 ?wb=1）完全不受影响。
   ============================================================ */

/* ---- 1. gwy-nav.js 注入的站点导航/顶栏/菜单 ---- */
body.wb-mode .site-nav,
body.wb-mode .gwy-nav,
body.wb-mode .nav-bar,
body.wb-mode header,
body.wb-mode .header,
body.wb-mode .navbar,
body.wb-mode .menu-btn,
body.wb-mode .hamburger {
  display: none !important;
}

/* ---- 2. 登录/注册入口（页面顶栏"登录 / 注册"胶囊） ---- */
body.wb-mode .login,
body.wb-mode .login-btn,
body.wb-mode .register,
body.wb-mode [class*="login"],
body.wb-mode [class*="register"],
body.wb-mode [class*="signin"],
body.wb-mode [class*="signup"] {
  display: none !important;
}

/* ---- 3. 作答方式 Tab（自动识别 / 语音+视频 / 手动输入）
        考官模式固定语音+视频；手动输入按需求直接砍 ---- */
body.wb-mode .answer-mode,
body.wb-mode .mode-switch,
body.wb-mode .tabs,
body.wb-mode [class*="tab-"],
body.wb-mode [class*="manual"],
body.wb-mode [class*="auto-detect"] {
  display: none !important;
}

/* ---- 3b. 图1 红框区：返回链接 + 四步进度条 + 分类题号网格
        考官模式里题目由 AI 考官出，不需要自选题目/看进度。
        类名取自 interview.js 真实 DOM：
        iv-back-btn=返回链接 / iv-fw-steps=步骤条 / iv-grid=题号格
        iv-done-bar+iv-progress-bar=进度条 / iv-ql-*=题号列表 ---- */
body.wb-mode .iv-back-btn,
body.wb-mode .iv-fw-steps,
body.wb-mode .iv-grid,
body.wb-mode .iv-done-bar,
body.wb-mode .iv-progress-bar,
body.wb-mode .iv-ql-head,
body.wb-mode .iv-ql-items,
body.wb-mode .iv-ql-foot,
body.wb-mode .iv-nav-pts,
body.wb-mode [class*="back-"],
body.wb-mode [class*="iv-ql"],
body.wb-mode [class*="steps"],
body.wb-mode [class*="step-bar"],
body.wb-mode [class*="progress"],
body.wb-mode [class*="breadcrumb"] {
  display: none !important;
}

/* ---- 3c. 图2 红框："跳过录音/跳过本题"按钮 + 语音识别提示条
        类名取自 interview.js：data-act=skip 的按钮 / iv-sr-hint 提示
        / iv-fw-tip+iv-fw-hint=框架提示条
        考官模式必须开口作答，不提供跳过 ---- */
body.wb-mode .iv-btn[data-act="skip"],
body.wb-mode .iv-btn[data-act="goto"][data-step="3"],
body.wb-mode #iv-sr-hint,
body.wb-mode .iv-sr-hint,
body.wb-mode .iv-fw-tip,
body.wb-mode .iv-fw-hint,
body.wb-mode [class*="skip"],
body.wb-mode .asr-tip,
body.wb-mode [class*="chrome-tip"],
body.wb-mode [class*="voice-tip"],
body.wb-mode .hint-bar {
  display: none !important;
}

/* ---- 4. AI 悬浮助手（右下角机器人） ---- */
body.wb-mode #ai-bot,
body.wb-mode .ai-bot,
body.wb-mode [class*="ai-bot"],
body.wb-mode [class*="robot"],
body.wb-mode [class*="float-btn"],
body.wb-mode [class*="chat-float"] {
  display: none !important;
}

/* ---- 4b. 图2 附带：其余"跳转类"次级按钮（核对/批改快速跳转）
        考官模式流程由 AI 控制：录音→自动评分，不允许手动跳步骤 ---- */
body.wb-mode .iv-btn[data-act="goto"],
body.wb-mode .iv-next {
  display: none !important;
}

/* ---- 5. ICP 备案行 + 隐私政策（考场页不放） ---- */
body.wb-mode .icp,
body.wb-mode #cgyd-icp,
body.wb-mode footer {
  display: none !important;
}

/* ---- 6. PWA 提示 / 返回顶部 / 云同步浮层等杂项 ---- */
body.wb-mode .pwa-tip,
body.wb-mode .back-top,
body.wb-mode [class*="toast"],
body.wb-mode [class*="popup"] {
  display: none !important;
}

/* ---- 7. 沉浸化：去边距、限宽解除、背景统一 ---- */
body.wb-mode {
  background: #eef1f6 !important;
}
body.wb-mode #iv-root {
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 12px !important;
}

/* ---- 8. 考官模式极简顶栏（页面里加 <div class="wb-topbar">…</div> 即显示） ---- */
.wb-topbar { display: none; }
body.wb-mode .wb-topbar {
  display: block;
  background: #1a2b4c;
  color: #fff;
  font-size: 14px;
  letter-spacing: 1px;
  padding: 10px 0;
  text-align: center;
  margin-bottom: 12px;
  border-radius: 8px;
}