/* 容器样式 */
.dv-3d-viewer-wrapper {
  width: 100%;
  height: 400px;
  background-color: transparent;/* transparent #d6d6d6*/
  border-radius: 0px;
  overflow: hidden;
}

/* model-viewer 尺寸 + 所有CSS变量 */
.dv-3d-viewer-wrapper model-viewer {
  width: 100%;
  height: 100%;
  --progress-bar-color: #4f63c4;
  --progress-bar-height: 5px;
  --ar-button-scale: 1;
  --max-hotspot-opacity: 1;
  --min-hotspot-opacity: 0.3;
}

/* AR按钮样式 */
model-viewer::part(default-ar-button) {
  background-color: #2196f3;
  border-radius: 20px;
}

/* 退出AR按钮样式 */
model-viewer::part(default-exit-webxr-ar-button) {
  background-color: #000000;
  width: 40px;
  height: 40px;
}

/* 响应式设计 */
@media (max-width: 1024px) {
  .dv-3d-viewer-wrapper {
    height: 400px;
  }
}

@media (max-width: 768px) {
  .dv-3d-viewer-wrapper {
    height: 300px;
  }
}