/* 宿主节点：对齐 image 组件默认 inline-block 布局，尺寸与圆角由调用方 class 控制 */
:host {
  display: inline-block;
  overflow: hidden;
}

/* 内层图片：填满宿主并继承圆角，保证既有版式零回归 */
.ci-img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

/* 骨架占位：与全局 .sk 同款视觉，组件内独立定义避免依赖外部样式加载顺序 */
.ci-ph {
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #F2F2F0 25%, #E9E9E6 37%, #F2F2F0 63%);
  background-size: 400% 100%;
  animation: ciSkLoad 1.5s ease infinite;
}
@keyframes ciSkLoad {
  0% { background-position: 100% 50%; }
  100% { background-position: 0 50%; }
}