/* 数字科学探究 · 主题封面：与普通课 .cover-hero img 同一套完整显示规则 */
.dsi-cover-hero{
  /* 基类 .cover-hero 已有 margin/圆角；此处避免奶油底露出「白边」 */
  background:transparent;
  line-height:0;
}
.dsi-cover-hero svg,
.dsi-cover-hero img{
  width:100%;
  height:auto;
  max-height:min(40vw, 380px);
  object-fit:cover;
  object-position:center;
  display:block;
  border-radius:12px;
  vertical-align:top;
}
.dsi-cover-hero img{
  width:auto;
  max-width:100%;
  max-height:320px;
  margin:0 auto;
  object-fit:contain;
}
.dsi-science-note{
  margin:10px 0 0;
  padding:10px 12px;
  border-radius:10px;
  background:linear-gradient(90deg,#eef6f2,#f3f7fb);
  border:1px solid #d5e5dc;
  color:#0f3d34;
  font-size:.92rem;
  line-height:1.55;
}
.dsi-scene-fig{
  margin:0.6em 0 1em;
}
.dsi-scene-fig img{
  width:auto;
  max-width:100%;
  height:auto;
  max-height:320px;
  margin:0 auto;
  object-fit:contain;
  background:#e8f1ec;
}
/* 首页卡片：16:9 容器内 slice 铺满（与其它课 object-fit:cover 一致） */
.course-cover.dsi-index-cover,
.dsi-index-cover{
  position:relative;
  overflow:hidden;
  line-height:0;
  background:transparent;
}
.dsi-index-cover svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
}
.dsi-index-cover-photo img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.course[data-cat="digital-science"] .dsi-index-cover{
  border-bottom:0;
}
@media (max-width:720px){
  .dsi-cover-hero{margin-left:18px;margin-right:18px}
}