/* =========================
   3D 骰子核心容器
========================= */
#dice-3d-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  perspective: 1000px;
  display: none;
  z-index: 10000;
}

/* 骰子主体 */
#dice-3d {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 1.2s cubic-bezier(0.15, 0.85, 0.35, 1);
  
}

/* =========================
   骰子面（恢复原始立体结构）
========================= */
.dice-3d-face {
  position: absolute;
  width: 100px;
  height: 100px;
  background: #ffffff;
  border-radius: 15px;

  display: flex;
  align-items: center;
  justify-content: center;

  /* 原来立体感最强的一组 */
  box-shadow:
    inset 0 0 20px rgba(0,0,0,0.1),
    0 4px 20px rgba(0,0,0,0.25);

  border: 1px solid rgba(0,0,0,0.1);
  backface-visibility: hidden;
}

/* 面的位置（不要再改） */
.dice-3d-face[data-value="1"] { transform: translateZ(50px); }
.dice-3d-face[data-value="6"] { transform: rotateX(180deg) translateZ(50px); }
.dice-3d-face[data-value="2"] { transform: rotateX(-90deg) translateZ(50px); }
.dice-3d-face[data-value="5"] { transform: rotateX(90deg) translateZ(50px); }
.dice-3d-face[data-value="3"] { transform: rotateY(90deg) translateZ(50px); }
.dice-3d-face[data-value="4"] { transform: rotateY(-90deg) translateZ(50px); }

/* =========================
   点数
========================= */
.dot {
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.dice-3d-face[data-value="1"] .dot,
.dice-3d-face[data-value="4"] .dot {
  background: #e53935;
}

.dice-3d-face:not([data-value="1"]):not([data-value="4"]) .dot {
  background: #333;
}

/* =========================
   飞行骰子容器
========================= */
.mini-dice-flyer {
  position: fixed;
  pointer-events: none;
  z-index: 10001;
}