/* grok-page-parity-a1-20261020-v1 · GP-01 暗色可读性修复
   只在 prefers-color-scheme: dark 下生效，亮色零变化；不改 :root 和全局 token，不改文案和布局。
   写死的白底（#fff / linear-gradient(#fff,#fbfdff)）一律换成 var(--bg-card)，即亮色下同一层级的「白」在暗色下的对应值。
   锚点全部取自现役 bundle（main.aaf34218 / journey.512d4fdd / account.bc580cf5 / video.49d3a538）：
   - Grok 引导卡（桌面 + 手机 .grok-phone-main）：.grok-sso-video-devices + .xiaojiu-guide-card
     GrokSsoGuide 先渲染设备条，紧跟引导卡；设备条只在 Grok 出现。
   - GPT Session 指引卡（用户拍板一起修）：.xiaojiu-flow-progress + .xiaojiu-guide-card
     只在 E_ 里出现。Codex 的指引卡（h2.step-title + .xiaojiu-guide-card）不命中。
   - Grok 介绍条：.xiaojiu-intro-row > .xiaojiu-intro:only-child
     Grok 分支（y=qw(cdk)）不渲染重播按钮，所以 only-child 只命中 Grok。
     GP-12 恢复 Grok 重播按钮后，这条会失效，届时改锚插槽加的 .gj-scope。
   - 其余只用 Grok 专属类：.grok-sso-warning、.grok-account-confirmation、[data-grok-account-state]、
     .grok-restored-order、.grok-sso-video-*。
   GrokSsoVideo 的内联 <style> 渲染在 body 里，排在本文件之后，所以覆盖它的两条规则特意多加一级类/属性。 */
@media (prefers-color-scheme: dark) {
  /* 引导卡：Grok 桌面卡、Grok 手机卡、GPT Session 指引卡 */
  .grok-sso-video-devices + .xiaojiu-guide-card,
  .xiaojiu-flow-progress + .xiaojiu-guide-card {
    background: var(--bg-card);
  }

  /* 写死 #fff 的提示条：Grok 介绍条、Grok 安全提示、账号核对区外层、核对中状态行、刷新恢复提示 */
  .xiaojiu-intro-row > .xiaojiu-intro.batch-message:only-child,
  p.batch-message.grok-sso-warning,
  section.grok-account-confirmation.batch-message,
  .grok-account-confirmation > [data-grok-account-state].batch-message.neutral,
  .grok-restored-order > .batch-message.neutral {
    background: var(--bg-card);
  }

  /* 账号核对状态行：失败 */
  .grok-account-confirmation > [data-grok-account-state].batch-message.failed {
    border-color: var(--red);
    background: var(--red-soft);
    color: var(--text);
  }

  /* 账号核对状态行：已核实 */
  .grok-account-confirmation > [data-grok-account-state].xiaojiu-session-account.ok {
    border-color: var(--green);
    background: var(--green-soft);
    color: var(--green);
  }
  @supports (border-color: color-mix(in srgb, red 50%, transparent)) {
    .grok-account-confirmation > [data-grok-account-state].xiaojiu-session-account.ok {
      border-color: color-mix(in srgb, var(--green) 45%, transparent);
    }
  }

  /* 设备切换按钮选中态：内联 CSS 写死 #eaf4ff / #075baf，选择器多一级 [role] 才能盖过 body 里的内联 <style> */
  .grok-sso-video-devices[role="group"] > button[aria-pressed="true"] {
    border-color: var(--accent);
    background: var(--accent-soft);
    color: var(--blue-dark);
  }

  /* 视频弹窗加载失败提示：内联 CSS 写死 #b42318 */
  .grok-sso-video .grok-sso-video-dialog p[role="alert"] {
    color: var(--red);
  }
}