/**
 * 卡面视觉容器 — 1568×988 设计坐标
 *
 * 底图实际约 1024×639，与设计比例略有差异。
 * 统一映射：容器锁定 1568/988；底图 fill + SVG none，
 * 使底图特征百分比与 SVG 坐标百分比始终重合。
 * 禁止在此文件写文字 top/left 第二套坐标。
 */
.card-visual-host{
  width:100%;
  max-width:100%;
}
.card-visual{
  position:relative;
  width:100%;
  aspect-ratio:1568 / 988;
  overflow:hidden;
  border-radius:16px;
  box-shadow:0 10px 28px rgba(15,23,42,.22);
  background:transparent;
}
.card-visual.compact{
  border-radius:12px;
  box-shadow:0 10px 24px rgba(15,23,42,.18);
}

/* 底图与 SVG 叠在同一矩形内，禁止单独拉伸文字层 */
.card-visual-bg{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:fill;
  object-position:center center;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}
.card-visual-overlay{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  display:block;
  pointer-events:none;
}
.card-visual-overlay .cv-copy{
  pointer-events:auto;
  cursor:pointer;
}
.card-visual-debug{
  pointer-events:none;
}

/* 宿主宽度（不影响产品列表卡图） */
.home-mycard-face.card-visual-host,
#detailFace.card-visual-host,
#successFace.card-visual-host,
#view-recharge .rc-left .card-visual-host{
  width:100%;
  max-width:100%;
}
