/* ============================================================
 * apps/codex.css —— 术语图鉴（js/apps/codex.js）
 *
 * 由原 css/apps.css 按既有的分节标记切分而来（0.3.1 架构整理）。
 * 内容与切分前逐字节一致 —— 只换了存放位置，没动一个字符。
 * 新增样式请放进对应 App 的分片，不要再往 apps.css 里堆。
 * ============================================================ */
/* ============ 术语图鉴 ============ */
.codex-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 10px; }
.cdx {
  background: var(--surface); border-radius: var(--r); box-shadow: var(--e1);
  padding: 10px 8px; text-align: center; position: relative; overflow: hidden;
}
.cdx .cx-n { font-size: 14px; font-weight: 500; }
.cdx .cx-c { font-size: 10.5px; color: var(--text-3); margin-top: 3px; }
/* 右上角一枚状态标记：解锁=对勾，未解锁=锁 */
.cdx .cx-mark {
  position: absolute; right: 6px; top: 6px;
  width: 20px; height: 20px; border-radius: var(--r-sm);
  display: flex; align-items: center; justify-content: center;
  background: rgba(88, 135, 106, .13); color: var(--ok);
}
.cdx .cx-mark .ic-svg { width: 12px; height: 12px; }
.cdx.lock .cx-mark { background: rgba(147, 157, 164, .16); color: #A8B4B9; }
.cdx.lock { background: #EAEDEE; box-shadow: none; color: #A8B4B9; }
.cdx.lock .cx-n { color: #A8B4B9; }
.cdx.fresh { box-shadow: 0 0 0 2px var(--md-accent), var(--e1); }