/**
 * V2 Media Runtime · 沉浸式渲染地基（v520033 · Phase A 重做）
 *
 * 设计哲学（2026-05-19 用户最终方向）：
 *   - 主图必须填满整个容器（object-fit: cover）
 *   - 禁 ambient / blur / gradient 任何附加层（廉价拼接感）
 *   - 主体保护靠 object-position（focusX/focusY 后台配置）
 *   - 素材比例与容器比例由 Asset Pipeline 严格匹配（V2Media 只负责展示）
 *
 * 两个 mode：
 *   immersive  大图全屏 cover 满铺
 *   iconic     小 icon 单层（contain 或 cover 由 fit 控制）
 *
 * Token：
 *   --v2-media-radius   容器圆角
 *   --v2-media-bg       底色（cover 满铺时几乎看不到）
 *   --v2-media-fit      object-fit（immersive 强制 cover；iconic 可改 contain）
 *   --v2-media-focus    object-position（主体保护，默认 center）
 *
 * 铁律：
 *   1. 永远只有 .v2-media-content 一层，不再有 ambient/blur/gradient
 *   2. 圆角属于容器，禁止给素材本身 border-radius
 *   3. 素材必须由 Asset Pipeline 出图，比例匹配容器
 */

.v2-media-runtime {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: var(--v2-media-radius, inherit);
  background: var(--v2-media-bg, #000);
}

.v2-media-runtime > .v2-media-content {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: var(--v2-media-fit, cover);
  object-position: var(--v2-media-focus, center);
  display: block;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
}