/**
 * Type N 样式
 * 布局：基于 Type G 修改，上下对称边框
 * - 顶部 7.5% 白色边框（Logo 居中）
 * - 中部照片展示区（92% 宽度，85% 高度）
 * - 底部 7.5% 文字信息区（参数 + 署名）
 * 纵向图片：顶部 3.75% + 照片 92.5% + 底部 3.75%
 */

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

/* 照片区：居中，92% 宽度，85% 高度，圆角 12px */
.frame-wrapper.type-n > img {
  position: absolute;
  top: 7.5%;
  left: 4%;
  width: 92%;
  height: 85%;
  object-fit: cover;
  object-position: center center;
  max-width: none;
  max-height: none;
  border-radius: 12px;
}

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

/* 顶部 Logo 区域 */
.type-n-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7.5%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

.type-n-top .type-n-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

/* 第一行：拍摄参数 */
.type-n-line1 {
  font-size: 1em;
  font-family: 'MiSans Normal', 'MiSans', sans-serif;
  color: #000000;
}

/* 参数标签（Aperture/Focal/Shutter/ISO）使用 Medium 字重 */
.type-n-label {
  font-family: 'MiSans Medium', 'MiSans', sans-serif;
}

/* 第二行：署名 */
.type-n-line2 {
  font-size: 0.8571em;
  font-family: 'MiSans Normal', 'MiSans', sans-serif;
  color: #000000;
}

.type-n-separator {
  margin: 0 0.5em;
  font-family: 'MiSans Normal', 'MiSans', sans-serif;
  color: #000000;
}