.topic-photo{
  background:var(--ink-deep);
  padding:0;
}
.topic-photo .wrap{
  padding-top:0;
  padding-bottom:0;
}
.topic-photo figure{
  position:relative;
  height:clamp(240px,34vw,410px);
  overflow:hidden;
  background:var(--ink);
  border-left:1px solid rgba(255,255,255,.08);
  border-right:1px solid rgba(255,255,255,.08);
}
.topic-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.86) contrast(1.04);
}
.topic-photo figure:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(5,16,27,.78) 100%);
  pointer-events:none;
}
.topic-photo figcaption{
  position:absolute;
  z-index:1;
  left:24px;
  right:24px;
  bottom:18px;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:18px;
  color:#fff;
  font-family:"Noto Serif TC",serif;
  font-weight:700;
  font-size:clamp(16px,2vw,20px);
  line-height:1.45;
}
@media(max-width:600px){
  .topic-photo .wrap{padding-left:0;padding-right:0;}
  .topic-photo figure{height:260px;border:0;}
  .topic-photo figcaption{left:20px;right:20px;bottom:16px;display:block;}
}