/**
 * Type O 样式
 * 布局：白底 + 照片区（横 84%×68% / 竖 62%×68%，2px 黑描边）+ 三行文字 + 底部水印带
 * - 第 1 行：胶片型号（小字 Regular #333）
 * - 第 2 行：厂商 + 机型（大字 Semibold #000）
 * - 第 3 行：署名水印（浅灰 #CCC，底部 6% 带）
 */

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

/* 照片区：2px 描边、0 圆角、按原生比例 cover 填满（横图默认 8%/84%） */
.frame-wrapper.type-o > img {
  position: absolute;
  top: 6%;
  left: 8%;
  width: 84%;
  height: 68%;
  object-fit: cover;
  object-position: center center;
  max-width: none;
  max-height: none;
  border: 2px solid #000000;
  border-radius: 0;
  box-sizing: border-box;
}

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

/* 文字容器：铺满整个画布，内部文字行由 JS 绝对定位 */
.frame-wrapper.type-o .border-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}

/* 文字行基础样式：水平居中，垂直位置由 JS 计算 top */
.type-o-line {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  line-height: 1.2;
  white-space: nowrap;
  font-family: 'MiSans Normal', 'MiSans', sans-serif;
}

/* 第 1 行：胶片型号（机型字号的 80%） */
.type-o-line1 {
  font-size: 0.80em;
  color: #333333;
}

/* 第 2 行：厂商 + 机型 */
.type-o-line2 {
  font-size: 1em;
  font-family: 'MiSans Semibold', 'MiSans', sans-serif;
  color: #000000;
}

/* 第 3 行：署名水印（黑色） */
.type-o-line3 {
  font-size: 0.36em;
  color: #000000;
}
