/**
 * Type J 样式
 * 布局：照片 100% 填满画布，署名在底部第一行，参数行三栏布局
 * 基于 Type H 调整：不显示 Logo，署名替代 Logo 位置
 */

/* Type J 样式 - 独立布局 */
.frame-wrapper.type-j {
  display: block !important;
  position: relative;
  background: #000000;
  max-width: none !important;  /* 覆盖 type-a.css 通用选择器 */
  max-height: none !important;
  /* 尺寸由 JS 通过 inline style 设置 */
}

/* 照片区：100% 填满画布（仅匹配直接子级 img，不匹配其他） */
.frame-wrapper.type-j > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  max-width: none;
  max-height: none;
}

/* 隐藏 Type J 的 photoFooter */
.frame-wrapper.type-j .photo-footer {
  display: none;
}

/* 覆盖 type-a.css 的 border-content 默认样式 */
.frame-wrapper.type-j .border-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  bottom: auto;  /* 覆盖 type-a.css 的 bottom: 0 */
}

/* 底部文字区 */
.type-j-bottom {
  position: absolute;
  bottom: 3%;
  left: 0;
  width: 100%;
  text-align: center;
}

/* 署名行（与参数同字号） */
.type-j-signature {
  font-size: 1em;
  font-family: 'MiSans Normal', 'MiSans', sans-serif;
  color: #ffffff;  /* CSS fallback，实际由 JS inline style 覆盖 */
  line-height: 1;
  margin-bottom: 0.5em;
}

/* 参数行容器（相对定位，子元素绝对定位） */
.type-j-params-row {
  position: relative;
  font-size: 1em;
  font-family: 'MiSans Normal', 'MiSans', sans-serif;
  color: #ffffff;  /* CSS fallback */
  line-height: 1;
  height: 1.4em;
}

/* 左栏：机型（含厂商）— 绝对定位左5% */
.type-j-model {
  position: absolute;
  left: 5%;
  top: 0;
  font-family: 'MiSans Normal', 'MiSans', sans-serif;
  white-space: nowrap;
}

/* 中栏：参数 — 绝对定位画布正中 */
.type-j-params {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  font-family: 'MiSans Normal', 'MiSans', sans-serif;
  white-space: nowrap;
}

/* 右栏：时间 — 绝对定位右5% */
.type-j-time {
  position: absolute;
  right: 5%;
  top: 0;
  font-family: 'MiSans Normal', 'MiSans', sans-serif;
  white-space: nowrap;
}