/**
 * Type H 样式
 * 布局：无白色边框，照片 100% 填满画布，Logo 和文字叠加在照片底部
 * 画布大小 = 图片原始大小
 */

/* Type H 样式 - 独立布局 */
.frame-wrapper.type-h {
  display: block !important;
  position: relative;
  background: #000000;
  max-width: none !important;
  max-height: none !important;
  /* 尺寸由 JS 通过 inline style 设置 */
}

/* 照片区：100% 填满画布（仅匹配直接子级 img，不匹配 Logo） */
.frame-wrapper.type-h > 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 H 的 photoFooter */
.frame-wrapper.type-h .photo-footer {
  display: none;
}

/* 底部文字区：只占位，内部文字由 JS 绝对定位 */
.frame-wrapper.type-h .border-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15%;
  overflow: visible;
}

/* 文字行基础样式 */
.type-h-line {
  position: absolute;
  left: 4%;
  right: 4%;
  text-align: center;
  line-height: 1;
  white-space: nowrap;
}

/* 第一行：Logo 容器 */
.type-h-line1 {
  text-align: center;
  line-height: 0;
  font-size: 0;
}

.type-h-logo {
  text-align: center;
}

.type-h-logo img {
  display: inline-block;
  object-fit: contain;
}

/* 第二行：三部分竖线分隔 */
/* color 为 CSS fallback，实际颜色由 JS inline style 根据用户选择覆盖 */
.type-h-line2 {
  font-size: 1em;
  font-family: 'MiSans Medium', 'MiSans', sans-serif;
  color: #ffffff;
}

/* separator 颜色由 JS inline style 根据用户选择覆盖 */
.type-h-separator {
  margin: 0 0.5em;
  font-family: 'MiSans Normal', 'MiSans', sans-serif;
  color: #ffffff;
}

/* 第三行（署名） */
/* color 为 CSS fallback，实际颜色由 JS inline style 根据用户选择覆盖 */
.type-h-line3 {
  font-size: 0.8571em;
  font-family: 'MiSans Normal', 'MiSans', sans-serif;
  color: #ffffff;
}