/* 页面布局与样式微调 */

/* 左上角 logo 显示为圆形 */
.md-logo img {
  border-radius: 50%;
}

/*
 * 放大页眉 logo：默认 img 高 1.2rem + 按钮 padding 0.4rem。
 * 改为 1.8rem + 0.1rem，logo 放大 50% 而页眉总高度保持 2.4rem 不变。
 */
.md-header__button.md-logo {
  padding: 0.1rem;
}

.md-header__button.md-logo img {
  height: 1.8rem;
}

/* 首页部署效果视频：两列等宽，窄屏退化为单列 */
.video-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media screen and (max-width: 60em) {
  .video-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/*
 * 预览图统一尺寸：等宽等高，等比缩放。
 * object-fit: contain 保证不裁剪，比例不符时留白，留白区域用浅色底标出。
 */
.img-uniform {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  background: var(--md-default-fg-color--lightest);
  border-radius: 0.1rem;
}

/* 竖版图（评估曲线）用更高的固定比例 */
.img-uniform--tall {
  aspect-ratio: 3 / 4;
}