/** 自定义导航球样式 */
.mars3d-compass-custom {
  position: absolute;
  top: 10px;
  right: 10px;
  user-select: none;
  width: 120px;
  height: 120px;
}
/** 外部的圆环区域 */
.mars3d-compass-custom .mars3d-compass-outer {
  position: absolute;
  top: 0;
  left: 0;
  height: 120px;
  width: 120px;
  background: rgb(62 65 65 / 40%);
  border-radius: 50%;
}
/** 中间的的圆环区域 */
.mars3d-compass-custom .mars3d-compass-inner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  height: 120px;
  width: 120px;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: contain;
}
/** 鼠标按下中间往四周拖拽时显示的半弧状态层 */
.mars3d-compass-custom .mars3d-compass-rotation-arc {
  position: absolute;
  top: 0;
  left: 0;
  height: 120px;
  width: 120px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}