/* ============================================================================
 * clib-skin-knowledge-v1.css — 换皮 · 大课堂首屏「状态区」样2（配合 knowledge-status.js）
 * ----------------------------------------------------------------------------
 * 容器由 knowledge-status.js 建（#fdeKnowStatus），三块被搬进去当三段。
 * 节奏定死：段内间隙 12 · 段内边距 12/16 · 段间 1px 细分隔 · 三段等高（实测 68/68/68）
 * 全宽度生效（不是只在宽屏）—— 因为 DOM 一搬，"直接子元素"那类选择器就失配，
 *   窄屏若不吃这份样式会变成没样子的裸块。窄屏下由 flex-wrap 自然折行，仍是一张卡。
 * 不动：今日卡、三栏、任何文案与按钮；不改令牌值。
 * 回退：删 index.html 里本文件那一行 <link> 与 knowledge-status.js 那一行 <script>。
 * ========================================================================== */

#fdeKnowStatus {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  border: 1px solid #E8E8ED;
  border-radius: 18px;
  background: #fff;
  overflow: hidden;
  margin: 0;
}
#fdeKnowStatus > * {
  flex: 1 1 auto;
  align-self: stretch !important;   /* 生成物对这几块另有对齐/高度规则，权重更高 ⇒ 抬掉 */
  height: auto !important;
  max-height: none !important;
  min-height: 56px;
  width: auto !important;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap !important;     /* 生成物给 .bh-bar 设了 wrap ⇒ 那句说明被顶到第二行、整格高 80 ⇒ 抬掉 */
  padding: 12px 16px !important;
  margin: 0 !important;
  border-left: 1px solid #E8E8ED;
}
#fdeKnowStatus > *:first-child { border-left: 0; }

/* 末段（术语模式）吃剩余宽度：那句说明压成一行省略，不换行不撑高 */
#fdeKnowStatus > #baihuaBar { flex: 1 1 auto; }   /* 窄屏：按内容走，别把 basis 设成 0（否则会被压成 26px 宽） */
#fdeKnowStatus > #baihuaBar > *:last-child {
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* 标签与分段控件不许被压（否则标签会被挤成竖排、整格又被撑高） */
#fdeKnowStatus .bh-bar-t,
#fdeKnowStatus .bh-seg {
  flex: 0 0 auto !important;
  white-space: nowrap;
}
/* 段内那些"自带框/自带底"的小块一律去框去底去内外边距 —— 否则拼出来还是一堆各自为政的盒子 */
#fdeKnowStatus .prep-progress-bar,
#fdeKnowStatus .bh-bar {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

/* 宽屏：三段并成一条，末段吃剩余宽度 */
@media (min-width: 1201px) {
  #fdeKnowStatus { flex-wrap: nowrap; }
  #fdeKnowStatus > * { flex: 0 0 auto; }
  #fdeKnowStatus > #baihuaBar { flex: 1 1 0; }
}

/* ============================================================================
 * ③b 五维自测块：补回中和层（2026-10-16 · lane cto）
 * ----------------------------------------------------------------------------
 * 实测（work/_audit/_knowbar-owner.js · 1440 · knowledge）：站内 #d22-fixes（index.html 内联）
 *   用 `#fde-ws-knowledge .prep-progress-bar, #fde-ws-knowledge .u1-hero`（(0,1,2,0)）把本文件 ③
 *   的中和层（`#fdeKnowStatus .prep-progress-bar`，(0,1,1,0)）压回了「带底色 + 1px 边 + 14px 圆角」
 *   ⇒ 只有它跟左右三段不同款（左右三段都是透明无框）。这里按同一口径补回中和，并把多出来的
 *   12px 内距归零（与左段 #prepProgressBar 相同 —— 它本来就是 pad 0）。
 * 不动：DOM、文案、高度（高度由 clib-skin-bars-v1.css 收口）、宽度、字号。
 * 判据：改后 `#fde-ws-knowledge .prep-progress-bar` 的 background = rgba(0,0,0,0)、border = 0、radius = 0。
 * ========================================================================== */
body:not(.hc-home) :not(#clibNone):not(#clibNone):not(#clibNone) #fdeKnowStatus #fde-ws-knowledge .prep-progress-bar,
body:not(.hc-home) :not(#clibNone):not(#clibNone):not(#clibNone) #fdeKnowStatus #fde-ws-knowledge .u1-hero{
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* ============================================================================
 * ③c 本条内三只蓝按钮的圆角统一（2026-10-16 · lane cto）
 * ----------------------------------------------------------------------------
 * 实测：同一排三只蓝按钮的圆角各由三处不同文件决定 ——
 *   进入准备清单 = clib-v24-polish.css 的 #prepToggleBtn      → 999px
 *   开始五维自测 = 站内 #d22-fixes（index.html 内联）          → 14px
 *   登录 / 注册  = clib-design-system.css 的 button:not(...)   → 24px（--r-xl）
 * 三个值都在允许口径内（24/18/14/999），但同一排不该三种 ⇒ 统一到 **999（药丸）**：
 *   与左边那只「本来就已经是 999」的按钮同款，也与站内导航条按钮口径一致
 *   （clib-skin-nav-v1.css：.btn{...border-radius:999px}）。
 * 高度/内距/字号三者**本来就相等**（实测均 h=28、padding 0 16px、font-size 12px）⇒ 本层只动圆角＝零位移。
 * 不动：高度、内距、字号、底色、文案；不动 .bh-seg（分段控件是另一种组件，保留自己的轨道圆角）。
 * 判据：改后三只按钮 border-radius 全为 999px。
 * ========================================================================== */
body:not(.hc-home) :not(#clibNone):not(#clibNone):not(#clibNone) #fdeKnowStatus #prepToggleBtn,
body:not(.hc-home) :not(#clibNone):not(#clibNone):not(#clibNone) #fdeKnowStatus #fde-ws-knowledge .prep-progress-bar button,
body:not(.hc-home) :not(#clibNone):not(#clibNone):not(#clibNone) #fdeKnowStatus #learnBar .prep-progress-bar button{
  border-radius: 999px !important;
}