/* ============================================================
 * no-flash.css —— 从第一帧就藏掉 app 原始界面，杜绝"旧框架闪一下"
 *   原理：CSS 在首次绘制前就生效；JS 后挂容器也不会露出旧内容
 * ============================================================ */

/* ── 练习页：只留我的 #p4-root，其余（旧 17 个题型卡）一律不渲染 ── */
#view-quiz > *:not(#p4-root),
#view-listen > *:not(#p4-root) {
  display: none !important;
}

/* ── 课程页：只留我的 #study-root（旧"按课"列表 / 旧三级卡补丁） ── */
#view-course > *:not(#study-root) {
  display: none !important;
}

/* ── 我的容器本身要在最前面，避免被后插入的元素遮住 ── */
#view-quiz > #p4-root,
#view-listen > #p4-root,
#view-course > #study-root {
  order: -1;
}

/* ── 防止挂载前出现"空视图"：给个同色底，视觉上无缝 ── */
#view-quiz, #view-listen, #view-course {
  background-image: linear-gradient(180deg, #fdf9f6 0%, #faf6fb 40%, #f7f9fd 100%);
  min-height: 100%;
}

/* ── 深色 ── */
@media (prefers-color-scheme: dark) {
  #view-quiz, #view-listen, #view-course {
    background-image: linear-gradient(180deg, #24211e 0%, #232027 40%, #1f2126 100%);
  }
}


/* 全屏特效画布（440×956）实测不可见却仍每帧绘制 → 关闭，省一半 GPU/CPU */
canvas#fx { display: none !important; contain: strict; }