/* 不对称海报墙：三列宽度按原图比例反推（华为 3:4 | 两张 4:3 叠放 | 4:3 + 竖图），三列等高，图块不留黑边 */
.wall{display:grid;grid-template-columns:506fr 440fr 316fr;gap:14px;align-items:stretch}
.wcol{display:flex;flex-direction:column;gap:14px;min-width:0}
.w{position:relative;overflow:hidden;border-radius:var(--r,14px);background:var(--card,#151515);min-height:0}
.w a{position:absolute;inset:0;display:block}
.w img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.w:hover img{transform:scale(1.03)}
.w a:focus-visible{outline:2px solid var(--lime);outline-offset:-3px}
.w-huawei{aspect-ratio:1086/1448}
.c2 .w{flex:1 1 0}
.w-micro{flex:237 1 0}
.w-child{flex:423 1 0}
.w-child img{object-position:50% 30%}
.w-micro img{object-position:50% 60%}
.w-utopia img{object-position:50% 70%}
.w figcaption{position:absolute;left:12px;bottom:12px;height:28px;padding:0 12px;border-radius:999px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;font-weight:700;line-height:28px;pointer-events:none}

@media (max-width:640px){
  /* 手机：两张竖图并排 → 改变通栏 → 两张 4:3 并排；全部按原比例，不留黑槽 */
  .wall{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .wcol{display:contents}
  .w{flex:none!important}
  .w-huawei{order:1;aspect-ratio:3/4}
  .w-child{order:2;aspect-ratio:3/4}
  .w-change{order:3;grid-column:span 2;aspect-ratio:4/3}
  .w-micro{order:4;aspect-ratio:4/3}
  .w-utopia{order:5;aspect-ratio:4/3}
  .w figcaption{left:8px;bottom:8px;height:24px;padding:0 10px;font-size:11px;line-height:24px}
}