/* 分享卡 · PluginShareCard — 整卡由 canvas 绘制为单张 PNG 插入页面（21:9），
   此文件只负责图片自适应与进场淡入。卡片几何见 share-card.js 的 LAYOUT。 */

.kpsc {
  margin: 12px 0 0;
  clear: both;
}

.kpsc, .kpsc * { box-sizing: border-box; }

.kpsc-img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 21 / 9;
  border-radius: 6px;
}

/* 进场淡入 */
.kpsc-img { opacity: 0; transform: translateY(8px); }
.kpsc.kpsc-in .kpsc-img { opacity: 1; transform: none; transition: opacity 0.5s ease, transform 0.5s ease; }
@media (prefers-reduced-motion: reduce) {
  .kpsc-img { opacity: 1; transform: none; }
  .kpsc.kpsc-in .kpsc-img { transition: none; }
}