/* PC 端「图文入口卡」（2026-10-07 站长要求：栏目页 / 详情页右上加图文链接）
   图片上直接压文字（左深右透渐变），卡下副标题 + 进入箭头；宽度跟随所在栏；
   通栏模式（.msn-sidecard--wide）用于产品列表页主网格上方，图文左右并排更省竖向空间。 */
.msn-sidecard{display:block;border-radius:14px;overflow:hidden;text-decoration:none;
  border:1px solid var(--msn-line,#1E4C76);background:var(--msn-surface,rgba(255,255,255,.04));
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.msn-sidecard:hover{transform:translateY(-2px);border-color:rgba(146,190,232,.6);
  box-shadow:0 12px 26px rgba(3,16,31,.34)}
.msn-sidecard-img{position:relative;display:block;aspect-ratio:760/420;overflow:hidden}
.msn-sidecard-img>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.msn-sidecard:hover .msn-sidecard-img>img{transform:scale(1.04)}
.msn-sidecard-tx{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;
  gap:3px;padding:12px 13px;
  background:linear-gradient(90deg,rgba(6,18,34,.88) 0%,rgba(6,18,34,.62) 45%,rgba(6,18,34,.10) 100%)}
.msn-sidecard-tx i{font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.06em;
  color:#8FC4EC;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.msn-sidecard-tx b{font-size:15.5px;font-weight:800;line-height:1.3;color:#fff;
  text-shadow:0 1px 4px rgba(0,0,0,.66)}
.msn-sidecard-sub{display:block;padding:9px 13px 0;font-size:12.5px;line-height:1.55;
  font-weight:600;color:var(--msn-body,#BEDBF2)}
.msn-sidecard-go{display:flex;align-items:center;gap:4px;padding:7px 13px 11px;
  font-size:12.5px;font-weight:700;color:#CFE8FB}
.msn-sidecard:hover .msn-sidecard-go{color:#fff}
.msn-sidecard-go svg{transition:transform .18s ease}
.msn-sidecard:hover .msn-sidecard-go svg{transform:translateX(3px)}

/* 通栏版（产品列表页主网格上方）：图在左、副标题 + 进入在右，高度约 128px，
   不挤压下面的产品卡网格。【2026-10-07 更正】站长说的「主窗口版面」指
   /cylinder-calc/ 计算器的参数区，不是本页 —— 本页维持最初的左右两列设计，
   不要再跟着计算器那边的口径来回改。 */
.msn-sidecard--wide{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);
  align-items:center;margin-bottom:1.35rem}
.msn-sidecard--wide .msn-sidecard-img{aspect-ratio:auto;height:128px}
.msn-sidecard--wide .msn-sidecard-sub{padding:0 16px 0 0;align-self:end}
.msn-sidecard--wide .msn-sidecard-go{padding:6px 16px 0 0;align-self:start}
.msn-sidecard--wide .msn-sidecard-body{display:flex;flex-direction:column;justify-content:center;
  padding:0 16px;min-width:0}
@media (max-width:1279px){
  .msn-sidecard--wide{grid-template-columns:minmax(180px,240px) minmax(0,1fr)}
  .msn-sidecard--wide .msn-sidecard-img{height:112px}
}