/*
 * Calabi–Yau 小部件可选样式。
 * 部件的 JS 已经把容器设为 width:100% / aspect-ratio:1/1，并给 canvas 加上
 * display:block / width:100% / height:100% / cursor / touch-action。
 * 本文件只是给容器一个可复用的 class 钩子，方便你统一布局与覆盖。
 * 遵循品牌硬规则：无阴影、无渐变、无圆角。
 */

.calabi-yau {
  width: 100%;
  aspect-ratio: 1 / 1;
  /* 画布透明，会露出此处或父级的背景色 */
  background: transparent;
  /* 防止移动端拖拽时页面跟着滚动 */
  touch-action: none;
}

/* 由部件创建并插入的 canvas */
.calabi-yau > canvas {
  display: block;
  width: 100%;
  height: 100%;
}