/* ============================================================
 * apps/cg.css —— 场景 CG（js/core/ui.js 的 UI.cg）
 *
 * 由原 css/apps.css 按既有的分节标记切分而来（0.3.1 架构整理）。
 * 内容与切分前逐字节一致 —— 只换了存放位置，没动一个字符。
 * 新增样式请放进对应 App 的分片，不要再往 apps.css 里堆。
 * ============================================================ */
/* ============ 场景 CG ============ */
.cg {
  position: absolute; inset: 0; background: #F0EFEC; z-index: 95;
  display: flex; flex-direction: column; animation: fade .5s;
}
.cg-art {
  flex: 1; margin: 12px; border-radius: var(--r-lg); position: relative; overflow: hidden;
  background: linear-gradient(160deg, #DDE4E6 0%, #EAEFF0 55%, #E1E8E9 100%);
  box-shadow: inset 0 0 60px rgba(90, 110, 115, .10);
}
.cg-art .cg-placeholder {
  position: absolute; inset: 0; display: flex; flex-direction: column;
  align-items: center; justify-content: center; color: #93A2A8; font-size: 12px; gap: 6px;
}
.cg-art .cg-placeholder .pk { font-size: 11px; letter-spacing: 2px; opacity: .6; }
/* 场景氛围层：由 CG 数据注入的色块 */
.cg-art .cg-layer { position: absolute; }
.cg-art .cg-vignette {
  position: absolute; inset: 0;
  background: radial-gradient(120% 90% at 50% 40%, transparent 40%, rgba(70, 90, 95, .16) 100%);
}
.cg-cap { flex: none; padding: 16px 22px 8px; color: var(--text); }
.cg-cap .cg-line { font-size: 15.5px; line-height: 1.75; }
.cg-choices { flex: none; padding: 6px 16px 22px; display: flex; flex-direction: column; gap: 8px; }
.cg-choices .btn { background: #FFFDFB; color: var(--text); box-shadow: var(--e1); height: 44px; justify-content: flex-start; }
.cg-choices .btn:active { background: #F1F0ED; }