/* 重置基础样式 */
html, body {
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-color: #F2F2F2;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  /* 画布容器：强制1:1比例，自动适应视窗短边 */
  #canvas-container {
    width: 100vmin;  /* 使用vmin单位确保始终适应较短边 */
    height: 100vmin; /* 保持1:1比例 */
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  /* canvas本身保持500x500的尺寸，但通过CSS缩放填满容器 */
  canvas {
    width: 95% !important;  /* 使用90%的尺寸替代transform: scale(0.9) */
    height: 95% !important; /* 使用90%的尺寸替代transform: scale(0.9) */

    
    /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1),0 -10px 30px rgba(0, 0, 0, 0.1); */
  }